ownerAC.suppressInputUpdate = true;

    // 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

    ownerAC.formatResult = function (oResultData, sQuery, sResultMatch) {

		    var org_sQuery = sQuery;

		    if(this.dataSource.mentionQuery != null){

		    	sQuery = this.dataSource.mentionQuery;		    	

		    }

            var query = sQuery.toLowerCase();

            var _gravatar = function(res, em, group){

            	if (group !== undefined){

            		em = '/images/icons/group.png'

            	}

            	tmpl = '<div class="ac-container-wrap"><img class="perm-gravatar-ac" src="{0}"/>{1}</div>'

            	return tmpl.format(em,res)

            }

            if (oResultData.nname != undefined) {

                var fname = oResultData.fname || "";

                var lname = oResultData.lname || "";

                var nname = oResultData.nname;

                // Guard against null value

                var 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 _gravatar(displayfname + " " + displaylname + " " + displaynname, oResultData.gravatar_lnk);

            } else {

                return '';

            }

        };

    if(ownerAC.itemSelectEvent){

    	ownerAC.itemSelectEvent.subscribe(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

            	//Replace the mention name with replaced

            	var re = new RegExp();

            	var org = myAC.getInputEl().value;

            	var chunks = myAC.dataSource.chunks

            	// replace middle chunk(the search term) with actuall  match

            	chunks[1] = chunks[1].replace('@'+myAC.dataSource.mentionQuery,

            								  '@'+oData.nname+' ');

                myAC.getInputEl().value = chunks.join('')

                YUD.get(myAC.getInputEl()).focus(); // Y U NO WORK !?

            } else {

                //groups

                myAC.getInputEl().value = oData.grname;

                YUD.get('perm_new_member_type').value = 'users_group';

            }

        });

    }

    // in this keybuffer we will gather current value of search !

    // since we need to get this just when someone does `@` then we do the

    // search

    ownerAC.dataSource.chunks = [];

    ownerAC.dataSource.mentionQuery = null;

    ownerAC.get_mention = function(msg, max_pos) {

    	var org = msg;

    	var re = new RegExp('(?:^@|\s@)([a-zA-Z0-9]{1}[a-zA-Z0-9\-\_\.]+)$')

    	var chunks  = [];

    	// cut first chunk until curret pos

		var to_max = msg.substr(0, max_pos);		

		var at_pos = Math.max(0,to_max.lastIndexOf('@')-1);

		var msg2 = to_max.substr(at_pos);

		chunks.push(org.substr(0,at_pos))// prefix chunk

		chunks.push(msg2)                // search chunk

		chunks.push(org.substr(max_pos)) // postfix chunk

		// clean up msg2 for filtering and regex match

		var msg2 = msg2.lstrip(' ').lstrip('\n');

		if(re.test(msg2)){

			var unam = re.exec(msg2)[1];

			return [unam, chunks];

		}

		return [null, null];

    };    

	ownerAC.textboxKeyUpEvent.subscribe(function(type, args){

		var ac_obj = args[0];

		var currentMessage = args[1];

		var currentCaretPosition = args[0]._elTextbox.selectionStart;

		var unam = ownerAC.get_mention(currentMessage, currentCaretPosition); 

		var curr_search = null;

		if(unam[0]){

			curr_search = unam[0];

		}

		ownerAC.dataSource.chunks = unam[1];

		ownerAC.dataSource.mentionQuery = curr_search;

	})

    return {

        ownerDS: ownerDS,

        ownerAC: ownerAC,

    };

}

/**

 * QUICK REPO MENU

 */

var quick_repo_menu = function(){

    YUE.on(YUQ('.quick_repo_menu'),'mouseenter',function(e){

            var menu = e.currentTarget.firstElementChild.firstElementChild;

            if(YUD.hasClass(menu,'hidden')){

                YUD.replaceClass(e.currentTarget,'hidden', 'active');

                YUD.replaceClass(menu, 'hidden', 'active');

            }

        })

    YUE.on(YUQ('.quick_repo_menu'),'mouseleave',function(e){

            var menu = e.currentTarget.firstElementChild.firstElementChild;

            if(YUD.hasClass(menu,'active')){

                YUD.replaceClass(e.currentTarget, 'active', 'hidden');

                YUD.replaceClass(menu, 'active', 'hidden');

            }

        })

};

/**

 * TABLE SORTING

 */

// returns a node from given html;

var fromHTML = function(html){

	  var _html = document.createElement('element');

	  _html.innerHTML = html;

	  return _html;

}

var get_rev = function(node){

    var n = node.firstElementChild.firstElementChild;

    if (n===null){

        return -1

    }

    else{

        out = n.firstElementChild.innerHTML.split(':')[0].replace('r','');

        return parseInt(out);

    }

}

