|
|
<%inherit file="/base/base.html"/>
|
|
|
|
|
|
<%def name="title()">
|
|
|
${_('%s Summary') % c.repo_name} · ${c.rhodecode_name}
|
|
|
</%def>
|
|
|
|
|
|
<%def name="breadcrumbs_links()">
|
|
|
${_('Summary')}
|
|
|
</%def>
|
|
|
|
|
|
<%def name="page_nav()">
|
|
|
${self.menu('repositories')}
|
|
|
</%def>
|
|
|
|
|
|
<%def name="head_extra()">
|
|
|
<link href="${h.url('atom_feed_home',repo_name=c.dbrepo.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.dbrepo.repo_name,api_key=c.rhodecode_user.api_key)}" rel="alternate" title="${_('%s RSS feed') % c.repo_name}" type="application/rss+xml" />
|
|
|
|
|
|
<script>
|
|
|
redirect_hash_branch = function(){
|
|
|
var branch = window.location.hash.replace(/^#(.*)/, '$1');
|
|
|
if (branch){
|
|
|
window.location = "${h.url('changelog_home',repo_name=c.repo_name,branch='__BRANCH__')}"
|
|
|
.replace('__BRANCH__',branch);
|
|
|
}
|
|
|
}
|
|
|
redirect_hash_branch();
|
|
|
window.onhashchange = function() {
|
|
|
redirect_hash_branch();
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
</%def>
|
|
|
|
|
|
<%def name="main()">
|
|
|
${self.context_bar('summary')}
|
|
|
<%
|
|
|
summary = lambda n:{False:'summary-short'}.get(n)
|
|
|
%>
|
|
|
%if c.show_stats:
|
|
|
<div class="box box-left">
|
|
|
%else:
|
|
|
<div class="box">
|
|
|
%endif
|
|
|
<!-- box / title -->
|
|
|
<div class="title">
|
|
|
${self.breadcrumbs()}
|
|
|
</div>
|
|
|
<!-- end box / title -->
|
|
|
<div class="form">
|
|
|
<div id="summary" class="fields">
|
|
|
|
|
|
<div class="field">
|
|
|
<div class="label-summary">
|
|
|
<label>${_('Name')}:</label>
|
|
|
</div>
|
|
|
<div class="input ${summary(c.show_stats)}">
|
|
|
|
|
|
## locking icon
|
|
|
%if c.rhodecode_db_repo.enable_locking:
|
|
|
%if c.rhodecode_db_repo.locked[0]:
|
|
|
<span class="locking_locked tooltip" title="${_('Repository locked by %s') % h.person_by_id(c.rhodecode_db_repo.locked[0])}"></span>
|
|
|
%else:
|
|
|
<span class="locking_unlocked tooltip" title="${_('Repository unlocked')}"></span>
|
|
|
%endif
|
|
|
%endif
|
|
|
##REPO TYPE
|
|
|
%if h.is_hg(c.dbrepo):
|
|
|
<img style="margin-bottom:2px" class="icon" title="${_('Mercurial repository')}" alt="${_('Mercurial repository')}" src="${h.url('/images/icons/hgicon.png')}"/>
|
|
|
%endif
|
|
|
%if h.is_git(c.dbrepo):
|
|
|
<img style="margin-bottom:2px" class="icon" title="${_('Git repository')}" alt="${_('Git repository')}" src="${h.url('/images/icons/giticon.png')}"/>
|
|
|
%endif
|
|
|
|
|
|
##PUBLIC/PRIVATE
|
|
|
%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
|
|
|
|
|
|
##REPO NAME
|
|
|
<span class="repo_name" title="${_('Non changable ID %s') % c.dbrepo.repo_id}">${h.repo_link(c.dbrepo.groups_and_repo)}</span>
|
|
|
|
|
|
##FORK
|
|
|
%if c.dbrepo.fork:
|
|
|
<div style="margin-top:5px;clear:both">
|
|
|
<img class="icon" alt="${_('Public')}" title="${_('Fork of')} ${c.dbrepo.fork.repo_name}" src="${h.url('/images/icons/arrow_divide.png')}"/>
|
|
|
${_('Fork of')}
|
|
|
<a href="${h.url('summary_home',repo_name=c.dbrepo.fork.repo_name)}">${c.dbrepo.fork.repo_name}</a>
|
|
|
</div>
|
|
|
%endif
|
|
|
##REMOTE
|
|
|
%if c.dbrepo.clone_uri:
|
|
|
<div style="margin-top:5px;clear:both">
|
|
|
${_('Clone from')}
|
|
|
<img class="icon" alt="${_('Remote clone')}" title="${_('Clone from')} ${h.hide_credentials(c.dbrepo.clone_uri)}" src="${h.url('/images/icons/connect.png')}"/>
|
|
|
<a href="${h.url(str(h.hide_credentials(c.dbrepo.clone_uri)))}">${h.hide_credentials(c.dbrepo.clone_uri)}</a>
|
|
|
</div>
|
|
|
%endif
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="field">
|
|
|
<div class="label-summary">
|
|
|
<label>${_('Description')}:</label>
|
|
|
</div>
|
|
|
%if c.visual.stylify_metatags:
|
|
|
<div class="input ${summary(c.show_stats)} desc">${h.urlify_text(h.desc_stylize(c.dbrepo.description))}</div>
|
|
|
%else:
|
|
|
<div class="input ${summary(c.show_stats)} desc">${h.urlify_text(c.dbrepo.description)}</div>
|
|
|
%endif
|
|
|
</div>
|
|
|
|
|
|
<div class="field">
|
|
|
<div class="label-summary">
|
|
|
<label>${_('Contact')}:</label>
|
|
|
</div>
|
|
|
<div class="input ${summary(c.show_stats)}">
|
|
|
<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-summary">
|
|
|
<label>${_('Clone url')}:</label>
|
|
|
</div>
|
|
|
<div class="input ${summary(c.show_stats)}">
|
|
|
<input style="width:${'75%' if c.show_stats else '80%'}" type="text" id="clone_url" readonly="readonly" value="${c.clone_repo_url}"/>
|
|
|
<input style="display:none;width:${'75%' if c.show_stats else '80%'}" type="text" id="clone_url_id" readonly="readonly" value="${c.clone_repo_url_id}"/>
|
|
|
<div style="display:none" id="clone_by_name" class="ui-btn clone">${_('Show by Name')}</div>
|
|
|
<div id="clone_by_id" class="ui-btn clone">${_('Show by ID')}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="field">
|
|
|
<div class="label-summary">
|
|
|
<label>${_('Trending files')}:</label>
|
|
|
</div>
|
|
|
<div class="input ${summary(c.show_stats)}">
|
|
|
%if c.show_stats:
|
|
|
<div id="lang_stats"></div>
|
|
|
%else:
|
|
|
${_('Statistics 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),class_="ui-btn")}
|
|
|
%endif
|
|
|
%endif
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="field">
|
|
|
<div class="label-summary">
|
|
|
<label>${_('Download')}:</label>
|
|
|
</div>
|
|
|
<div class="input ${summary(c.show_stats)}">
|
|
|
%if len(c.rhodecode_repo.revisions) == 0:
|
|
|
${_('There are no downloads yet')}
|
|
|
%elif not c.enable_downloads:
|
|
|
${_('Downloads are disabled for this repository')}
|
|
|
%if h.HasPermissionAll('hg.admin')('enable downloads on from summary'):
|
|
|
${h.link_to(_('Enable'),h.url('edit_repo',repo_name=c.repo_name),class_="ui-btn")}
|
|
|
%endif
|
|
|
%else:
|
|
|
<span id="${'zip_link'}">${h.link_to(_('Download as zip'), h.url('files_archive_home',repo_name=c.dbrepo.repo_name,fname='tip.zip'),class_="archive_icon ui-btn")}</span>
|
|
|
${h.select('download_options',c.rhodecode_repo.get_changeset().raw_id,c.download_options)}
|
|
|
<span style="vertical-align: bottom">
|
|
|
<input id="archive_subrepos" type="checkbox" name="subrepos" />
|
|
|
<label for="archive_subrepos" class="tooltip" title="${h.tooltip(_('Check this to download archive with subrepos'))}" >${_('with subrepos')}</label>
|
|
|
</span>
|
|
|
%endif
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="summary-menu-stats">
|
|
|
<ul>
|
|
|
<li>
|
|
|
<a class="followers" title="${_('Followers')}" href="${h.url('repo_followers_home',repo_name=c.repo_name)}">
|
|
|
${_('Followers')}
|
|
|
<span style="float:right" id="current_followers_count">${c.repository_followers}</span>
|
|
|
</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a class="forks" title="${_('Forks')}" href="${h.url('repo_forks_home',repo_name=c.repo_name)}">
|
|
|
${_('Forks')}
|
|
|
<span style="float:right">${c.repository_forks}</span>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
%if c.rhodecode_user.username != 'default':
|
|
|
<li class="repo_size">
|
|
|
<a href="#" class="repo-size" onclick="javascript:showRepoSize('repo_size_2','${c.dbrepo.repo_name}','${str(h.get_token())}')">${_('Repository Size')}</a>
|
|
|
<span id="repo_size_2"></span>
|
|
|
</li>
|
|
|
%endif
|
|
|
|
|
|
<li>
|
|
|
%if c.rhodecode_user.username != 'default':
|
|
|
${h.link_to(_('Feed'),h.url('atom_feed_home',repo_name=c.dbrepo.repo_name,api_key=c.rhodecode_user.api_key),class_='feed')}
|
|
|
%else:
|
|
|
${h.link_to(_('Feed'),h.url('atom_feed_home',repo_name=c.dbrepo.repo_name),class_='feed')}
|
|
|
%endif
|
|
|
</li>
|
|
|
|
|
|
%if h.HasRepoPermissionAll('repository.admin')(c.repo_name):
|
|
|
<li>
|
|
|
${h.link_to(_('Settings'),h.url('edit_repo',repo_name=c.repo_name),class_='settings')}
|
|
|
</li>
|
|
|
%endif
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
%if c.show_stats:
|
|
|
<div class="box box-right" style="min-height:455px">
|
|
|
<!-- box / title -->
|
|
|
<div class="title">
|
|
|
<h5>${_('Commit activity by day / author')}</h5>
|
|
|
</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_="ui-btn")}
|
|
|
%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>
|
|
|
%endif
|
|
|
|
|
|
<div class="box">
|
|
|
<div class="title">
|
|
|
<div class="breadcrumbs">
|
|
|
%if c.repo_changesets:
|
|
|
${h.link_to(_('Latest changes'),h.url('changelog_home',repo_name=c.repo_name))}
|
|
|
%else:
|
|
|
${_('Quick start')}
|
|
|
%endif
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="table">
|
|
|
<div id="shortlog_data">
|
|
|
<%include file='../changelog/changelog_summary_data.html'/>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
%if c.readme_data:
|
|
|
<div id="readme" class="anchor">
|
|
|
<div class="box" style="background-color: #FAFAFA">
|
|
|
<div class="title" title="${_('Readme file from revision %s') % c.rhodecode_db_repo.landing_rev}">
|
|
|
<div class="breadcrumbs">
|
|
|
<a href="${h.url('files_home',repo_name=c.repo_name,revision='tip',f_path=c.readme_file)}">${c.readme_file}</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="readme">
|
|
|
<div class="readme_box">
|
|
|
${c.readme_data|n}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
%endif
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
var clone_url = 'clone_url';
|
|
|
YUE.on(clone_url,'click',function(e){
|
|
|
if(YUD.hasClass(clone_url,'selected')){
|
|
|
return
|
|
|
}
|
|
|
else{
|
|
|
YUD.addClass(clone_url,'selected');
|
|
|
YUD.get(clone_url).select();
|
|
|
}
|
|
|
})
|
|
|
|
|
|
YUE.on('clone_by_name','click',function(e){
|
|
|
// show url by name and hide name button
|
|
|
YUD.setStyle('clone_url','display','');
|
|
|
YUD.setStyle('clone_by_name','display','none');
|
|
|
|
|
|
// hide url by id and show name button
|
|
|
YUD.setStyle('clone_by_id','display','');
|
|
|
YUD.setStyle('clone_url_id','display','none');
|
|
|
|
|
|
})
|
|
|
YUE.on('clone_by_id','click',function(e){
|
|
|
|
|
|
// show url by id and hide id button
|
|
|
YUD.setStyle('clone_by_id','display','none');
|
|
|
YUD.setStyle('clone_url_id','display','');
|
|
|
|
|
|
// hide url by name and show id button
|
|
|
YUD.setStyle('clone_by_name','display','');
|
|
|
YUD.setStyle('clone_url','display','none');
|
|
|
})
|
|
|
|
|
|
|
|
|
var tmpl_links = {};
|
|
|
%for cnt,archive in enumerate(c.rhodecode_repo._get_archives()):
|
|
|
tmpl_links["${archive['type']}"] = '${h.link_to('__NAME__', h.url('files_archive_home',repo_name=c.dbrepo.repo_name, fname='__CS__'+archive['extension'],subrepos='__SUB__'),class_='archive_icon ui-btn')}';
|
|
|
%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');
|
|
|
if(s){
|
|
|
var title_tmpl = "${_('Download %s as %s') % ('__CS_NAME__','__CS_EXT__')}";
|
|
|
title_tmpl= title_tmpl.replace('__CS_NAME__',new_cs.text);
|
|
|
title_tmpl = title_tmpl.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);
|
|
|
url = url.replace('__NAME__',title_tmpl);
|
|
|
s.innerHTML = url
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
</script>
|
|
|
%if c.show_stats:
|
|
|
<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);
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
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');
|
|
|
});
|
|
|
</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>
|
|
|
%endif
|
|
|
|
|
|
</%def>
|
|
|
|
