fixes autocomplete on groups in non admin repository settings page

rhodecode/templates/admin/repos/repo_edit.html

@@ -1,382 +1,197
 ## -*- coding: utf-8 -*-
 <%inherit file="/base/base.html"/>
 
 <%def name="title()">
     ${_('Edit repository')} ${c.repo_info.repo_name} - ${c.rhodecode_name}
 </%def>
 
 <%def name="breadcrumbs_links()">
     ${h.link_to(_('Admin'),h.url('admin_home'))} 
     &raquo; 
     ${h.link_to(_('Repositories'),h.url('repos'))} 
     &raquo;
     ${_('edit')} &raquo; ${h.link_to(c.repo_info.just_name,h.url('summary_home',repo_name=c.repo_name))}
 </%def>
 
 <%def name="page_nav()">
 	${self.menu('admin')}
 </%def>
 
 <%def name="main()">
 <div class="box box-left">
     <!-- box / title -->
     <div class="title">
         ${self.breadcrumbs()}      
     </div>
     ${h.form(url('repo', repo_name=c.repo_info.repo_name),method='put')}
     <div class="form">
         <!-- fields -->
         <div class="fields">
             <div class="field">
                 <div class="label">
                     <label for="repo_name">${_('Name')}:</label>
                 </div>
                 <div class="input">
                     ${h.text('repo_name',class_="medium")}
                 </div>
            </div>
 	       <div class="field">
 	           <div class="label">
 	               <label for="clone_uri">${_('Clone uri')}:</label>
 	           </div>
 	           <div class="input">
 	               ${h.text('clone_uri',class_="medium")}
 	           </div>
 	        </div>             
 	        <div class="field">
 	            <div class="label">
 	                <label for="repo_group">${_('Repository group')}:</label>
 	            </div>
 	            <div class="input">
 	                ${h.select('repo_group','',c.repo_groups,class_="medium")}
 	            </div>
 	        </div>         
             <div class="field">
                 <div class="label">
                     <label for="repo_type">${_('Type')}:</label>
                 </div>
                 <div class="input">
                     ${h.select('repo_type','hg',c.backends,class_="medium")}
                 </div>
             </div>             
             <div class="field">
                 <div class="label label-textarea">
                     <label for="description">${_('Description')}:</label>
                 </div>
                 <div class="textarea text-area editor">
                     ${h.textarea('description',cols=23,rows=5)}
                 </div>
             </div>
             
             <div class="field">
                 <div class="label label-checkbox">
                     <label for="private">${_('Private')}:</label>
                 </div>
                 <div class="checkboxes">
                     ${h.checkbox('private',value="True")}
                 </div>
             </div>
             <div class="field">
                 <div class="label label-checkbox">
                     <label for="enable_statistics">${_('Enable statistics')}:</label>
                 </div>
                 <div class="checkboxes">
                     ${h.checkbox('enable_statistics',value="True")}
                 </div>
             </div>     
             <div class="field">
                 <div class="label label-checkbox">
                     <label for="enable_downloads">${_('Enable downloads')}:</label>
                 </div>
                 <div class="checkboxes">
                     ${h.checkbox('enable_downloads',value="True")}
                 </div>
             </div>                      
             <div class="field">
                 <div class="label">
                     <label for="user">${_('Owner')}:</label>
                 </div>
                 <div class="input input-small ac">
                     <div class="perm_ac">
                        ${h.text('user',class_='yui-ac-input')}
                        <div id="owner_container"></div>
                     </div>
                 </div>
              </div>                
              
             <div class="field">
                 <div class="label">
                     <label for="input">${_('Permissions')}:</label>
                 </div>
                 <div class="input">
                     <%include file="repo_edit_perms.html"/>
                 </div>
              
             <div class="buttons">
               ${h.submit('save','Save',class_="ui-button")}
               ${h.reset('reset','Reset',class_="ui-button")}
             </div>                                                          
         </div>
     </div>
     </div>    
     ${h.end_form()}
