frontend/src/views/web/challenge/phases.html
<section ng-repeat="item in challenge.phases.results" class="ev-sm-container ev-view challenge-container">
<div class="ev-md-container ev-card-panel ev-z-depth-5 ev-challenge-view phase-card">
<div class="row">
<div class="col s12 m11 l11">
<h5>Phase: <span class="w-300">{{item.name}}</span>
<span class="new badge orange-background margin-tb-4 f-16" data-badge-caption="Private Phase"
ng-if="item.showPrivate"></span></h5>
</div>
<div class="col s12 m1 l1">
<h5><a ng-if="challenge.isChallengeHost" class="pointer theme-text fs-16"
ng-click="challenge.challengePhaseDialog($event, item)"><i class="fa fa-pencil"
aria-hidden="true"></i> edit</a></h5>
</div>
<div class="col s12 m12 l12">
<div class="what-a-separator"></div>
</div>
</div>
<div class="row">
<div class="col s12 m12 l9">
<p class="fs-16">Starts on: <span class="w-300">{{item.start_date | date:'medium'}}
{{item.time_zone}} ({{item.gmt_zone}})</span></p>
<p class="fs-16">Ends on: <span class="w-300">{{item.end_date | date:'medium'}} {{item.time_zone}} ({{item.gmt_zone}})</span>
</p>
</div>
<div class="col s12 m12 l12">
<div mathjax-bind="item.description" class="fs-16 w-300 phase-description trix-container"></div>
</div>
<div class="col s12 m12 l3">
<p class="fs-16">Max submissions/day: <span class="w-300">{{item.max_submissions_per_day}}</span></p>
<p class="fs-16">Max submissions/month: <span class="w-300">{{item.max_submissions_per_month}}</span>
</p>
<p class="fs-16">Max total submissions: <span class="w-300">{{item.max_submissions}}</span></p>
<p class="fs-16">Max concurrent submissions: <span class="w-300">{{item.max_concurrent_submissions_allowed}}</span></p>
</div>
</div>
</div>
</section>