## -*- 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" placeholder="${_('quick filter...')}" value="" 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>

         </ul>

    </div>

    <!-- end box / title -->

    ## permissions overview

    <%namespace name="p" file="/base/perms_summary.html"/>

    ${p.perms_summary(c.perm_user.permissions)}

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

pyroutes.register('admin_settings_my_pullrequests', "${url('admin_settings_my_pullrequests')}", []);

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 = pyroutes.url('admin_settings_my_pullrequests');

    if(YUD.get('show_closed') && YUD.get('show_closed').checked) {

        var url = pyroutes.url('admin_settings_my_pullrequests', {'pr_show_closed': '1'});

    }

    ypjax(url, 'pullrequests_container', function(){

        YUE.on('show_closed','change',function (e) {

            show_pullrequests(e);

        });

    });

}

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"},