-        <script type="text/javascript">
-            YAHOO.util.Event.onDOMReady(function(){
-                var D = YAHOO.util.Dom;
-                if(!D.hasClass('perm_new_member_name','error')){
-                    D.setStyle('add_perm_input','display','none');
-                }
-                YAHOO.util.Event.addListener('add_perm','click',function(){
-                    D.setStyle('add_perm_input','display','');
-                    D.setStyle('add_perm','opacity','0.6');
-                    D.setStyle('add_perm','cursor','default');
-                });
-            });
-        </script>
-        <script type="text/javascript">    
-        YAHOO.example.FnMultipleFields = function(){
-        	var myUsers = ${c.users_array|n};
-        	var myGroups = ${c.users_groups_array|n};
-            
-            // Define a custom search function for the DataSource of users
-            var matchUsers = function(sQuery) {
-                // Case insensitive matching
-                var query = sQuery.toLowerCase();
-                var i=0;
-                var l=myUsers.length;
-                var matches = [];
-                
-                // Match against each name of each contact
-                for(; i<l; i++) {
-                    contact = myUsers[i];
-                    if((contact.fname.toLowerCase().indexOf(query) > -1) ||
-                        (contact.lname.toLowerCase().indexOf(query) > -1) ||
-                        (contact.nname && (contact.nname.toLowerCase().indexOf(query) > -1))) {
-                        matches[matches.length] = contact;
-                    }
-                }
-                return matches;
-            };
-
-            // Define a custom search function for the DataSource of usersGroups
-            var matchGroups = function(sQuery) {
-                // Case insensitive matching
-                var query = sQuery.toLowerCase();
-                var i=0;
-                var l=myGroups.length;
-                var matches = [];
-                
-                // Match against each name of each contact
-                for(; i<l; i++) {
-                    matched_group = myGroups[i];
-                    if(matched_group.grname.toLowerCase().indexOf(query) > -1) {
-                        matches[matches.length] = matched_group;
-                    }
-                }
-                return matches;
-            };         
-            
-            //match all
-            var matchAll = function(sQuery){
-            	u = matchUsers(sQuery);
-            	g = matchGroups(sQuery);
-            	return u.concat(g);
-            };
-            
-            // DataScheme for members
-            var memberDS = new YAHOO.util.FunctionDataSource(matchAll);
-            memberDS.responseSchema = {
-                fields: ["id", "fname", "lname", "nname", "grname", "grmembers"]
-            };
-
-            // DataScheme for owner
-            var ownerDS = new YAHOO.util.FunctionDataSource(matchUsers);
-            ownerDS.responseSchema = {
-                fields: ["id", "fname", "lname", "nname"]
-            };          
-            
-            // Instantiate AutoComplete for perms
-            var membersAC = new YAHOO.widget.AutoComplete("perm_new_member_name", "perm_container", memberDS);
-            membersAC.useShadow = false;
-            membersAC.resultTypeList = false;
-            
-            // Instantiate AutoComplete for owner
-            var ownerAC = new YAHOO.widget.AutoComplete("user", "owner_container", ownerDS);
-            ownerAC.useShadow = false;
-            ownerAC.resultTypeList = false;
-            
-
-            // Helper highlight function for the formatter
-            var highlightMatch = function(full, snippet, matchindex) {
-                return full.substring(0, matchindex) + 
-                        "<span class='match'>" + 
-                        full.substr(matchindex, snippet.length) + 
-                        "</span>" +
-                        full.substring(matchindex + snippet.length);
-            };
-            
-            // Custom formatter to highlight the matching letters
-            var custom_formatter = function(oResultData, sQuery, sResultMatch) {
-            	var query = sQuery.toLowerCase();
-            	
-            	if (oResultData.grname != undefined){
-            		var grname = oResultData.grname;
-            		var grmembers = oResultData.grmembers;
-            		var grnameMatchIndex = grname.toLowerCase().indexOf(query);
-            		var grprefix = "${_('Group')}: ";
-            		var grsuffix = " ("+grmembers+"  ${_('members')})";
-            		
-            		if (grnameMatchIndex > -1){
-            			return grprefix+highlightMatch(grname,query,grnameMatchIndex)+grsuffix;
-            		}
-            		
-            		return grprefix+oResultData.grname+grsuffix;
-            	}
-            	else if(oResultData.fname != undefined){
-	                
-	                var fname = oResultData.fname,
-	                    lname = oResultData.lname,
-	                    nname = oResultData.nname || "", // Guard against null value
-	                    fnameMatchIndex = fname.toLowerCase().indexOf(query),
-	                    lnameMatchIndex = lname.toLowerCase().indexOf(query),
-	                    nnameMatchIndex = nname.toLowerCase().indexOf(query),
-	                    displayfname, displaylname, displaynname;
-	                    
-	                if(fnameMatchIndex > -1) {
-	                    displayfname = highlightMatch(fname, query, fnameMatchIndex);
-	                }
-	                else {
-	                    displayfname = fname;
-	                }
-	        
-	                if(lnameMatchIndex > -1) {
-	                    displaylname = highlightMatch(lname, query, lnameMatchIndex);
-	                }
-	                else {
-	                    displaylname = lname;
-	                }
-	        
-	                if(nnameMatchIndex > -1) {
-	                    displaynname = "(" + highlightMatch(nname, query, nnameMatchIndex) + ")";
-	                }
-	                else {
-	                    displaynname = nname ? "(" + nname + ")" : "";
-	                }
-	        
-	                return displayfname + " " + displaylname + " " + displaynname;
-            	}
-            	else{
-            		return '';
-            	}
-            };
-            membersAC.formatResult = custom_formatter; 
-            ownerAC.formatResult = custom_formatter;
-                            
-            var myHandler = function(sType, aArgs) {
-
-                var myAC = aArgs[0];  // reference back to the AC instance
-                var elLI = aArgs[1];  // reference to the selected LI element
-                var oData = aArgs[2]; // object literal of selected item's result data
-                
-                //fill the autocomplete with value
-                if(oData.nname != undefined){
-                	//users
-                	myAC.getInputEl().value = oData.nname;
-                	YUD.get('perm_new_member_type').value = 'user';
-                }
-                else{
-                	//groups
-                	myAC.getInputEl().value = oData.grname;
-                	YUD.get('perm_new_member_type').value = 'users_group';
-                }
-                
-            };
-
-            membersAC.itemSelectEvent.subscribe(myHandler);
-            ownerAC.itemSelectEvent.subscribe(myHandler);
-            
-            return {
-                memberDS: memberDS,
-                ownerDS:  ownerDS,
-                membersAC: membersAC,
-                ownerAC: ownerAC, 
-            };
-        }();
-            
-        </script>      
-
 </div>
 
 <div class="box box-right">
     <div class="title">
         <h5>${_('Administration')}</h5>    
     </div>
     
         <h3>${_('Statistics')}</h3>
         ${h.form(url('repo_stats', repo_name=c.repo_info.repo_name),method='delete')}
         <div class="form">
            <div class="fields">
                ${h.submit('reset_stats_%s' % c.repo_info.repo_name,_('Reset current statistics'),class_="refresh_icon action_button",onclick="return confirm('Confirm to remove current statistics');")}
                <div class="field" style="border:none">
                <ul>
                     <li>${_('Fetched to rev')}: ${c.stats_revision}/${c.repo_last_rev}</li>
                     <li>${_('Percentage of stats gathered')}: ${c.stats_percentage} %</li>
                </ul>
                </div>
                
            </div>
         </div>                    
         ${h.end_form()}
         
         %if c.repo_info.clone_uri:
         <h3>${_('Remote')}</h3>
         ${h.form(url('repo_pull', repo_name=c.repo_info.repo_name),method='put')}
         <div class="form">
            <div class="fields">
                ${h.submit('remote_pull_%s' % c.repo_info.repo_name,_('Pull changes from remote location'),class_="pull_icon action_button",onclick="return confirm('Confirm to pull changes from remote side');")}
                <div class="field" style="border:none">
                <ul>
                     <li><a href="${c.repo_info.clone_uri}">${c.repo_info.clone_uri}</a></li>
                </ul> 
                </div>              
            </div>
         </div>                    
         ${h.end_form()}
         %endif
         
         <h3>${_('Cache')}</h3>
         ${h.form(url('repo_cache', repo_name=c.repo_info.repo_name),method='delete')}
         <div class="form">
            <div class="fields">
                ${h.submit('reset_cache_%s' % c.repo_info.repo_name,_('Invalidate repository cache'),class_="refresh_icon action_button",onclick="return confirm('Confirm to invalidate repository cache');")}
            </div>
         </div>                    
         ${h.end_form()}
         
         <h3>${_('Public journal')}</h3>
         ${h.form(url('repo_public_journal', repo_name=c.repo_info.repo_name),method='put')}
         <div class="form">
             <div class="fields">
                 ${h.hidden('auth_token',str(h.get_token()))}
                 %if c.in_public_journal:
                     ${h.submit('set_public_%s' % c.repo_info.repo_name,_('Remove from public journal'),class_="stop_following_icon action_button")}
                 %else:
 		            ${h.submit('set_public_%s' % c.repo_info.repo_name,_('Add to public journal'),class_="start_following_icon action_button")}
 		        %endif
 	         </div>        
         </div>
         ${h.end_form()}
         
         <h3>${_('Delete')}</h3>
         ${h.form(url('repo', repo_name=c.repo_info.repo_name),method='delete')}
         <div class="form">
            <div class="fields">
                ${h.submit('remove_%s' % c.repo_info.repo_name,_('Remove this repository'),class_="delete_icon action_button",onclick="return confirm('Confirm to delete this repository');")}
            </div>
         </div>                    
         ${h.end_form()}
     
 </div>
 
 
 </%def> 
  No newline at end of file

