122 lines
7.7 KiB
PHP
122 lines
7.7 KiB
PHP
<div class="panel-body">
|
|
<div class="table-row">
|
|
<div class="col tab-content">
|
|
<?php foreach($projects as $project):?>
|
|
<div class="tab-pane fade<?php if($project == reset($projects)) echo ' active in';?>" id="tab3Content<?php echo $project->id;?>">
|
|
<div class="table-row">
|
|
<div class="col-5 text-middle text-center">
|
|
<div class="progress-pie inline-block space" data-value="<?php echo $project->progress;?>" data-doughnut-size="84">
|
|
<canvas width="120" height="120"></canvas>
|
|
<div class="progress-info">
|
|
<small><?php echo $lang->task->statusList['done'];?></small>
|
|
<strong><?php echo $project->progress;?><small><?php echo $lang->percent;?></small></strong>
|
|
</div>
|
|
</div>
|
|
<div class="table-row text-center small text-muted with-padding">
|
|
<div class="col-4 text-bottom">
|
|
<div><?php echo $lang->project->totalEstimate;?></div>
|
|
<div><?php echo $project->totalEstimate;?> <span class="muted"><?php echo $lang->task->hour;?></span></div>
|
|
</div>
|
|
<div class="col-4">
|
|
<span class="label label-dot label-primary"></span>
|
|
<div><?php echo $lang->project->totalConsumed;?></div>
|
|
<div><?php echo $project->totalConsumed;?> <span class="muted"><?php echo $lang->task->hour;?></span></div>
|
|
</div>
|
|
<div class="col-4">
|
|
<span class="label label-dot label-pale"></span>
|
|
<div><?php echo $lang->project->totalLeft;?></div>
|
|
<div><?php echo $project->totalLeft;?> <span class="muted"><?php echo $lang->task->hour;?></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-7">
|
|
<div class="product-info">
|
|
<div class="progress-info"><i class="icon icon-check-circle text-success icon-sm"></i> <span class="text-muted"><?php echo $lang->task->yesterdayFinished;?></span> <strong><?php echo $project->yesterdayFinished;?></strong></div>
|
|
<div class="progress">
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="<?php echo $project->taskProgress;?>" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $project->taskProgress;?>%">
|
|
</div>
|
|
</div>
|
|
<div class="type-info">
|
|
<div class="type-label">
|
|
<span><?php echo $lang->task->allTasks;?></span> <?php echo DS;?> <span><?php echo $lang->task->noFinished;?></span>
|
|
</div>
|
|
<div class="type-value">
|
|
<small><?php echo $project->totalTasks;?></small> <?php echo DS;?> <strong><?php echo $project->undoneTasks;?></strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-info">
|
|
<div class="progress-info"><i class="icon icon-exclamation-sign text-danger icon-sm"></i> <span class="text-muted"><?php echo $lang->story->stageList['released'];?></span> <strong><?php echo $project->releasedStories;?></strong></div>
|
|
<div class="progress">
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="<?php echo $project->storyProgress;?>" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $project->storyProgress;?>%"></div>
|
|
</div>
|
|
<div class="type-info">
|
|
<div class="type-label">
|
|
<span><?php echo $lang->story->total;?></span> <?php echo DS;?> <span><?php echo $lang->story->unclosed;?></span>
|
|
</div>
|
|
<div class="type-value">
|
|
<small><?php echo $project->totalStories;?></small> <?php echo DS;?> <strong><?php echo $project->unclosedStories;?></strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-info">
|
|
<div class="progress-info"><i class="icon icon-check-circle text-success icon-sm"></i> <span class="text-muted"><?php echo $lang->bug->yesterdayResolved;?></span> <strong><?php echo $project->yesterdayResolved;?></strong></div>
|
|
<div class="progress">
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="<?php echo $project->bugProgress;?>" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $project->bugProgress;?>%">
|
|
</div>
|
|
</div>
|
|
<div class="type-info">
|
|
<div class="type-label">
|
|
<span><?php echo $lang->bug->allBugs;?></span> <?php echo DS;?> <span><?php echo $lang->bug->unResolved;?></span>
|
|
</div>
|
|
<div class="type-value">
|
|
<small><?php echo $project->totalBugs;?></small> <?php echo DS;?> <strong><?php echo $project->activeBugs;?></strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach;?>
|
|
</div>
|
|
<div class="col col-nav">
|
|
<ul class="nav nav-stacked nav-secondary">
|
|
<?php foreach($projects as $project):?>
|
|
<li <?php if($project == reset($projects)) echo "class='active'";?>><a href="###" data-target="#tab3Content<?php echo $project->id;?>" data-toggle="tab"><?php echo $project->name;?></a></li>
|
|
<?php endforeach;?>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.types-line {display: table; padding: 0; margin: 0 auto;}
|
|
.types-line > li {display: table-cell;}
|
|
.types-line > li > div {position: relative; padding: 18px 5px 5px; text-align: center;}
|
|
.types-line > li > div:before {content: ''; display: block; background: #eee; width: 100%; height: 2px; position: absolute; left: 50%; top: 4px;}
|
|
.types-line > li:last-child > div:before {display: none;}
|
|
.types-line > li > div:after {content: ''; display: block; background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(170,170,170,0.50), 0 0 5px 0 rgba(0,0,0,0.1); width: 10px; height: 10px; position: absolute; border-radius: 50%; top: 0; left: 50%; margin-left: -2px;}
|
|
.types-line > li > div > small {display: block; color: #A6AAB8;}
|
|
.types-line > li > div > span {display: block; color: #CBD0DB; font-size: 16px;}
|
|
.product-info {position: relative; padding: 10px 10px 10px 200px;}
|
|
.product-info + .product-info {margin-top: 10px;}
|
|
.product-info .progress {position: absolute; left: 10px; top: 33px; width: 180px;}
|
|
.product-info .progress-info {position: absolute; left: 8px; top: 8px; width: 180px; font-size: 12px;}
|
|
.product-info .type-info {color: #A6AAB8; text-align: center;}
|
|
.product-info .type-label {font-size: 12px;}
|
|
.product-info .type-value {font-size: 14px;}
|
|
.product-info .type-value > strong {font-size: 20px; color: #3C4353;}
|
|
.product-info .actions {position: absolute; left: 10px; top: 14px;}
|
|
.block-statistic .tile {margin-bottom: 30px;}
|
|
.block-statistic .tile-title {font-size: 18px; color: #A6AAB8;}
|
|
.block-statistic .tile-amount {font-size: 48px; margin-bottom: 10px;}
|
|
.block-statistic .col-nav {border-left: 1px solid #EBF2FB; width: 260px; padding-left: 0;}
|
|
.block-statistic .nav-secondary > li > a {font-size: 16px; color: #838A9D; position: relative; box-shadow: none; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .2s;}
|
|
.block-statistic .nav-secondary > li.active > a {font-size: 20px; color: #3C4353; background: transparent; box-shadow: none;}
|
|
.block-statistic .nav-secondary > li.active > a:hover,
|
|
.block-statistic .nav-secondary > li.active > a:focus,
|
|
.block-statistic .nav-secondary > li > a:hover {box-shadow: none;}
|
|
.block-statistic .nav-secondary > li.active > a:before {content: ' '; display: block; left: -1px; top: 10px; bottom: 10px; width: 4px; background: #006af1; position: absolute;}
|
|
.block-statistic .nav-stacked {overflow: auto; max-height: 220px;}
|
|
</style>
|