var get_name = function(node){

	 var name = node.firstElementChild.children[2].innerHTML; 

	 return name

}

var get_group_name = function(node){

	var name = node.firstElementChild.children[1].innerHTML;

	return name

}

var get_date = function(node){

	return date_

}

var revisionSort = function(a, b, desc, field) {

	  var a_ = fromHTML(a.getData(field));

	  var b_ = fromHTML(b.getData(field));

	  // extract revisions from string nodes 

	  a_ = get_rev(a_)

	  b_ = get_rev(b_)

	  var comp = YAHOO.util.Sort.compare;

	  var compState = comp(a_, b_, desc);

	  return compState;

};

var ageSort = function(a, b, desc, field) {

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

var nameSort = function(a, b, desc, field) {

    var a_ = fromHTML(a.getData(field));

    var b_ = fromHTML(b.getData(field));

    // extract name from table

    a_ = get_name(a_)

    b_ = get_name(b_)          

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

var permNameSort = function(a, b, desc, field) {

    var a_ = fromHTML(a.getData(field));

    var b_ = fromHTML(b.getData(field));

    // extract name from table

    a_ = a_.children[0].innerHTML;

    b_ = b_.children[0].innerHTML;      

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

var groupNameSort = function(a, b, desc, field) {

    var a_ = fromHTML(a.getData(field));

    var b_ = fromHTML(b.getData(field));

    // extract name from table

    a_ = get_group_name(a_)

    b_ = get_group_name(b_)          

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

var dateSort = function(a, b, desc, field) {

    var a_ = fromHTML(a.getData(field));

    var b_ = fromHTML(b.getData(field));

    // extract name from table

    a_ = get_date(a_)

    b_ = get_date(b_)          

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

/* Multi selectors */

var MultiSelectWidget = function(selected_id, available_id, form_id){

	//definition of containers ID's

	var selected_container = selected_id;

	var available_container = available_id;

	//temp container for selected storage.

	var cache = new Array();

	var av_cache = new Array();

	var c =  YUD.get(selected_container);

	var ac = YUD.get(available_container);

	//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);

	    }

	}

	//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;

	}

	function prompts_action_callback(e){

	    var choosen = YUD.get(selected_container);

	    var available = YUD.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){

	                //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));

	        }

	    }

	    // 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));

	        }

	        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;

	    }

	}

	YUE.addListener(['add_element','remove_element',

	               'add_all_elements','remove_all_elements'],'click',

	               prompts_action_callback)

	if (form_id !== undefined) {

		YUE.addListener(form_id,'submit',function(){

		    var choosen = YUD.get(selected_container);

		    for (var i = 0; i < choosen.options.length; i++) {

		        choosen.options[i].selected = 'selected';

		    }

		});

## -*- 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'))} » ${_('Repositories')}

</%def>

<%def name="page_nav()">

	${self.menu('admin')}

</%def>

<%def name="main()">

<div class="box">

    <div class="title">

        ${self.breadcrumbs()}

        <ul class="links">

          <li>

            <span>${h.link_to(_(u'ADD REPOSITORY'),h.url('new_repo'))}</span>

          </li>

        </ul>

    </div>

    <div class="table">

        <div id='repos_list_wrap' class="yui-skin-sam">

        <%cnt=0%>

        <%namespace name="dt" file="/data_table/_dt_elements.html"/>

        <table id="repos_list">

         <thead>

          <tr>

            <th class="left"></th>

  	        <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>

         </thead>

          %for cnt,repo in enumerate(c.repos_list):

          <tr class="parity${(cnt+1)%2}">

              <td class="quick_repo_menu">

                ${dt.quick_menu(repo['name'])}

              </td>

              <td class="reponame">

                ${dt.repo_name(repo['name'],repo['dbrepo']['repo_type'],repo['dbrepo']['private'],repo['dbrepo_fork'].get('repo_name'), admin=True)}

              </td>

              ##DESCRIPTION

              <td><span class="tooltip" title="${h.tooltip(repo['description'])}">

                 ${h.truncate(repo['description'],60)}</span>

              </td>

              ##LAST CHANGE

              <td>

              </td>

              ##LAST REVISION

              <td>

                  ${dt.revision(repo['name'],repo['rev'],repo['tip'],repo['author'],repo['last_msg'])}

              </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: %s') % repo['name']+"');")}

                ${h.end_form()}

              </td>

          </tr>

          %endfor

        </table>

        </div>

    </div>

</div>