rhodecode/templates/admin/repos/repo_edit_perms.html

@@ -1,97 +1,281
 <table id="permissions_manage">
     <tr>
         <td>${_('none')}</td>
         <td>${_('read')}</td>
         <td>${_('write')}</td>
         <td>${_('admin')}</td>
         <td>${_('member')}</td>
         <td></td>
     </tr>
-    ## USERS
-    <script type="text/javascript">
-        function ajaxActionUser(user_id,field_id){
-            var sUrl = "${h.url('delete_repo_user',repo_name=c.repo_name)}";
-            var callback = { success:function(o){
-             var tr = YUD.get(String(field_id));
-             tr.parentNode.removeChild(tr);},
-                            failure:function(o){
-             alert("${_('Failed to remove user')}");},};
-            var postData = '_method=delete&user_id='+user_id; 
-            var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);};
-    </script>                          
+    ## USERS                        
     %for r2p in c.repo_info.repo_to_perm:
         %if r2p.user.username =='default' and c.repo_info.private:
             <tr>
                 <td colspan="4">
                     <span class="private_repo_msg">
                     ${_('private repository')}
                     </span>
                 </td>
                 <td class="private_repo_msg"><img style="vertical-align:bottom" src="${h.url("/images/icons/user.png")}"/>${r2p.user.username}</td>
             </tr>
         %else:
         <tr id="id${id(r2p.user.username)}">
             <td>${h.radio('u_perm_%s' % r2p.user.username,'repository.none')}</td>
             <td>${h.radio('u_perm_%s' % r2p.user.username,'repository.read')}</td>
             <td>${h.radio('u_perm_%s' % r2p.user.username,'repository.write')}</td>
             <td>${h.radio('u_perm_%s' % r2p.user.username,'repository.admin')}</td>
