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

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

<%def name="title()">

    ${_('My account')} ${c.rhodecode_user.username} - ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    ${_('My Account')}

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

    <!-- end box / title -->

    ${c.form|n}

</div>

<div class="box box-right">

    <!-- box / title -->

    <div class="title">

        <h5>

        <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" value="${_('quick filter...')}" style="display: none"/>

        </h5>

         <ul class="links" style="color:#DADADA">

           <li>

             <span><a id="show_perms" class="link-white current" href="#perms">${_('My permissions')}</a> </span>

           </li>

           <li>

             <span><a id="show_my" class="link-white" href="#my">${_('My repos')}</a> </span>

           </li>

           <li>

             <span><a id="show_pullrequests" class="link-white" href="#pullrequests">${_('My pull requests')}</a> </span>

           </li>

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

             <li>

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

             </li>

           %endif

         </ul>

    </div>

    <!-- end box / title -->

           %for section in sorted(c.rhodecode_user.permissions.keys()):

            <div class="perms_section_head">${section.replace("_"," ").capitalize()}</div>

            <div id='tbl_list_wrap_${section}' class="yui-skin-sam">

            <table id="tbl_list_${section}">

              <thead>

                  <tr>

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

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

              </thead>

              <tbody>

            %for k in c.rhodecode_user.permissions[section]:

           <%

           if section != 'global':

               section_perm = c.rhodecode_user.permissions[section].get(k)

               _perm = section_perm.split('.')[-1]

           else:

               _perm = section_perm = None

           %>

            %if _perm not in ['none']:

                <tr>

                    <td>

                        %if section == 'repositories':

                            <a href="${h.url('summary_home',repo_name=k)}">${k}</a>

                        %elif section == 'repositories_groups':

                            <a href="${h.url('repos_group_home',group_name=k)}">${k}</a>

                        %else:

                            ${k}

                        %endif

                    </td>

                    <td>

                        %if section == 'global':

                         ${h.bool2icon(True)}

                        %else:

                        <span class="perm_tag ${_perm}">${section_perm}</span>

                        %endif

                     </td>

                </tr>

             %endif

            %endfor

            </tbody>

            </table>

            </div>

           %endfor

    </div>

    <div id="my_container" style="display:none">

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

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

    </div>

    <div id="pullrequests_container" class="table" style="display:none">

        ## loaded via AJAX

        ${_('Loading...')}

    </div>

</div>

<script type="text/javascript">

var show_perms = function(e){

    YUD.addClass('show_perms', 'current');

    YUD.removeClass('show_my','current');

    YUD.removeClass('show_pullrequests','current');

    YUD.setStyle('my_container','display','none');

    YUD.setStyle('pullrequests_container','display','none');

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

    YUD.setStyle('q_filter','display','none');

}

YUE.on('show_perms','click',function(e){

    show_perms();

})

var show_my = function(e){

    YUD.addClass('show_my', 'current');

    YUD.removeClass('show_perms','current');

    YUD.removeClass('show_pullrequests','current');

    YUD.setStyle('perms_container','display','none');

    YUD.setStyle('pullrequests_container','display','none');

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

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

    if(!YUD.hasClass('show_my', 'loaded')){

    	table_renderer(${c.data |n});

        YUD.addClass('show_my', 'loaded');

    }

}

YUE.on('show_my','click',function(e){

	show_my(e);

})

var show_pullrequests = function(e){

    YUD.addClass('show_pullrequests', 'current');

    YUD.removeClass('show_my','current');

    YUD.removeClass('show_perms','current');

    YUD.setStyle('my_container','display','none');

    YUD.setStyle('perms_container','display','none');

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

    YUD.setStyle('q_filter','display','none');

    var url = "${h.url('admin_settings_my_pullrequests')}";

    ypjax(url, 'pullrequests_container');

}

YUE.on('show_pullrequests','click',function(e){

	show_pullrequests(e)

})

var tabs = {

    'perms': show_perms,

    'my': show_my,

    'pullrequests': show_pullrequests

}

var url = location.href.split('#');

if (url[1]) {

    //We have a hash

    var tabHash = url[1];

    var func = tabs[tabHash]

    if (func){

        func();

    }

}

function table_renderer(data){

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

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

	  myDataSource.responseSchema = {

	      resultsList: "records",

	      fields: [

	         {key:"menu"},

	         {key:"raw_name"},

	         {key:"name"},

	         {key:"last_changeset"},

	         {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_name.toLowerCase().indexOf(req)

                  if (pos != -1) {

                      filtered.push(data[i]);

                  }

              }

              res.results = filtered;

          }

          return res;

      }

	  // 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:"last_changeset",label:"${_('Tip')}",sortable:true,

	          sortOptions: { sortFunction: revisionSort }},

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

	  ];

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

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

	    paginator: new YAHOO.widget.Paginator({

	        rowsPerPage: 50,

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

	      tooltip_activate();

	      quick_repo_menu();

	  });

	  var filterTimeout = null;

	  updateFilter = function() {

	      // Reset timeout

	      filterTimeout = null;

	      // Reset sort

	      var state = myDataTable.getState();

	      state.sortedBy = {key:'name', 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(){

	      if(!YUD.hasClass('q_filter', 'loaded')){

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

	          //TODO: load here full list later to do search within groups

	          YUD.addClass('q_filter', 'loaded');

	      }

	   });

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

	      clearTimeout(filterTimeout);

	      filterTimeout = setTimeout(updateFilter,600);

	  });

	}

</script>

</%def>