Change repo stats to use the RAC table and a nice UI
This commit is contained in:
parent
dbe14fe729
commit
853cca35f3
10 changed files with 184 additions and 125 deletions
1
static/directives/heatmap.html
Normal file
1
static/directives/heatmap.html
Normal file
|
@ -0,0 +1 @@
|
|||
<div class="heatmap-element"></div>
|
|
@ -1,38 +1,29 @@
|
|||
<div class="repo-panel-info-element">
|
||||
<!-- Repository stats and builds summary -->
|
||||
<div class="repository-stats row">
|
||||
<!-- Pull Stats -->
|
||||
<div class="col-sm-3 stat-col">
|
||||
<div class="stat-title">Repo Pulls</div>
|
||||
<!-- Stats -->
|
||||
<div class="col-sm-5 stat-col">
|
||||
<div class="stat-title">Repository Activity</div>
|
||||
|
||||
<div class="stat">
|
||||
<div class="stat-value">{{ repository.stats.pulls.today | abbreviated }}</div>
|
||||
<div class="stat-subtitle">Last 24 hours</div>
|
||||
</div>
|
||||
<div class="stat-row">
|
||||
<div class="heatmap hidden-xs hidden-sm" data="repository.stats"
|
||||
item-name="action" domain="month" range="3"
|
||||
start-count="-2" start-domain="months"></div>
|
||||
|
||||
<div class="stat">
|
||||
<div class="stat-value">{{ repository.stats.pulls.thirty_day | abbreviated }}</div>
|
||||
<div class="stat-subtitle">Last 30 days</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat visible-xs visible-sm">
|
||||
<div class="stat-value">{{ getAggregatedUsage(repository.stats, 1) | abbreviated }}</div>
|
||||
<div class="stat-subtitle">Yesterday</div>
|
||||
</div>
|
||||
|
||||
<!-- Push Stats -->
|
||||
<div class="col-sm-3 stat-col">
|
||||
<div class="stat-title">Repo Pushes</div>
|
||||
|
||||
<div class="stat">
|
||||
<div class="stat-value">{{ repository.stats.pushes.today | abbreviated }}</div>
|
||||
<div class="stat-subtitle">Last 24 hours</div>
|
||||
</div>
|
||||
|
||||
<div class="stat">
|
||||
<div class="stat-value">{{ repository.stats.pushes.thirty_day | abbreviated }}</div>
|
||||
<div class="stat-subtitle">Last 30 days</div>
|
||||
<div class="stat visible-xs visible-sm">
|
||||
<div class="stat-value">{{ getAggregatedUsage(repository.stats, 30) | abbreviated }}</div>
|
||||
<div class="stat-subtitle">Last 30 days</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Builds -->
|
||||
<div class="col-sm-6 builds-list">
|
||||
<div class="col-sm-7 builds-list">
|
||||
<div class="stat-title">Recent Repo Builds</div>
|
||||
|
||||
<!-- Loading -->
|
||||
|
|
Reference in a new issue