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

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

<%def name="title()">

    ${_('Edit users group')} ${c.users_group.users_group_name} - ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    ${h.link_to(_('Admin'),h.url('admin_home'))} 

    » 

    ${h.link_to(_('UsersGroups'),h.url('users_groups'))} 

    »

    ${_('edit')} "${c.users_group.users_group_name}"

</%def>

<%def name="page_nav()">

    ${self.menu('admin')}

</%def>

<%def name="main()">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}       

    </div>

    <!-- end box / title -->

    ${h.form(url('users_group', id=c.users_group.users_group_id),method='put', id='edit_users_group')}

    <div class="form">

        <!-- fields -->

	        <div class="fields">

	             <div class="field">

	                <div class="label">

	                    <label for="users_group_name">${_('Group name')}:</label>

	                </div>

	                <div class="input">

	                    ${h.text('users_group_name',class_='small')}

	                </div>

	             </div>

	             <div class="field">

	                <div class="label label-checkbox">

	                    <label for="users_group_active">${_('Active')}:</label>

	                </div>

	                <div class="checkboxes">

	                    ${h.checkbox('users_group_active',value=True)}

	                </div>

	             </div>

	            <div class="field">

                    <div class="label">

                        <label for="users_group_active">${_('Members')}:</label>

                    </div>

                    <div class="select">

	                    <table> 

	                            <tr>

	                                <td>

	                                    <div>

	                                        <div style="float:left">

	                                            <div class="text" style="padding: 0px 0px 6px;">${_('Choosen group members')}</div>

	                                            ${h.select('users_group_members',[x[0] for x in c.group_members],c.group_members,multiple=True,size=8,style="min-width:210px")}

	                                           <div  id="remove_all_elements" style="cursor:pointer;text-align:center">

	                                               ${_('Remove all elements')}

	                                               <img alt="remove" style="vertical-align:text-bottom" src="${h.url("/images/icons/arrow_right.png")}"/>

	                                           </div>

	                                        </div>

	                                        <div style="float:left;width:20px;padding-top:50px">

	                                            <img alt="add" id="add_element" 

	                                                style="padding:2px;cursor:pointer" 

	                                                src="${h.url("/images/icons/arrow_left.png")}"/>

	                                            <br />

	                                            <img alt="remove" id="remove_element" 

	                                                style="padding:2px;cursor:pointer" 

	                                                src="${h.url("/images/icons/arrow_right.png")}"/>

	                                        </div>

	                                        <div style="float:left">

	                                             <div class="text" style="padding: 0px 0px 6px;">${_('Available members')}</div>

	                                             ${h.select('available_members',[],c.available_members,multiple=True,size=8,style="min-width:210px")}

	                                             <div id="add_all_elements" style="cursor:pointer;text-align:center">

	                                                   <img alt="add" style="vertical-align:text-bottom" src="${h.url("/images/icons/arrow_left.png")}"/>

	                                                    ${_('Add all elements')}

	                                             </div>	                                        

	                                        </div>

	                                    </div>

	                                </td>           

	                            </tr>       

	                    </table>                    

                    </div>	            

                </div>			        

                <div class="buttons">

                  ${h.submit('save','save',class_="ui-button")}

                </div>             

            </div>          

    </div>        

${h.end_form()}        

</div>

<script type="text/javascript">

    YAHOO.util.Event.onDOMReady(function(){

            var D = YAHOO.util.Dom;

            var E = YAHOO.util.Event;

            //definition of containers ID's

            var available_container = 'available_members';

            var selected_container = 'users_group_members';

            //form containing containers id

            var form_id = 'edit_users_group';

            //temp container for selected storage.

            var cache = new Array();

            var av_cache = new Array();

            var c =  D.get(selected_container);

            var ac = D.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);

                }

            }

            //clear 'selected' select

            //c.options.length = 0;

            //fill it with remembered options

            //for(var i = 0;node = cache[i];i++){

            //   c.options[i]=new Option(node.text, node.value, false, false);

            //}

            //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 = D.get(selected_container);  

                var available = D.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;                	

                }

            }

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

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

                           prompts_action_callback)

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

                var choosen = D.get(selected_container);

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

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

                }

            })  

        });

