}

var get_age = function(node){

	return node

}

var get_link = function(node){

	return node.firstElementChild.text;

}

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

};

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

	var a_ = a.getData('last_login_raw') || 0;

    var b_ = b.getData('last_login_raw') || 0;

    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;

};

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

	  // extract url text from string nodes 

	  a_ = get_link(a_)

	  b_ = get_link(b_)

	  var comp = YAHOO.util.Sort.compare;

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

	  return compState;

}

var addPermAction = function(_html, users_list, groups_list){

    var elmts = YUD.getElementsByClassName('last_new_member');

    var last_node = elmts[elmts.length-1];

    if (last_node){

       var next_id = (YUD.getElementsByClassName('new_members')).length;

       _html = _html.format(next_id);

       last_node.innerHTML = _html;

       YUD.setStyle(last_node, 'display', '');

       YUD.removeClass(last_node, 'last_new_member');

       MembersAutoComplete("perm_new_member_name_"+next_id, 

               "perm_container_"+next_id, users_list, groups_list);          

       //create new last NODE

       var el = document.createElement('tr');

       el.id = 'add_perm_input';

       YUD.addClass(el,'last_new_member');

       YUD.addClass(el,'new_members');

       YUD.insertAfter(el, last_node);

    }	

}

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

	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 chosen = 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)

	            }

	        }

## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%def name="title()">

    ${_('Users administration')} · ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" value="${_('quick filter...')}"/> ${h.link_to(_('Admin'),h.url('admin_home'))} &raquo; <span id="user_count">0</span> ${_('users')}

</%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 user'),h.url('new_user'))}</span>

          </li>

        </ul>

    </div>

    <!-- end box / title -->

    <div class="table yui-skin-sam" id="users_list_wrap"></div>

    <div id="user-paginator" style="padding: 0px 0px 0px 20px"></div>

</div>

<script>

  var url = "${h.url('formatted_users', format='json')}";

  var data = ${c.data|n};

  var myDataSource = new YAHOO.util.DataSource(data);

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

  myDataSource.responseSchema = {

      resultsList: "records",

      fields: [

          {key: "gravatar"},

          {key: "raw_username"},

          {key: "username"},

          {key: "firstname"},

          {key: "lastname"},

          {key: "last_login"},

          {key: "last_login_raw"},

          {key: "active"},

          {key: "admin"},

          {key: "ldap"},

          {key: "action"},

      ]

   };

  myDataSource.doBeforeCallback = function(req,raw,res,cb) {

      // This is the filter function

      var data     = res.results || [],

          filtered = [],

          i,l;

      if (req) {

          req = req.toLowerCase();

          for (i = 0; i<data.length; i++) {

              var pos = data[i].raw_username.toLowerCase().indexOf(req)

              if (pos != -1) {

                  filtered.push(data[i]);

              }

          }

          res.results = filtered;

      }

      YUD.get('user_count').innerHTML = res.results.length;

      return res;

  }

  // main table sorting

  var myColumnDefs = [

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

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

      },

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

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

      {key:"last_login",label:"${_('last login')}",sortable:true,

          sortOptions: { sortFunction: lastLoginSort }},

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

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

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

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

  ];

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

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

    paginator: new YAHOO.widget.Paginator({

        rowsPerPage: 15,

        alwaysVisible: false,

        template : "{PreviousPageLink} {FirstPageLink} {PageLinks} {LastPageLink} {NextPageLink}",

        pageLinks: 5,

        containerClass: 'pagination-wh',

        currentPageClass: 'pager_curpage',

        pageLinkClass: 'pager_link',

        nextPageLinkLabel: '>',

        previousPageLinkLabel: '<',

        firstPageLinkLabel: '<<',

        lastPageLinkLabel: '>>',

        containers:['user-paginator']

    }),

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

  });

  var filterTimeout = null;

  updateFilter  = function () {

      // Reset timeout

      filterTimeout = null;

      // Reset sort

      var state = myDataTable.getState();

          state.sortedBy = {key:'username', dir:YAHOO.widget.DataTable.CLASS_ASC};

      // Get filtered data

      myDataSource.sendRequest(YUD.get('q_filter').value,{

          success : myDataTable.onDataReturnInitializeTable,

          failure : myDataTable.onDataReturnInitializeTable,

          scope   : myDataTable,

          argument: state

      });

  };

  YUE.on('q_filter','click',function(){

      YUD.get('q_filter').value = '';

   });

  YUE.on('q_filter','keyup',function (e) {

      clearTimeout(filterTimeout);

      filterTimeout = setTimeout(updateFilter,600);

  });

</script>

</%def>