Mercurial > kallithea
changeset 985:4e38b2bc8835 beta
extended functionality on users groups select box
| author | Marcin Kuzminski <marcin@python-works.com> |
|---|---|
| date | Mon, 31 Jan 2011 23:21:48 +0100 |
| parents | ccd323bfa121 |
| children | 5256b255269a |
| files | rhodecode/templates/admin/users_groups/users_group_edit.html |
| diffstat | 1 files changed, 78 insertions(+), 29 deletions(-) [+] |
line wrap: on
line diff
--- a/rhodecode/templates/admin/users_groups/users_group_edit.html Mon Jan 31 17:41:12 2011 +0100 +++ b/rhodecode/templates/admin/users_groups/users_group_edit.html Mon Jan 31 23:21:48 2011 +0100 @@ -46,17 +46,21 @@ </div> </div> <div class="field"> - <div class="label label-checkbox"> + <div class="label"> <label for="users_group_active">${_('Members')}:</label> </div> - <div class="checkboxes"> + <div class="select"> <table> <tr> <td> <div> <div style="float:left"> - <div class="text">${_('Group members')}</div> + <div class="text" style="padding: 0px 0px 6px;">${_('Choosen group members')}</div> ${h.select('users_group_members',[x[0] for x in c.group_members],c.group_members,multiple=True,size=8,style="min-width:210px")} + <div id="remove_all_elements" style="cursor:pointer;text-align:center"> + ${_('Remove all elements')} + <img alt="remove" src="/images/icons/arrow_right.png"> + </div> </div> <div style="float:left;width:20px;padding-top:50px"> <img alt="add" id="add_element" @@ -68,8 +72,12 @@ src="/images/icons/arrow_right.png"> </div> <div style="float:left"> - <div class="text">${_('Available members')}</div> + <div class="text" style="padding: 0px 0px 6px;">${_('Available members')}</div> ${h.select('available_members',[],c.available_members,multiple=True,size=8,style="min-width:210px")} + <div id="add_all_elements" style="cursor:pointer;text-align:center"> + <img alt="add" src="/images/icons/arrow_left.png"> + ${_('Add all elements')} + </div> </div> </div> </td> @@ -97,7 +105,7 @@ //form containing containers id var form_id = 'edit_users_group'; - //temp container for storage. + //temp container for selected storage. var cache = new Array(); var c = D.get(selected_container); @@ -120,39 +128,80 @@ function prompts_action_callback(e){ var choosen = D.get(selected_container); - var availible = D.get(available_container); - - if (this.id=='add_element'){ - for(var i=0; node = availible.options[i];i++){ + var available = D.get(available_container); + + //get checked and unchecked options from field + function get_checked(from_field){ + //temp container for storage. + var sel_cache = new Array(); + var oth_cache = new Array(); + + for(var i = 0;node = from_field.options[i];i++){ if(node.selected){ - choosen.appendChild(new Option(node.text, node.value, false, false)); + //push selected fields :) + sel_cache.push(node); + } + else{ + oth_cache.push(node) } + } + + return [sel_cache,oth_cache] + } + + //fill the field with given options + function fill_with(field,options){ + //clear firtst + field.options.length=0; + for(var i = 0;node = options[i];i++){ + field.options[i]=new Option(node.text, node.value, + false, false); + } + + } + //adds to current field + function add_to(field,options){ + for(var i = 0;node = options[i];i++){ + field.appendChild(new Option(node.text, node.value, + false, false)); } } - else if (this.id=='remove_element'){ - - //temp container for storage. - cache = new Array(); - - for(var i = 0;node = choosen.options[i];i++){ - if(!node.selected){ - //push left overs :) - cache.push(node); - } + + // add action + if (this.id=='add_element'){ + var c = get_checked(available); + add_to(choosen,c[0]); + fill_with(available,c[1]); + } + // remove action + if (this.id=='remove_element'){ + var c = get_checked(choosen); + add_to(available,c[0]); + fill_with(choosen,c[1]); + } + // add all elements + if(this.id=='add_all_elements'){ + for(var i=0; node = available.options[i];i++){ + choosen.appendChild(new Option(node.text, + node.value, false, false)); } - //clear select - choosen.options.length = 0; - for(var i = 0;node = cache[i];i++){ - choosen.options[i]=new Option(node.text, node.value, false, false); - } - } - else{ - + available.options.length = 0; } + //remove all elements + if(this.id=='remove_all_elements'){ + for(var i=0; node = choosen.options[i];i++){ + available.appendChild(new Option(node.text, + node.value, false, false)); + } + choosen.options.length = 0; + } + } - E.addListener(['add_element','remove_element'],'click',prompts_action_callback) + E.addListener(['add_element','remove_element', + 'add_all_elements','remove_all_elements'],'click', + prompts_action_callback) E.addListener(form_id,'submit',function(){ var choosen = D.get(selected_container);