-            <td style="white-space: nowrap;"><img style="vertical-align:bottom" src="${h.url("/images/icons/user.png")}"/>${r2p.user.username}</td>
+            <td style="white-space: nowrap;">
+                <img style="vertical-align:bottom" src="${h.url('/images/icons/user.png')}"/>${r2p.user.username}
+            </td>
             <td>
               %if r2p.user.username !='default':
                 <span class="delete_icon action_button" onclick="ajaxActionUser(${r2p.user.user_id},'${'id%s'%id(r2p.user.username)}')">
                 ${_('revoke')}
                 </span>
               %endif                    
             </td>
         </tr>
         %endif
     %endfor
     
-    ## USERS GROUPS
-    <script type="text/javascript">
-        function ajaxActionUsersGroup(users_group_id,field_id){
-            var sUrl = "${h.url('delete_repo_users_group',repo_name=c.repo_name)}";
-            var callback = { success:function(o){
-             var tr = YUD.get(String(field_id));
-             tr.parentNode.removeChild(tr);},
-                             failure:function(o){
-             alert("${_('Failed to remove users group')}");},};
-            var postData = '_method=delete&users_group_id='+users_group_id; 
-            var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);};
-    </script>                           
+    ## USERS GROUPS                          
     %for g2p in c.repo_info.users_group_to_perm:
         <tr id="id${id(g2p.users_group.users_group_name)}">
             <td>${h.radio('g_perm_%s' % g2p.users_group.users_group_name,'repository.none')}</td>
             <td>${h.radio('g_perm_%s' % g2p.users_group.users_group_name,'repository.read')}</td>
             <td>${h.radio('g_perm_%s' % g2p.users_group.users_group_name,'repository.write')}</td>
             <td>${h.radio('g_perm_%s' % g2p.users_group.users_group_name,'repository.admin')}</td>
-            <td><img  style="vertical-align:bottom" src="${h.url("/images/icons/group.png")}"/>${g2p.users_group.users_group_name}</td>
+            <td style="white-space: nowrap;">
+                <img  style="vertical-align:bottom" src="${h.url('/images/icons/group.png')}"/>${g2p.users_group.users_group_name}
+            </td>
             <td>
                 <span class="delete_icon action_button" onclick="ajaxActionUsersGroup(${g2p.users_group.users_group_id},'${'id%s'%id(g2p.users_group.users_group_name)}')">
                 ${_('revoke')}
                 </span>
             </td>
         </tr>
     %endfor
     <tr id="add_perm_input">
         <td>${h.radio('perm_new_member','repository.none')}</td>
         <td>${h.radio('perm_new_member','repository.read')}</td>
         <td>${h.radio('perm_new_member','repository.write')}</td>
         <td>${h.radio('perm_new_member','repository.admin')}</td>
         <td class='ac'>
             <div class="perm_ac" id="perm_ac">
                 ${h.text('perm_new_member_name',class_='yui-ac-input')}
                 ${h.hidden('perm_new_member_type')}
                 <div id="perm_container"></div>
             </div>
         </td>
         <td></td>
     </tr>
     <tr>
         <td colspan="6">
             <span id="add_perm" class="add_icon" style="cursor: pointer;">
             ${_('Add another member')}
             </span>
         </td>
     </tr>