</script>    

</%def>  

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

<%def name="title()">

    ${c.repo_name} ${_('Summary')} - ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    ${h.link_to(u'Home',h.url('/'))}

    » 

    ${h.link_to(c.repo_name,h.url('summary_home',repo_name=c.repo_name))}

    »

    ${_('summary')}

</%def>

<%def name="page_nav()">

	${self.menu('summary')}    

</%def>

<%def name="main()">

<div class="box box-left">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

	<div class="form">

	  <div class="fields">

			 <div class="field">

			  <div class="label">

			      <label>${_('Name')}:</label>

			  </div>

			  <div class="input-short">

		         %if c.dbrepo.repo_type =='hg':

		           <img style="margin-bottom:2px" class="icon" title="${_('Mercurial repository')}" alt="${_('Mercurial repository')}" src="${h.url("/images/icons/hgicon.png")}"/>

		         %endif

		         %if c.dbrepo.repo_type =='git':

		           <img style="margin-bottom:2px" class="icon" title="${_('Git repository')}" alt="${_('Git repository')}" src="${h.url("/images/icons/giticon.png")}"/>

		         %endif 

	             %if c.dbrepo.private:

	                <img style="margin-bottom:2px" class="icon" title="${_('private repository')}" alt="${_('private repository')}" src="${h.url("/images/icons/lock.png")}"/>

	             %else:

	                <img style="margin-bottom:2px" class="icon" title="${_('public repository')}" alt="${_('public repository')}" src="${h.url("/images/icons/lock_open.png")}"/>

	             %endif

			      <span style="font-size: 1.6em;font-weight: bold;vertical-align: baseline;">${c.repo.name}</span>

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

				      %if c.following:

	                  <span id="follow_toggle" class="following" title="${_('Stop following this repository')}"

	                        onclick="javascript:toggleFollowingRepo(this,${c.dbrepo.repo_id},'${str(h.get_token())}')">

	                  </span>			      

				      %else:

				      <span id="follow_toggle" class="follow" title="${_('Start following this repository')}"

				            onclick="javascript:toggleFollowingRepo(this,${c.dbrepo.repo_id},'${str(h.get_token())}')">

				      </span>

				      %endif

				  %endif:

			      <br/>

		            %if c.dbrepo.fork:

		            	<span style="margin-top:5px">

		            	<a href="${h.url('summary_home',repo_name=c.dbrepo.fork.repo_name)}">

		            	<img class="icon" alt="${_('public')}"

		            	title="${_('Fork of')} ${c.dbrepo.fork.repo_name}" 

		            	src="${h.url("/images/icons/arrow_divide.png")}"/>

		            	${_('Fork of')} ${c.dbrepo.fork.repo_name}

		            	</a>

		            	</span>

		            %endif

					%if c.dbrepo.clone_uri:

                        <span style="margin-top:5px">

                        <a href="${h.url(str(c.dbrepo.clone_uri))}">

                        <img class="icon" alt="${_('remote clone')}"

                        title="${_('Clone from')} ${c.dbrepo.clone_uri}" 

                        src="${h.url("/images/icons/connect.png")}"/>

                        ${_('Clone from')} ${c.dbrepo.clone_uri}

                        </a>

                        </span>					

					%endif		            		      

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Description')}:</label>

			  </div>

			  <div class="input-short">

			      ${c.dbrepo.description}

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Contact')}:</label>

			  </div>

			  <div class="input-short">

			  	<div class="gravatar">

			  		<img alt="gravatar" src="${h.gravatar_url(c.dbrepo.user.email)}"/>

			  	</div>

			  		${_('Username')}: ${c.dbrepo.user.username}<br/>

			  		${_('Name')}: ${c.dbrepo.user.name} ${c.dbrepo.user.lastname}<br/>

			  		${_('Email')}: <a href="mailto:${c.dbrepo.user.email}">${c.dbrepo.user.email}</a>

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Last change')}:</label>

			  </div>

			  <div class="input-short">

			      ${h.age(c.repo.last_change)} - ${c.repo.last_change} 

			      ${_('by')} ${h.get_changeset_safe(c.repo,'tip').author} 

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Clone url')}:</label>

			  </div>

			  <div class="input-short">

			      <input type="text" id="clone_url" readonly="readonly" value="hg clone ${c.clone_repo_url}" size="70"/>

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Trending source files')}:</label>

			  </div>

			  <div class="input-short">

			    <div id="lang_stats"></div> 			   

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Download')}:</label>

			  </div>

			  <div class="input-short">

		        %if len(c.repo.revisions) == 0:

		          ${_('There are no downloads yet')}

		        %elif c.enable_downloads is False:

		          ${_('Downloads are disabled for this repository')}

                    %if h.HasPermissionAll('hg.admin')('enable stats on from summary'):

                        [${h.link_to(_('enable'),h.url('edit_repo',repo_name=c.repo_name))}]

                    %endif  		          

		        %else:

			        ${h.select('download_options',c.repo.get_changeset().raw_id,c.download_options)}

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

			             %if cnt >=1:

			             |

			             %endif

			             <span class="tooltip" title="${_('Download %s as %s') %('tip',archive['type'])}" 

			                  id="${archive['type']+'_link'}">${h.link_to(archive['type'],

			                h.url('files_archive_home',repo_name=c.repo.name,

			                fname='tip'+archive['extension']),class_="archive_icon")}</span>

			        %endfor

			    %endif

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Feeds')}:</label>

			  </div>

			  <div class="input-short">

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

	            ${h.link_to(_('RSS'),h.url('rss_feed_home',repo_name=c.repo.name,api_key=c.rhodecode_user.api_key),class_='rss_icon')}

	            ${h.link_to(_('Atom'),h.url('atom_feed_home',repo_name=c.repo.name,api_key=c.rhodecode_user.api_key),class_='atom_icon')}

	           %else:

                ${h.link_to(_('Atom'),h.url('atom_feed_home',repo_name=c.repo.name),class_='atom_icon')}	           

	           %endif 

			  </div>

			 </div>				 			 			 

	  </div>		 

	</div>

  	<script type="text/javascript">

	  	YUE.onDOMReady(function(e){

	  	    id = 'clone_url';

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

	  	        YUD.get('clone_url').select();

	  	    })

	  	})

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

  		var total = 0;

  		var no_data = true;

  		for (k in data){

  		    total += data[k];

  		    no_data = false;

  		} 

		var tbl = document.createElement('table');

		tbl.setAttribute('class','trending_language_tbl');

		var cnt =0;

  		for (k in data){

  			cnt+=1;

  			var hide = cnt>2;

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

	  		if (hide){

	  			tr.setAttribute('style','display:none');

	  			tr.setAttribute('class','stats_hidden');

	  		}

	  		var percentage = Math.round((data[k]/total*100),2);

			var value = data[k];

	  		var td1 = document.createElement('td');

	  		td1.width=150;

	  		var trending_language_label = document.createElement('div');

	  		trending_language_label.innerHTML = k;

	  		td1.appendChild(trending_language_label);

	  		var td2 = document.createElement('td');

	  		td2.setAttribute('style','padding-right:14px !important');

  		    var trending_language = document.createElement('div');

  		    var nr_files = value+" ${_('files')}";

  		    trending_language.title = k+" "+nr_files;

  		    if (percentage>20){

  		    	trending_language.innerHTML = "<b style='font-size:0.8em'>"+percentage+"% "+nr_files+ "</b>";	

  		    }

  		    else{

  		    	trending_language.innerHTML = "<b style='font-size:0.8em'>"+percentage+"%</b>";

  		    }

  		    trending_language.setAttribute("class", 'trending_language top-right-rounded-corner bottom-right-rounded-corner');

  		    trending_language.style.width=percentage+"%";

			td2.appendChild(trending_language);

			tr.appendChild(td1);

			tr.appendChild(td2);

  		    tbl.appendChild(tr);

  		    if(cnt == 2){

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

  		    	var td=document.createElement('td');

  		    	lnk = document.createElement('a');

  		    	lnk.href='#';

  		    	lnk.innerHTML = "${_("show more")}";

  		    	lnk.id='code_stats_show_more';

  		        td.appendChild(lnk);

  		    	show_more.appendChild(td);

  		    	show_more.appendChild(document.createElement('td'));

  		    	tbl.appendChild(show_more);

  		    }

  		}

  		if(no_data){

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

  			var td1 = document.createElement('td');

  			td1.innerHTML = "${c.no_data_msg}";

  			tr.appendChild(td1);

  			tbl.appendChild(tr);

		}

  		YUD.get('lang_stats').appendChild(tbl);

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

  			l = YUD.getElementsByClassName('stats_hidden')

  			for (e in l){

  			    YUD.setStyle(l[e],'display','');

  			};

  			YUD.setStyle(YUD.get('code_stats_show_more'),

  					'display','none');

  		})

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

                 var new_cs = e.target.options[e.target.selectedIndex];

                 var tmpl_links = {}

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

                	 tmpl_links['${archive['type']}'] = '${h.link_to(archive['type'],

                        h.url('files_archive_home',repo_name=c.repo.name,

                        fname='__CS__'+archive['extension']),class_="archive_icon")}';

                 %endfor

                 for(k in tmpl_links){

                	 var s = YUD.get(k+'_link')

                	 title_tmpl = "${_('Download %s as %s') % ('__CS_NAME__',archive['type'])}";

                	 s.title = title_tmpl.replace('__CS_NAME__',new_cs.text)

                	 s.innerHTML = tmpl_links[k].replace('__CS__',new_cs.value);

                 }

             })

  	</script>    				