<script>

  // main table sorting

  var myColumnDefs = [

      {key:"menu",label:"",sortable:false,className:"quick_repo_menu hidden"},

      {key:"name",label:"${_('Name')}",sortable:true,

          sortOptions: { sortFunction: nameSort }},

      {key:"desc",label:"${_('Description')}",sortable:true},

      {key:"last_change",label:"${_('Last Change')}",sortable:true,

          sortOptions: { sortFunction: ageSort }},

      {key:"tip",label:"${_('Tip')}",sortable:true,

          sortOptions: { sortFunction: revisionSort }},

      {key:"owner",label:"${_('Owner')}",sortable:true},

      {key:"action",label:"${_('Action')}",sortable:false},

  ];

  var myDataSource = new YAHOO.util.DataSource(YUD.get("repos_list"));

  myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;

  myDataSource.responseSchema = {

      fields: [

          {key:"menu"},

          {key:"name"},

          {key:"desc"},

          {key:"last_change"},

          {key:"tip"},

          {key:"owner"},

          {key:"action"},

      ]

  };

  var myDataTable = new YAHOO.widget.DataTable("repos_list_wrap", myColumnDefs, myDataSource,

          {

            sortedBy:{key:"name",dir:"asc"},

            MSG_SORTASC:"${_('Click to sort ascending')}",

            MSG_SORTDESC:"${_('Click to sort descending')}",

            MSG_EMPTY:"${_('No records found.')}",

            MSG_ERROR:"${_('Data error.')}",

            MSG_LOADING:"${_('Loading...')}",

          }

  );

  myDataTable.subscribe('postRenderEvent',function(oArgs) {

      tooltip_activate();

      quick_repo_menu();

  });

</script>

</%def>