-</table>
  No newline at end of file
+</table>
+<script type="text/javascript">
+function ajaxActionUser(user_id, field_id) {
+    var sUrl = "${h.url('delete_repo_user',repo_name=c.repo_name)}";
+    var callback = {
+        success: function (o) {
+            var tr = YUD.get(String(field_id));
+            tr.parentNode.removeChild(tr);
+        },
+        failure: function (o) {
+            alert("${_('Failed to remove user')}");
+        },
+    };
+    var postData = '_method=delete&user_id=' + user_id;
+    var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);
+};
+            
+function ajaxActionUsersGroup(users_group_id,field_id){
+    var sUrl = "${h.url('delete_repo_users_group',repo_name=c.repo_name)}";
+    var callback = { 
+    	success:function(o){
+    	    var tr = YUD.get(String(field_id));
+    		tr.parentNode.removeChild(tr);
+    	},
+        failure:function(o){
+            alert("${_('Failed to remove users group')}");
+        },
+    };
+    var postData = '_method=delete&users_group_id='+users_group_id; 
+    var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);
+};
+
+YUE.onDOMReady(function () {
+    if (!YUD.hasClass('perm_new_member_name', 'error')) {
+        YUD.setStyle('add_perm_input', 'display', 'none');
+    }
+    YAHOO.util.Event.addListener('add_perm', 'click', function () {
+        YUD.setStyle('add_perm_input', 'display', '');
+        YUD.setStyle('add_perm', 'opacity', '0.6');
+        YUD.setStyle('add_perm', 'cursor', 'default');
+    });
+});
+
+YAHOO.example.FnMultipleFields = function () {
+    var myUsers = ${c.users_array|n};
+    var myGroups = ${c.users_groups_array|n};
+
+    // Define a custom search function for the DataSource of users
+    var matchUsers = function (sQuery) {
+            // Case insensitive matching
+            var query = sQuery.toLowerCase();
+            var i = 0;
+            var l = myUsers.length;
+            var matches = [];
+
+            // Match against each name of each contact
+            for (; i < l; i++) {
+                contact = myUsers[i];
+                if ((contact.fname.toLowerCase().indexOf(query) > -1) || (contact.lname.toLowerCase().indexOf(query) > -1) || (contact.nname && (contact.nname.toLowerCase().indexOf(query) > -1))) {
+                    matches[matches.length] = contact;
+                }
+            }
+            return matches;
+        };
+
+    // Define a custom search function for the DataSource of usersGroups
+    var matchGroups = function (sQuery) {
+            // Case insensitive matching
+            var query = sQuery.toLowerCase();
+            var i = 0;
+            var l = myGroups.length;
+            var matches = [];
+
+            // Match against each name of each contact
+            for (; i < l; i++) {
+                matched_group = myGroups[i];
+                if (matched_group.grname.toLowerCase().indexOf(query) > -1) {
+                    matches[matches.length] = matched_group;
+                }
+            }
+            return matches;
+        };
+
+    //match all
+    var matchAll = function (sQuery) {
+            u = matchUsers(sQuery);
+            g = matchGroups(sQuery);
+            return u.concat(g);
+        };
+
+    // DataScheme for members
+    var memberDS = new YAHOO.util.FunctionDataSource(matchAll);
+    memberDS.responseSchema = {
+        fields: ["id", "fname", "lname", "nname", "grname", "grmembers"]
+    };
+
+    // DataScheme for owner
+    var ownerDS = new YAHOO.util.FunctionDataSource(matchUsers);
+    ownerDS.responseSchema = {
+        fields: ["id", "fname", "lname", "nname"]
+    };
+
+    // Instantiate AutoComplete for perms
+    var membersAC = new YAHOO.widget.AutoComplete("perm_new_member_name", "perm_container", memberDS);
+    membersAC.useShadow = false;
+    membersAC.resultTypeList = false;
+
+    // Instantiate AutoComplete for owner
+    var ownerAC = new YAHOO.widget.AutoComplete("user", "owner_container", ownerDS);
+    ownerAC.useShadow = false;
+    ownerAC.resultTypeList = false;
+
+
+    // Helper highlight function for the formatter
+    var highlightMatch = function (full, snippet, matchindex) {
+            return full.substring(0, matchindex) + "<span class='match'>" + full.substr(matchindex, snippet.length) + "</span>" + full.substring(matchindex + snippet.length);
+        };
+
+    // Custom formatter to highlight the matching letters
+    var custom_formatter = function (oResultData, sQuery, sResultMatch) {
+            var query = sQuery.toLowerCase();
+
+            if (oResultData.grname != undefined) {
+                var grname = oResultData.grname;
+                var grmembers = oResultData.grmembers;
+                var grnameMatchIndex = grname.toLowerCase().indexOf(query);
+                var grprefix = "${_('Group')}: ";
+                var grsuffix = " (" + grmembers + "  ${_('members')})";
+
+                if (grnameMatchIndex > -1) {
+                    return grprefix + highlightMatch(grname, query, grnameMatchIndex) + grsuffix;
+                }
+
+                return grprefix + oResultData.grname + grsuffix;
+            } else if (oResultData.fname != undefined) {
+
+                var fname = oResultData.fname,
+                    lname = oResultData.lname,
+                    nname = oResultData.nname || "",
+                    // Guard against null value
+                    fnameMatchIndex = fname.toLowerCase().indexOf(query),
+                    lnameMatchIndex = lname.toLowerCase().indexOf(query),
+                    nnameMatchIndex = nname.toLowerCase().indexOf(query),
+                    displayfname, displaylname, displaynname;
+
+                if (fnameMatchIndex > -1) {
+                    displayfname = highlightMatch(fname, query, fnameMatchIndex);
+                } else {
+                    displayfname = fname;
+                }
+
+                if (lnameMatchIndex > -1) {
+                    displaylname = highlightMatch(lname, query, lnameMatchIndex);
+                } else {
+                    displaylname = lname;
+                }
+
+                if (nnameMatchIndex > -1) {
+                    displaynname = "(" + highlightMatch(nname, query, nnameMatchIndex) + ")";
+                } else {
+                    displaynname = nname ? "(" + nname + ")" : "";
+                }
+
+                return displayfname + " " + displaylname + " " + displaynname;
+            } else {
+                return '';
+            }
+        };
+    membersAC.formatResult = custom_formatter;
+    ownerAC.formatResult = custom_formatter;
+
+    var myHandler = function (sType, aArgs) {
+
+            var myAC = aArgs[0]; // reference back to the AC instance
+            var elLI = aArgs[1]; // reference to the selected LI element
+            var oData = aArgs[2]; // object literal of selected item's result data
+            //fill the autocomplete with value
+            if (oData.nname != undefined) {
+                //users
+                myAC.getInputEl().value = oData.nname;
+                YUD.get('perm_new_member_type').value = 'user';
+            } else {
+                //groups
+                myAC.getInputEl().value = oData.grname;
+                YUD.get('perm_new_member_type').value = 'users_group';
+            }
+
+        };
+
+    membersAC.itemSelectEvent.subscribe(myHandler);
+    if(ownerAC.itemSelectEvent){
+    	ownerAC.itemSelectEvent.subscribe(myHandler);	
+    }
+
+    return {
+        memberDS: memberDS,
+        ownerDS: ownerDS,
+        membersAC: membersAC,
+        ownerAC: ownerAC,
+    };
+}();
+            
+</script>      
  No newline at end of file

