users_group_edit.html
245 lines
| 10.2 KiB
| text/html
|
HtmlLexer
| r972 | ## -*- coding: utf-8 -*- | ||
| <%inherit file="/base/base.html"/> | |||
| <%def name="title()"> | |||
| ${_('Edit users group')} ${c.users_group.users_group_name} - ${c.rhodecode_name} | |||
| </%def> | |||
| <%def name="breadcrumbs_links()"> | |||
| ${h.link_to(_('Admin'),h.url('admin_home'))} | |||
| » | |||
| ${h.link_to(_('UsersGroups'),h.url('users_groups'))} | |||
| » | |||
| ${_('edit')} "${c.users_group.users_group_name}" | |||
| </%def> | |||
| <%def name="page_nav()"> | |||
| ${self.menu('admin')} | |||
| </%def> | |||
| <%def name="main()"> | |||
| <div class="box"> | |||
| <!-- box / title --> | |||
| <div class="title"> | |||
| ${self.breadcrumbs()} | |||
| </div> | |||
| <!-- end box / title --> | |||
| ${h.form(url('users_group', id=c.users_group.users_group_id),method='put', id='edit_users_group')} | |||
| <div class="form"> | |||
| <!-- fields --> | |||
| <div class="fields"> | |||
| <div class="field"> | |||
| <div class="label"> | |||
| <label for="users_group_name">${_('Group name')}:</label> | |||
| </div> | |||
| <div class="input"> | |||
| ${h.text('users_group_name',class_='small')} | |||
| </div> | |||
| </div> | |||
| <div class="field"> | |||
| <div class="label label-checkbox"> | |||
| <label for="users_group_active">${_('Active')}:</label> | |||
| </div> | |||
| <div class="checkboxes"> | |||
| ${h.checkbox('users_group_active',value=True)} | |||
| </div> | |||
| </div> | |||
| <div class="field"> | |||
| r985 | <div class="label"> | ||
| r972 | <label for="users_group_active">${_('Members')}:</label> | ||
| </div> | |||
| r985 | <div class="select"> | ||
| r972 | <table> | ||
| <tr> | |||
| <td> | |||
| <div> | |||
| <div style="float:left"> | |||
| r985 | <div class="text" style="padding: 0px 0px 6px;">${_('Choosen group members')}</div> | ||
| r972 | ${h.select('users_group_members',[x[0] for x in c.group_members],c.group_members,multiple=True,size=8,style="min-width:210px")} | ||
| r985 | <div id="remove_all_elements" style="cursor:pointer;text-align:center"> | ||
| ${_('Remove all elements')} | |||
| r987 | <img alt="remove" style="vertical-align:text-bottom" src="/images/icons/arrow_right.png"/> | ||
| r985 | </div> | ||
| r972 | </div> | ||
| <div style="float:left;width:20px;padding-top:50px"> | |||
| <img alt="add" id="add_element" | |||
| style="padding:2px;cursor:pointer" | |||
| r987 | src="/images/icons/arrow_left.png"/> | ||
| r972 | <br /> | ||
| <img alt="remove" id="remove_element" | |||
| style="padding:2px;cursor:pointer" | |||
| r987 | src="/images/icons/arrow_right.png"/> | ||
| r972 | </div> | ||
| <div style="float:left"> | |||
| r985 | <div class="text" style="padding: 0px 0px 6px;">${_('Available members')}</div> | ||
| r972 | ${h.select('available_members',[],c.available_members,multiple=True,size=8,style="min-width:210px")} | ||
| r985 | <div id="add_all_elements" style="cursor:pointer;text-align:center"> | ||
| r987 | <img alt="add" style="vertical-align:text-bottom" src="/images/icons/arrow_left.png"/> | ||
| r985 | ${_('Add all elements')} | ||
| </div> | |||
| r972 | </div> | ||
| </div> | |||
| </td> | |||
| </tr> | |||
| </table> | |||
| </div> | |||
| </div> | |||
| <div class="buttons"> | |||
| ${h.submit('save','save',class_="ui-button")} | |||
| </div> | |||
| </div> | |||
| </div> | |||
| ${h.end_form()} | |||
| </div> | |||
| <script type="text/javascript"> | |||
| YAHOO.util.Event.onDOMReady(function(){ | |||
| var D = YAHOO.util.Dom; | |||
| var E = YAHOO.util.Event; | |||
| //definition of containers ID's | |||
| var available_container = 'available_members'; | |||
| var selected_container = 'users_group_members'; | |||
| r1030 | |||
| r972 | //form containing containers id | ||
| var form_id = 'edit_users_group'; | |||
| r985 | //temp container for selected storage. | ||
| r972 | var cache = new Array(); | ||
| r1030 | var av_cache = new Array(); | ||
| r972 | var c = D.get(selected_container); | ||
| r1030 | var ac = D.get(available_container); | ||
| r972 | |||
| //get only selected options for further fullfilment | |||
| for(var i = 0;node =c.options[i];i++){ | |||
| if(node.selected){ | |||
| //push selected to my temp storage left overs :) | |||
| cache.push(node); | |||
| r1030 | } | ||
| r972 | } | ||
| //clear 'selected' select | |||
| c.options.length = 0; | |||
| //fill it with remembered options | |||
| for(var i = 0;node = cache[i];i++){ | |||
| c.options[i]=new Option(node.text, node.value, false, false); | |||
| } | |||
| r1030 | |||
| //get all available options to cache | |||
| for(var i = 0;node =ac.options[i];i++){ | |||
| //push selected to my temp storage left overs :) | |||
| av_cache.push(node); | |||
| } | |||
| //fill available only with those not in choosen | |||
| ac.options.length=0; | |||
| tmp_cache = new Array(); | |||
| for(var i = 0;node = av_cache[i];i++){ | |||
| var add = true; | |||
| for(var i2 = 0;node_2 = cache[i2];i2++){ | |||
| if(node.value == node_2.value){ | |||
| add=false; | |||
| break; | |||
| } | |||
| } | |||
| if(add){ | |||
| tmp_cache.push(new Option(node.text, node.value, false, false)); | |||
| } | |||
| } | |||
| for(var i = 0;node = tmp_cache[i];i++){ | |||
| ac.options[i] = node; | |||
| } | |||
| r972 | function prompts_action_callback(e){ | ||
| var choosen = D.get(selected_container); | |||
| r985 | 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++){ | |||
| r972 | if(node.selected){ | ||
| r985 | //push selected fields :) | ||
| sel_cache.push(node); | |||
| } | |||
| else{ | |||
| oth_cache.push(node) | |||
| r972 | } | ||
| r985 | } | ||
| 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)); | |||
| r972 | } | ||
| } | |||
| r985 | |||
| // 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)); | |||
| r972 | } | ||
| r985 | available.options.length = 0; | ||
| r972 | } | ||
| r985 | //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; | |||
| } | |||
| r972 | } | ||
| r985 | E.addListener(['add_element','remove_element', | ||
| 'add_all_elements','remove_all_elements'],'click', | |||
| prompts_action_callback) | |||
| r972 | |||
| E.addListener(form_id,'submit',function(){ | |||
| var choosen = D.get(selected_container); | |||
| for (var i = 0; i < choosen.options.length; i++) { | |||
| choosen.options[i].selected = 'selected'; | |||
| } | |||
| }) | |||
| }); | |||
| </script> | |||
| </%def> |