<%page args="parent" />

    <div class="box">

        <!-- box / title -->

        <div class="title">

            <h5>

            <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" value="${_('quick filter...')}"/> ${parent.breadcrumbs()} <span id="repo_count">0</span> ${_('repositories')}

            </h5>

            %if c.rhodecode_user.username != 'default':

                %if h.HasPermissionAny('hg.admin','hg.create.repository')():

                <ul class="links">

                  <li>

                  %if c.group:

                    <span>${h.link_to(_('ADD REPOSITORY'),h.url('admin_settings_create_repository',parent_group=c.group.group_id))}</span>

                  %else:

                    <span>${h.link_to(_('ADD REPOSITORY'),h.url('admin_settings_create_repository'))}</span>

                  %endif

                  </li>

                </ul>

                %endif

            %endif

        </div>

        <!-- end box / title -->

        <div class="table">

           % if c.groups:

            <div id='groups_list_wrap' class="yui-skin-sam">

              <table id="groups_list">

                  <thead>

                      <tr>

                          <th class="left"><a href="#">${_('Group name')}</a></th>

                          <th class="left"><a href="#">${_('Description')}</a></th>

                          ##<th class="left"><a href="#">${_('Number of repositories')}</a></th>

                      </tr>

                  </thead>

                  ## REPO GROUPS

                  % for gr in c.groups:

                    <tr>

                        <td>

                            <div style="white-space: nowrap">

                            <img class="icon" alt="${_('Repositories group')}" src="${h.url('/images/icons/database_link.png')}"/>

                            ${h.link_to(gr.name,url('repos_group_home',group_name=gr.group_name))}

                            </div>

                        </td>

                        <td>${gr.group_description}</td>

                        ## this is commented out since for multi nested repos can be HEAVY!

                        ## in number of executed queries during traversing uncomment at will

                        ##<td><b>${gr.repositories_recursive_count}</b></td>

                    </tr>

                  % endfor

              </table>

            </div>

            <div style="height: 20px"></div>

            % endif

            <div id="welcome" style="display:none;text-align:center">

                <h1><a href="${h.url('home')}">${c.rhodecode_name} ${c.rhodecode_version}</a></h1>

            </div>

            <div id='repos_list_wrap' class="yui-skin-sam">

            <%cnt=0%>

            <%namespace name="dt" file="/data_table/_dt_elements.html"/>

            <table id="repos_list">

            <thead>

                <tr>

                    <th class="left"></th>

                    <th class="left">${_('Name')}</th>

                    <th class="left">${_('Description')}</th>

                    <th class="left">${_('Last change')}</th>

                    <th class="left">${_('Tip')}</th>

                    <th class="left">${_('Owner')}</th>

                    <th class="left">${_('RSS')}</th>

                    <th class="left">${_('Atom')}</th>

                </tr>

            </thead>

            <tbody>

            %for cnt,repo in enumerate(c.repos_list):

                <tr class="parity${(cnt+1)%2}">

                    ##QUICK MENU

                    <td class="quick_repo_menu">

                      ${dt.quick_menu(repo['name'])}

                    </td>

                    ##REPO NAME AND ICONS

                    <td class="reponame">

                      ${dt.repo_name(repo['name'],repo['dbrepo']['repo_type'],repo['dbrepo']['private'],repo['dbrepo_fork'].get('repo_name'),pageargs.get('short_repo_names'))}

                    </td>

                    ##DESCRIPTION

                    <td><span class="tooltip" title="${h.tooltip(repo['description'])}">

                       ${h.truncate(repo['description'],60)}</span>

                    </td>

                    ##LAST CHANGE DATE

                    <td>

                    </td>

                    ##LAST REVISION

                    <td>

                        ${dt.revision(repo['name'],repo['rev'],repo['tip'],repo['author'],repo['last_msg'])}

                    </td>

                    ##

                    <td title="${repo['contact']}">${h.person(repo['contact'])}</td>

                    <td>

                      %if c.rhodecode_user.username != 'default':

                        <a title="${_('Subscribe to %s rss feed')%repo['name']}" class="rss_icon"  href="${h.url('rss_feed_home',repo_name=repo['name'],api_key=c.rhodecode_user.api_key)}"></a>

                      %else:

                        <a title="${_('Subscribe to %s rss feed')%repo['name']}" class="rss_icon"  href="${h.url('rss_feed_home',repo_name=repo['name'])}"></a>

                      %endif:

                    </td>

                    <td>

                      %if c.rhodecode_user.username != 'default':

                        <a title="${_('Subscribe to %s atom feed')%repo['name']}"  class="atom_icon" href="${h.url('atom_feed_home',repo_name=repo['name'],api_key=c.rhodecode_user.api_key)}"></a>

                      %else:

                        <a title="${_('Subscribe to %s atom feed')%repo['name']}"  class="atom_icon" href="${h.url('atom_feed_home',repo_name=repo['name'])}"></a>

                      %endif:

                    </td>

                </tr>

            %endfor

            </tbody>

            </table>

            </div>

        </div>

    </div>

    <script>

      YUD.get('repo_count').innerHTML = ${cnt+1 if cnt else 0};

      var func = function(node){

          return node.parentNode.parentNode.parentNode.parentNode;

      }

      // groups table sorting

      var myColumnDefs = [

          {key:"name",label:"${_('Group Name')}",sortable:true,

              sortOptions: { sortFunction: groupNameSort }},

          {key:"desc",label:"${_('Description')}",sortable:true},

      ];

      var myDataSource = new YAHOO.util.DataSource(YUD.get("groups_list"));

      myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;

      myDataSource.responseSchema = {

          fields: [

              {key:"name"},

              {key:"desc"},

          ]

      };

      var myDataTable = new YAHOO.widget.DataTable("groups_list_wrap", myColumnDefs, myDataSource,

              {

               sortedBy:{key:"name",dir:"asc"},

               MSG_SORTASC:"${_('Click to sort ascending')}",

               MSG_SORTDESC:"${_('Click to sort descending')}"

              }

      );

      // main table sorting

      var myColumnDefs = [

          {key:"menu",label:"",sortable:false,className:"quick_repo_menu hidden"},

          {key:"name",label:"${_('Name')}",sortable:true,

              sortOptions: { sortFunction: nameSort }},

          {key:"desc",label:"${_('Description')}",sortable:true},

          {key:"last_change",label:"${_('Last Change')}",sortable:true,

              sortOptions: { sortFunction: ageSort }},

          {key:"tip",label:"${_('Tip')}",sortable:true,

        	  sortOptions: { sortFunction: revisionSort }},

          {key:"owner",label:"${_('Owner')}",sortable:true},

          {key:"rss",label:"",sortable:false},

          {key:"atom",label:"",sortable:false},

      ];

      var myDataSource = new YAHOO.util.DataSource(YUD.get("repos_list"));

      myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;

      myDataSource.responseSchema = {

          fields: [

              {key:"menu"},

              {key:"name"},

              {key:"desc"},

              {key:"last_change"},

              {key:"tip"},

              {key:"owner"},

              {key:"rss"},

              {key:"atom"},

          ]

      };

      var myDataTable = new YAHOO.widget.DataTable("repos_list_wrap", myColumnDefs, myDataSource,

              {

               sortedBy:{key:"name",dir:"asc"},

               MSG_SORTASC:"${_('Click to sort ascending')}",

               MSG_SORTDESC:"${_('Click to sort descending')}",

               MSG_EMPTY:"${_('No records found.')}",

               MSG_ERROR:"${_('Data error.')}",

               MSG_LOADING:"${_('Loading...')}",

              }

      );

      myDataTable.subscribe('postRenderEvent',function(oArgs) {

          tooltip_activate();

          quick_repo_menu();

          q_filter('q_filter',YUQ('div.table tr td a.repo_name'),func);

      });

    </script>