rhodecode/templates/admin/repos/repos.html

@@ -1,88 +1,88
 ## -*- coding: utf-8 -*-
 <%inherit file="/base/base.html"/>
 
 <%def name="title()">
     ${_('Repositories administration')} - ${c.rhodecode_name}
 </%def>
 
 
 <%def name="breadcrumbs_links()">
     ${h.link_to(_('Admin'),h.url('admin_home'))} &raquo; ${_('Repositories')}
 </%def>
 <%def name="page_nav()">
 	${self.menu('admin')}
 </%def>
 <%def name="main()">
 <div class="box">
     <!-- box / title -->
     <div class="title">
         ${self.breadcrumbs()}
         <ul class="links">
           <li>
             <span>${h.link_to(u'ADD NEW REPOSITORY',h.url('new_repo'))}</span>
           </li>          
         </ul>        
     </div>
     <!-- end box / title -->
     <div class="table">
         <table class="table_disp">
         <tr class="header">
 	        <th class="left">${_('Name')}</th>
 	        <th class="left">${_('Description')}</th>
 	        <th class="left">${_('Last change')}</th>
 	        <th class="left">${_('Tip')}</th>
 	        <th class="left">${_('Contact')}</th>
             <th class="left">${_('action')}</th>
         </tr>
             %for cnt,repo in enumerate(c.repos_list):
             <tr class="parity${cnt%2}">
                  <td>
                  ## TYPE OF REPO
                  %if repo['dbrepo']['repo_type'] =='hg':
-                   <img class="icon" title="${_('Mercurial repository')}" alt="${_('Mercurial repository')}" src="${h.url("/images/icons/hgicon.png")}"/>
+                   <img class="icon" title="${_('Mercurial repository')}" alt="${_('Mercurial repository')}" src="${h.url('/images/icons/hgicon.png')}"/>
                  %elif repo['dbrepo']['repo_type'] =='git':