</div>

<div class="box box-right"  style="min-height:455px">

    <!-- box / title -->

    <div class="title">

        <h5>${_('Commit activity by day / author')}</h5>

    </div>

    <div class="table">

         %if c.no_data:

           <div style="padding:0 10px 10px 15px;font-size: 1.2em;">${c.no_data_msg}

           %if h.HasPermissionAll('hg.admin')('enable stats on from summary'):

                [${h.link_to(_('enable'),h.url('edit_repo',repo_name=c.repo_name))}]

           %endif         

           </div>

        %endif:  

        <div id="commit_history" style="width:460px;height:300px;float:left"></div>

        <div style="clear: both;height: 10px"></div>

        <div id="overview" style="width:460px;height:100px;float:left"></div>

    	<div id="legend_data" style="clear:both;margin-top:10px;">

	    	<div id="legend_container"></div>

	    	<div id="legend_choices">

				<table id="legend_choices_tables" style="font-size:smaller;color:#545454"></table>

	    	</div>

    	</div>

		<script type="text/javascript">

		/**

		 * Plots summary graph

		 *

		 * @class SummaryPlot

		 * @param {from} initial from for detailed graph

		 * @param {to} initial to for detailed graph

		 * @param {dataset}

		 * @param {overview_dataset}

		 */

		function SummaryPlot(from,to,dataset,overview_dataset) {

			var initial_ranges = {

			    "xaxis":{

				    "from":from,

				   	"to":to,

				},

			};

		    var dataset = dataset;

		    var overview_dataset = [overview_dataset];

		    var choiceContainer = YUD.get("legend_choices");

		    var choiceContainerTable = YUD.get("legend_choices_tables");

		    var plotContainer = YUD.get('commit_history');

		    var overviewContainer = YUD.get('overview');

		    var plot_options = {

				bars: {show:true,align:'center',lineWidth:4},

				legend: {show:true, container:"legend_container"},

				points: {show:true,radius:0,fill:false},

				yaxis: {tickDecimals:0,},

				xaxis: {

					mode: "time", 

					timeformat: "%d/%m",

				    min:from,

				    max:to,	

				}, 

				grid: {

					hoverable: true, 

				    clickable: true,

				    autoHighlight:true,

				    color: "#999"

				},

				//selection: {mode: "x"}

		    };

		    var overview_options = {

				legend:{show:false},

			    bars: {show:true,barWidth: 2,},

			    shadowSize: 0,

			    xaxis: {mode: "time", timeformat: "%d/%m/%y",},

			    yaxis: {ticks: 3, min: 0,tickDecimals:0,},

			    grid: {color: "#999",},

			    selection: {mode: "x"}

			};

			/**