diff options
Diffstat (limited to 'ipa-server/ipa-gui/ipagui/templates/groupeditform.kid')
| -rw-r--r-- | ipa-server/ipa-gui/ipagui/templates/groupeditform.kid | 312 |
1 files changed, 312 insertions, 0 deletions
diff --git a/ipa-server/ipa-gui/ipagui/templates/groupeditform.kid b/ipa-server/ipa-gui/ipagui/templates/groupeditform.kid new file mode 100644 index 000000000..9e388ee70 --- /dev/null +++ b/ipa-server/ipa-gui/ipagui/templates/groupeditform.kid @@ -0,0 +1,312 @@ +<div xmlns:py="http://purl.org/kid/ns#" + class="simpleroster"> + <form action="${action}" name="${name}" method="${method}" class="tableform" + onsubmit="preSubmit()" > + + + <?python searchurl = tg.url('/userlist_ajax') ?> + + <script type="text/javascript"> + // this is used for round-trip recontruction of the names. + // the hidden fields only contain uids. + var uid_to_cn_hash = new Hash(); + + // used to filter search results. + // records uids already in the group + var member_hash = new Hash(); + + // used to prevent double adding + // records uid to be added + var added_hash = new Hash(); + + + function toggleProtectedFields(checkbox) { + var gidnumberField = $('form_gidnumber'); + if (checkbox.checked) { + gidnumberField.disabled = false; + $('form_editprotected').value = 'true'; + } else { + gidnumberField.disabled = true; + $('form_editprotected').value = ''; + } + } + + /* + * Callback used for afterFinish in scriptaculous effect + */ + function removeElement(effect) { + Element.remove(effect.element); + } + + function adduser(uid, cn) { + uid_to_cn_hash[uid] = cn; + + if ((added_hash[uid] == 1) || (member_hash[uid] == 1)) { + return null; + } + added_hash[uid] = 1; + + var newdiv = document.createElement('div'); + newdiv.appendChild(document.createTextNode( + cn.escapeHTML() + " (" + uid.escapeHTML() + ") ")); + + var undolink = document.createElement('a'); + undolink.setAttribute('href', ''); + undolink.setAttribute('onclick', + 'new Effect.Fade(Element.up(this), {afterFinish: removeElement});' + + 'added_hash.remove("' + uid + '");' + + 'return false;'); + undolink.appendChild(document.createTextNode("undo")); + newdiv.appendChild(undolink); + + var uidInfo = document.createElement('input'); + uidInfo.setAttribute('type', 'hidden'); + uidInfo.setAttribute('name', 'uidadd'); + uidInfo.setAttribute('value', uid); + newdiv.appendChild(uidInfo); + + newdiv.style.display = 'none'; + $('newmembers').appendChild(newdiv); + + return newdiv + } + + function adduserHandler(element, uid, cn) { + var newdiv = adduser(uid, cn) + if (newdiv != null) { + new Effect.Fade(Element.up(element)); + new Effect.Appear(newdiv); + /* Element.up(element).remove(); */ + } + } + + function removeuser(uid, cn) { + uid_to_cn_hash[uid] = cn; + + var newdiv = document.createElement('div'); + newdiv.appendChild(document.createTextNode( + cn.escapeHTML() + " (" + uid.escapeHTML() + ") ")); + + var undolink = document.createElement('a'); + undolink.setAttribute('href', ''); + undolink.setAttribute('onclick', + 'new Effect.Fade(Element.up(this), {afterFinish: removeElement});' + + "new Effect.Appear($('member-" + uid + "'));" + + 'return false;'); + undolink.appendChild(document.createTextNode("undo")); + newdiv.appendChild(undolink); + + var uidInfo = document.createElement('input'); + uidInfo.setAttribute('type', 'hidden'); + uidInfo.setAttribute('name', 'uiddel'); + uidInfo.setAttribute('value', uid); + newdiv.appendChild(uidInfo); + + newdiv.style.display = 'none'; + $('delmembers').appendChild(newdiv); + + return newdiv + } + + function removeuserHandler(element, uid, cn) { + var newdiv = removeuser(uid, cn); + new Effect.Fade(Element.up(element)); + new Effect.Appear(newdiv); + /* Element.up(element).remove(); */ + } + + function enterDoSearch(e) { + var keyPressed; + if (window.event) { + keyPressed = window.event.keyCode; + } else { + keyPressed = e.which; + } + + if (keyPressed == 13) { + return doSearch(); + } else { + return true; + } + } + + function doSearch() { + $('searchresults').update("Searching..."); + new Ajax.Updater('searchresults', + '${searchurl}', + { asynchronous:true, + parameters: { uid: $('uid').value }, + evalScripts: true }); + return false; + } + + function preSubmit() { + var json = uid_to_cn_hash.toJSON(); + $('form_uid_to_cn_json').value = json; + return true; + } + </script> + + <div py:for="field in hidden_fields" + py:replace="field.display(value_for(field), **params_for(field))" + /> + + <div class="formsection">Group Details</div> + <table class="formtable" cellpadding="2" cellspacing="0" border="0"> + <tr> + <th> + <label class="fieldlabel" for="${group.cn.field_id}" + py:content="group.cn.label" />: + </th> + <td> + <!-- <span py:replace="group.cn.display(value_for(group.cn))" /> + <span py:if="tg.errors.get('cn')" class="fielderror" + py:content="tg.errors.get('cn')" /> --> + ${value_for(group.cn)} + + </td> + </tr> + + <tr> + <th> + <label class="fieldlabel" for="${group.description.field_id}" + py:content="group.description.label" />: + </th> + <td> + <span py:replace="group.description.display(value_for(group.description))" /> + <span py:if="tg.errors.get('description')" class="fielderror" + py:content="tg.errors.get('description')" /> + + </td> + </tr> + + <tr> + <th> + <label class="fieldlabel" for="${group.gidnumber.field_id}" + py:content="group.gidnumber.label" />: + </th> + <td> + <span py:replace="group.gidnumber.display(value_for(group.gidnumber))" /> + <span py:if="tg.errors.get('gidnumber')" class="fielderror" + py:content="tg.errors.get('gidnumber')" /> + + <script type="text/javascript"> + document.getElementById('form_gidnumber').disabled = true; + </script> + </td> + </tr> + </table> + + <div> + <div class="formsection">Group Members</div> + + <div class="floatlist"> + <div class="floatheader">To Remove:</div> + <div id="delmembers"> + </div> + </div> + + <div> + <div py:for="member in members" id="member-${member.get('uid')}"> + <?python + member_uid = member.get('uid') + member_name = "%s %s" % (member.get('givenname', ''), + member.get('sn', '')) + ?> + ${member_name} (${member_uid}) + <a href="#" + onclick="removeuserHandler(this, '${member_uid}', '${member_name}'); + return false;" + >remove</a> + <script type="text/javascript"> + member_hash["${member_uid}"] = 1; + </script> + </div> + </div> + + </div> + + <div style="clear:both"> + <div class="formsection">Add Persons</div> + + <div class="floatlist"> + <div class="floatheader">To Add:</div> + <div id="newmembers"> + </div> + </div> + + <div> + <div id="search"> + <input id="uid" type="text" name="uid" + onkeypress="return enterDoSearch(event);" /> + <input type="button" value="Find Users" + onclick="return doSearch();" + /> + </div> + <div id="searchresults"> + </div> + </div> + </div> + + + + <table class="formtable" cellpadding="2" cellspacing="0" border="0"> + <tr> + <th> + <br /> + <input type="submit" class="submitbutton" name="submit" + value="Update Group"/> + </th> + <td> + <br /> + <input type="submit" class="submitbutton" name="submit" + value="Cancel Edit" /> + </td> + </tr> + </table> + + </form> + + <script type="text/javascript"> + /* + * This section restores the contents of the add and remove lists + * dynamically if we have to refresh the page + */ + if ($('form_uid_to_cn_json').value != "") { + uid_to_cn_hash = new Hash($('form_uid_to_cn_json').value.evalJSON()); + } + + if ($('form_editprotected').value != "") { + $('toggleprotected_checkbox').checked = true; + toggleProtectedFields($('toggleprotected_checkbox')); + } + </script> + + <?python + uidadds = value.get('uidadd', []) + if not(isinstance(uidadds,list) or isinstance(uidadds,tuple)): + uidadds = [uidadds] + + uiddels = value.get('uiddel', []) + if not(isinstance(uiddels,list) or isinstance(uiddels,tuple)): + uiddels = [uiddels] + ?> + + <script py:for="uidadd in uidadds"> + var uid = "${uidadd}"; + var cn = uid_to_cn_hash[uid]; + var newdiv = adduser(uid, cn); + if (newdiv != null) { + newdiv.style.display = 'block'; + } + </script> + + <script py:for="uiddel in uiddels"> + var uid = "${uiddel}"; + var cn = uid_to_cn_hash[uid]; + var newdiv = removeuser(uid, cn); + newdiv.style.display = 'block'; + $('member-' + uid).style.display = 'none'; + </script> + +</div> |