-                   <img class="icon" title="${_('Git repository')}" alt="${_('Git repository')}" src="${h.url("/images/icons/giticon.png")}"/>
+                   <img class="icon" title="${_('Git repository')}" alt="${_('Git repository')}" src="${h.url('/images/icons/giticon.png')}"/>
                  %else:
                    
                  %endif
                  
                  ## PRIVATE/PUBLIC REPO                  
                  %if repo['dbrepo']['private']:
-                    <img alt="${_('private')}" src="${h.url("/images/icons/lock.png")}"/>
+                    <img alt="${_('private')}" src="${h.url('/images/icons/lock.png')}"/>
                  %else:
-                    <img alt="${_('public')}" src="${h.url("/images/icons/lock_open.png")}"/>
+                    <img alt="${_('public')}" src="${h.url('/images/icons/lock_open.png')}"/>
                  %endif         
                 ${h.link_to(repo['name'],h.url('edit_repo',repo_name=repo['name']))}
                 
 	            %if repo['dbrepo_fork']:
 	            	<a href="${h.url('summary_home',repo_name=repo['dbrepo_fork']['repo_name'])}">
 	            	<img class="icon" alt="${_('public')}"
 	            	title="${_('Fork of')} ${repo['dbrepo_fork']['repo_name']}" 
 	            	src="${h.url("/images/icons/arrow_divide.png")}"/></a>
 	            %endif                
                 </td>
 				<td title="${repo['description']}">${h.truncate(repo['description'],60)}</td>
 	            <td>${h.age(repo['last_change'])}</td>
 	            <td>
 	            	%if repo['rev']>=0:
 	            	${h.link_to('r%s:%s' % (repo['rev'],h.short_id(repo['tip'])),
 	                h.url('changeset_home',repo_name=repo['name'],revision=repo['tip']),
 	                class_="tooltip",
 	                title=h.tooltip(repo['last_msg']))}
 	            	%else:
 	            		${_('No changesets yet')}
 	            	%endif    
 	            </td>
 	            <td title="${repo['contact']}">${h.person(repo['contact'])}</td>
                 <td>
                   ${h.form(url('repo', repo_name=repo['name']),method='delete')}
                     ${h.submit('remove_%s' % repo['name'],'delete',class_="delete_icon action_button",onclick="return confirm('Confirm to delete this repository');")}
                   ${h.end_form()}
                 </td>
             </tr>
             %endfor
         </table>
     </div>
 </div> 
 		   
 </%def>    

rhodecode/templates/settings/repo_settings.html

@@ -1,197 +1,75
 ## -*- coding: utf-8 -*-
 <%inherit file="/base/base.html"/>
 
 <%def name="title()">
     ${c.repo_name} ${_('Settings')} - ${c.rhodecode_name}
 </%def>
 
 <%def name="breadcrumbs_links()">
     ${h.link_to(u'Home',h.url('/'))}
     &raquo;
     ${h.link_to(c.repo_info.repo_name,h.url('summary_home',repo_name=c.repo_info.repo_name))} 
     &raquo; 
     ${_('Settings')} 
 </%def>
 
 <%def name="page_nav()">
     ${self.menu('settings')}
 </%def>
 <%def name="main()">
 <div class="box">
     <!-- box / title -->
     <div class="title">
         ${self.breadcrumbs()}      
     </div>
     ${h.form(url('repo_settings_update', repo_name=c.repo_info.repo_name),method='put')}
     <div class="form">
         <!-- fields -->
         <div class="fields">
             <div class="field">
                 <div class="label">
                     <label for="repo_name">${_('Name')}:</label>
                 </div>
                 <div class="input input-medium">
                     ${h.text('repo_name',class_="small")}
                 </div>
              </div>
              
             <div class="field">
                 <div class="label label-textarea">
                     <label for="description">${_('Description')}:</label>
                 </div>
                 <div class="textarea text-area editor">
                     ${h.textarea('description',cols=23,rows=5)}
                 </div>
             </div>
             
             <div class="field">
                 <div class="label label-checkbox">
                     <label for="private">${_('Private')}:</label>
                 </div>
                 <div class="checkboxes">
                     ${h.checkbox('private',value="True")}
                 </div>
             </div>
              
              <div class="field">
                 <div class="label">
                     <label for="">${_('Permissions')}:</label>
                 </div>
                 <div class="input">
                     <%include file="../admin/repos/repo_edit_perms.html"/>
                 </div>
              
             <div class="buttons">
-              ${h.submit('update','Update',class_="ui-button")}
+              ${h.submit('save','Save',class_="ui-button")}
               ${h.reset('reset','Reset',class_="ui-button")}
             </div>                                                          
         </div>
     </div>    
     ${h.end_form()}
