uri_tmpl = config.get('clone_uri',default_clone_uri)

        uri_tmpl = uri_tmpl.replace('{','%(').replace('}',')s')

        uri =  uri_tmpl % {'user': username,

	padding: 8px 0 0 5px;

<div class="box box-left">

			  <div class="input-short">

                  %endif:			  

			  <div class="input-short desc">${h.urlify_text(c.dbrepo.description)}</div>

			  <div class="input-short">

			  <div class="input-short">

			      ${h.age(c.rhodecode_repo.last_change)}</span><br/>

			  <div class="input-short">

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

			  <div class="input-short">

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

			  <div class="input-short">

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

			 </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.dbrepo.repo_name,api_key=c.rhodecode_user.api_key),class_='rss_icon')}

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

	           %else:

                ${h.link_to(_('RSS'),h.url('rss_feed_home',repo_name=c.dbrepo.repo_name),class_='rss_icon')}

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

	           %endif 

			  </div>

			 </div>				 			 			 

        YUE.onDOMReady(function(e){

            id = 'clone_url';

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

                if(YUD.hasClass(id,'selected')){

                    return

                }

                else{

                    YUD.addClass(id,'selected');

                    YUD.get(id).select();                   

                }

            })

        })

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

        var total = 0;

        var no_data = true;

        for (k in data){

            total += data[k].count;

            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].count/total*100),2);

            var value = data[k].count;

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

            td1.width = 150;

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

            trending_language_label.innerHTML = data[k].desc+" ("+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>22){

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

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

        })

             var tmpl_links = {}

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

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

                     h.url('files_archive_home',repo_name=c.dbrepo.repo_name,

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

              %endfor

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

                 var sm = YUD.get('download_options');

                 var new_cs = sm.options[sm.selectedIndex];

                 for(k in tmpl_links){

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

                     title_tmpl = "${_('Download %s as %s') % ('__CS_NAME__','__CS_EXT__')}";

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

                     s.title = s.title.replace('__CS_EXT__',k);

                     var url = tmpl_links[k].replace('__CS__',new_cs.value);

                     var subrepos = YUD.get('archive_subrepos').checked

                     url = url.replace('__SUB__',subrepos);

                     s.innerHTML = url 

                 }

             });

    </script>   

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

            };

            /**

            *get dummy data needed in few places

            */

            function getDummyData(label){

                return {"label":label,

                 "data":[{"time":0,

                     "commits":0,

                         "added":0,

                         "changed":0,

                         "removed":0,

                    }],

                    "schema":["commits"],

                    "color":'#ffffff',

            /**

             * generate checkboxes accordindly to data

             * @param keys

             * @returns

             */

            function generateCheckboxes(data) {

                //append checkboxes

                var i = 0;

                choiceContainerTable.innerHTML = '';

                for(var pos in data) {

                    data[pos].color = i;

                    i++;

                    if(data[pos].label != ''){

                        choiceContainerTable.innerHTML += '<tr><td>'+

                        '<input type="checkbox" name="' + data[pos].label +'" checked="checked" />'

                        +data[pos].label+

                        '</td></tr>';

                    }

                }   

            /**

             * ToolTip show

             */

            function showTooltip(x, y, contents) {

                var div=document.getElementById('tooltip');

                if(!div) {

                    div = document.createElement('div');

                    div.id="tooltip";

                    div.style.position="absolute";

                    div.style.border='1px solid #fdd';

                    div.style.padding='2px';

                    div.style.backgroundColor='#fee';

                    document.body.appendChild(div);

                }

                YUD.setStyle(div, 'opacity', 0);

                div.innerHTML = contents;

                div.style.top=(y + 5) + "px";

                div.style.left=(x + 5) + "px";

                var anim = new YAHOO.util.Anim(div, {opacity: {to: 0.8}}, 0.2);

                anim.animate();

            }

            /**

             * This function will detect if selected period has some changesets 

               for this user if it does this data is then pushed for displaying

               Additionally it will only display users that are selected by the checkbox

            */

            function getDataAccordingToRanges(ranges) {

                var data = [];

                var new_dataset = {};

                var keys = [];

                var max_commits = 0;

                for(var key in dataset){

                    for(var ds in dataset[key].data){

                        commit_data = dataset[key].data[ds];

                        if (commit_data.time >= ranges.xaxis.from && commit_data.time <= ranges.xaxis.to){

                            if(new_dataset[key] === undefined){

                                new_dataset[key] = {data:[],schema:["commits"],label:key};  

                            }

                            new_dataset[key].data.push(commit_data);

                        }

                    }

                    if (new_dataset[key] !== undefined){

                        data.push(new_dataset[key]);    

                }

                if (data.length > 0){

                    return data;    

                }

                else{

                    //just return dummy data for graph to plot itself

                    return [getDummyData('')];  

                }

            /**

            * redraw using new checkbox data

            */

            function plotchoiced(e,args){

                var cur_data = args[0];

                var cur_ranges = args[1];

                var new_data = [];

                var inputs = choiceContainer.getElementsByTagName("input");

                //show only checked labels

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

                    var checkbox_key = inputs[i].name;

                    if(inputs[i].checked){

                        for(var d in cur_data){

                            if(cur_data[d].label == checkbox_key){

                                new_data.push(cur_data[d]);

                            }

                        }                           

                    }

                    else{

                        //push dummy data to not hide the label

                        new_data.push(getDummyData(checkbox_key));

                    }

                }

                var new_options = YAHOO.lang.merge(plot_options, {

                    xaxis: { 

                        min: cur_ranges.xaxis.from, 

                        max: cur_ranges.xaxis.to,

                        mode:"time",

                        timeformat: "%d/%m",

                    },

                });

                if (!new_data){

                    new_data = [[0,1]];

                }

                // do the zooming

               plot = YAHOO.widget.Flot(plotContainer, new_data, new_options);

               plot.subscribe("plotselected", plotselected);

               //resubscribe plothover

               plot.subscribe("plothover", plothover);

               // don't fire event on the overview to prevent eternal loop 

               overview.setSelection(cur_ranges, true);