Mercurial > kallithea
view rhodecode/templates/summary/statistics.html @ 4116:ffd45b185016 rhodecode-2.2.5-gpl
Imported some of the GPLv3'd changes from RhodeCode v2.2.5.
This imports changes between changesets 21af6c4eab3d and 6177597791c2 in
RhodeCode's original repository, including only changes to Python files and HTML.
RhodeCode clearly licensed its changes to these files under GPLv3
in their /LICENSE file, which states the following:
The Python code and integrated HTML are licensed under the GPLv3 license.
(See:
https://code.rhodecode.com/rhodecode/files/v2.2.5/LICENSE
or
http://web.archive.org/web/20140512193334/https://code.rhodecode.com/rhodecode/files/f3b123159901f15426d18e3dc395e8369f70ebe0/LICENSE
for an online copy of that LICENSE file)
Conservancy reviewed these changes and confirmed that they can be licensed as
a whole to the Kallithea project under GPLv3-only.
While some of the contents committed herein are clearly licensed
GPLv3-or-later, on the whole we must assume the are GPLv3-only, since the
statement above from RhodeCode indicates that they intend GPLv3-only as their
license, per GPLv3ยง14 and other relevant sections of GPLv3.
author | Bradley M. Kuhn <bkuhn@sfconservancy.org> |
---|---|
date | Wed, 02 Jul 2014 19:03:13 -0400 |
parents | |
children |
line wrap: on
line source
<%inherit file="/base/base.html"/> <%def name="title()"> ${_('%s Statistics') % c.repo_name} %if c.rhodecode_name: · ${c.rhodecode_name} %endif </%def> <%def name="breadcrumbs_links()"> ${_('Statistics')} </%def> <%def name="page_nav()"> ${self.menu('repositories')} </%def> <%def name="head_extra()"> <link href="${h.url('atom_feed_home',repo_name=c.rhodecode_db_repo.repo_name,api_key=c.rhodecode_user.api_key)}" rel="alternate" title="${_('%s ATOM feed') % c.repo_name}" type="application/atom+xml" /> <link href="${h.url('rss_feed_home',repo_name=c.rhodecode_db_repo.repo_name,api_key=c.rhodecode_user.api_key)}" rel="alternate" title="${_('%s RSS feed') % c.repo_name}" type="application/rss+xml" /> </%def> <%def name="main()"> ${self.repo_context_bar('summary')} <% summary = lambda n:{False:'summary-short'}.get(n) %> <div class="box"> <!-- box / title --> <div class="title"> ${self.breadcrumbs()} </div> <div class="graph"> <div style="padding:0 10px 10px 17px;"> %if c.no_data: ${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),class_="btn btn-mini")} %endif %else: ${_('Stats gathered: ')} ${c.stats_percentage}% %endif </div> <div id="commit_history" style="width:450px;height:300px;float:left"></div> <div style="clear: both;height: 10px"></div> <div id="overview" style="width:450px;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" class="noborder" style="font-size:smaller;color:#545454"></table> </div> </div> </div> </div> <script type="text/javascript"> var data = ${c.trending_languages|n}; var total = 0; var no_data = true; var tbl = document.createElement('table'); tbl.setAttribute('class','trending_language_tbl'); var cnt = 0; for (var i=0;i<data.length;i++){ total+= data[i][1].count; } for (var i=0;i<data.length;i++){ cnt += 1; no_data = false; var hide = cnt>2; var tr = document.createElement('tr'); if (hide){ tr.setAttribute('style','display:none'); tr.setAttribute('class','stats_hidden'); } var k = data[i][0]; var obj = data[i][1]; var percentage = Math.round((obj.count/total*100),2); var td1 = document.createElement('td'); td1.width = 150; var trending_language_label = document.createElement('div'); trending_language_label.innerHTML = obj.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 = obj.count+" ${_('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); } } </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" id="id_user_{0}" name="{0}" checked="checked" /> \ <label for="id_user_{0}">{0}</label></td></tr>'.format(data[pos].label); } } } /** * 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); } /** * plot only selected items from overview * @param ranges * @returns */ function plotselected(ranges,cur_data) { //updates the data for new plot var data = getDataAccordingToRanges(ranges); generateCheckboxes(data); var new_options = YAHOO.lang.merge(plot_options, { xaxis: { min: ranges.xaxis.from, max: ranges.xaxis.to, mode:"time", timeformat: "%d/%m", }, }); // do the zooming plot = YAHOO.widget.Flot(plotContainer, 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(ranges, true); //resubscribe choiced YUE.on(choiceContainer.getElementsByTagName("input"), "click", plotchoiced, [data, ranges]); } var previousPoint = null; function plothover(o) { var pos = o.pos; var item = o.item; //YUD.get("x").innerHTML = pos.x.toFixed(2); //YUD.get("y").innerHTML = pos.y.toFixed(2); if (item) { if (previousPoint != item.datapoint) { previousPoint = item.datapoint; var tooltip = YUD.get("tooltip"); if(tooltip) { tooltip.parentNode.removeChild(tooltip); } var x = item.datapoint.x.toFixed(2); var y = item.datapoint.y.toFixed(2); if (!item.series.label){ item.series.label = 'commits'; } var d = new Date(x*1000); var fd = d.toDateString() var nr_commits = parseInt(y); var cur_data = dataset[item.series.label].data[item.dataIndex]; var added = cur_data.added; var changed = cur_data.changed; var removed = cur_data.removed; var nr_commits_suffix = " ${_('commits')} "; var added_suffix = " ${_('files added')} "; var changed_suffix = " ${_('files changed')} "; var removed_suffix = " ${_('files removed')} "; if(nr_commits == 1){nr_commits_suffix = " ${_('commit')} ";} if(added==1){added_suffix=" ${_('file added')} ";} if(changed==1){changed_suffix=" ${_('file changed')} ";} if(removed==1){removed_suffix=" ${_('file removed')} ";} showTooltip(item.pageX, item.pageY, item.series.label + " on " + fd +'<br/>'+ nr_commits + nr_commits_suffix+'<br/>'+ added + added_suffix +'<br/>'+ changed + changed_suffix + '<br/>'+ removed + removed_suffix + '<br/>'); } } else { var tooltip = YUD.get("tooltip"); if(tooltip) { tooltip.parentNode.removeChild(tooltip); } previousPoint = null; } } /** * MAIN EXECUTION */ var data = getDataAccordingToRanges(initial_ranges); generateCheckboxes(data); //main plot var plot = YAHOO.widget.Flot(plotContainer,data,plot_options); //overview var overview = YAHOO.widget.Flot(overviewContainer, overview_dataset, overview_options); //show initial selection on overview overview.setSelection(initial_ranges); plot.subscribe("plotselected", plotselected); plot.subscribe("plothover", plothover) overview.subscribe("plotselected", function (ranges) { plot.setSelection(ranges); }); // user choices on overview YUE.on(choiceContainer.getElementsByTagName("input"), "click", plotchoiced, [data, initial_ranges]); } SummaryPlot(${c.ts_min},${c.ts_max},${c.commit_data|n},${c.overview_data|n}); </script> </%def>