-        <script type="text/javascript">
-            YAHOO.util.Event.onDOMReady(function(){
-                var D = YAHOO.util.Dom;
-                if(!D.hasClass('perm_new_member_name','error')){
-                    D.setStyle('add_perm_input','display','none');
-                }
-                YAHOO.util.Event.addListener('add_perm','click',function(){
-                    D.setStyle('add_perm_input','display','');
-                    D.setStyle('add_perm','opacity','0.6');
-                    D.setStyle('add_perm','cursor','default');
-                });
-            });
-        </script>
-        <script type="text/javascript">    
-        YAHOO.example.FnMultipleFields = function(){
-            var myContacts = ${c.users_array|n}
-            
-            // Define a custom search function for the DataSource
-            var matchNames = function(sQuery) {
-                // Case insensitive matching
-                var query = sQuery.toLowerCase(),
-                    contact,
-                    i=0,
-                    l=myContacts.length,
-                    matches = [];
-                
-                // Match against each name of each contact
-                for(; i<l; i++) {
-                    contact = myContacts[i];
-                    if((contact.fname.toLowerCase().indexOf(query) > -1) ||
-                        (contact.lname.toLowerCase().indexOf(query) > -1) ||
-                        (contact.nname && (contact.nname.toLowerCase().indexOf(query) > -1))) {
-                        matches[matches.length] = contact;
-                    }
-                }
-        
-                return matches;
-            };
-        
-            // Use a FunctionDataSource
-            var oDS = new YAHOO.util.FunctionDataSource(matchNames);
-            oDS.responseSchema = {
-                fields: ["id", "fname", "lname", "nname"]
-            }
-        
-            // Instantiate AutoComplete for perms
-            var oAC_perms = new YAHOO.widget.AutoComplete("perm_new_member_name", "perm_container", oDS);
-            oAC_perms.useShadow = false;
-            oAC_perms.resultTypeList = false;
-            
-            // Instantiate AutoComplete for owner
-            var oAC_owner = new YAHOO.widget.AutoComplete("user", "owner_container", oDS);
-            oAC_owner.useShadow = false;
-            oAC_owner.resultTypeList = false;
-            
-            
-            // Custom formatter to highlight the matching letters
-            var custom_formatter = function(oResultData, sQuery, sResultMatch) {
-                var query = sQuery.toLowerCase(),
-                    fname = oResultData.fname,
-                    lname = oResultData.lname,
-                    nname = oResultData.nname || "", // Guard against null value
-                    query = sQuery.toLowerCase(),
-                    fnameMatchIndex = fname.toLowerCase().indexOf(query),
-                    lnameMatchIndex = lname.toLowerCase().indexOf(query),
-                    nnameMatchIndex = nname.toLowerCase().indexOf(query),
-                    displayfname, displaylname, displaynname;
-                    
-                if(fnameMatchIndex > -1) {
-                    displayfname = highlightMatch(fname, query, fnameMatchIndex);
-                }
-                else {
-                    displayfname = fname;
-                }
-        
-                if(lnameMatchIndex > -1) {
-                    displaylname = highlightMatch(lname, query, lnameMatchIndex);
-                }
-                else {
-                    displaylname = lname;
-                }
-        
-                if(nnameMatchIndex > -1) {
-                    displaynname = "(" + highlightMatch(nname, query, nnameMatchIndex) + ")";
-                }
-                else {
-                    displaynname = nname ? "(" + nname + ")" : "";
-                }
-        
-                return displayfname + " " + displaylname + " " + displaynname;
-                
-            };
-            oAC_perms.formatResult = custom_formatter; 
-            oAC_owner.formatResult = custom_formatter;
-                            
-            // Helper function for the formatter
-            var highlightMatch = function(full, snippet, matchindex) {
-                return full.substring(0, matchindex) + 
-                        "<span class='match'>" + 
-                        full.substr(matchindex, snippet.length) + 
-                        "</span>" +
-                        full.substring(matchindex + snippet.length);
-            };
-        
-            var myHandler = function(sType, aArgs) {
-                var myAC = aArgs[0]; // reference back to the AC instance
-                var elLI = aArgs[1]; // reference to the selected LI element
-                var oData = aArgs[2]; // object literal of selected item's result data
-                myAC.getInputEl().value = oData.nname;
-            };
-
-            oAC_perms.itemSelectEvent.subscribe(myHandler);
-            //oAC_owner.itemSelectEvent.subscribe(myHandler);
-            
-            return {
-                oDS: oDS,
-                oAC_perms: oAC_perms,
-                oAC_owner: oAC_owner, 
-            };
-        }();
-            
-        </script>      
 </div>
 </div>
 </%def>