app/views/fragments/multiSelectHero.scala.html (62 lines of code) (raw):
@import helper._
@import aws.Federation.{maxLongTime, maxShortTime, defaultLongTime, defaultShortTime}
@import logic.Date.formatDuration
@import models.DisplayMode
@()
<div class="controls__hero">
<div class="container controls__container">
<div class="controls__row row">
<div class="col s12 m6 push-m6">
<div class="multiple-credentials-control__container">
<div class="multiple-credentials-control--inactive">
<p class="multiple-credentials__text multiple-credentials__text--inactive grey-text text-darken-1">
Use checkboxes to select multiple accounts
</p>
</div>
<div class="multiple-credentials-control--active">
<a class="multiple-credentials-control--clear janus-btn--flat waves-effect waves-light btn-flat">
<i class="material-icons">clear</i>
</a>
<a class="multiple-credentials__link btn-large federation__link federation__link--standard right" href="/multi-credentials?">
<i class="material-icons right">vpn_key</i>
<span class="multi-accounts-count">0 accounts</span>
</a>
</div>
</div>
</div>
<div class="login-duration__container col s6 m3 pull-m6 center-align">
<div class="login-duration__title">
Standard <i class="material-icons">access_time</i>
</div>
<div class="login-duration__header">
<a class='dropdown-trigger btn time-link time-link--standard' href='#' data-target='dropdown-time--standard' disabled="disabled">
Until 7pm
</a>
<ul id='dropdown-time--standard' class='dropdown-content'>
<li><a href="#!" data-length="standard" data-duration="" class="dropdown-time__link dropdown-time__link--walltime">Until 7pm</a></li>
<li class="divider"></li>
<li><a href="#!" data-length="standard" data-duration="3600000" class="dropdown-time__link">1 hour</a></li>
<li><a href="#!" data-length="standard" data-duration="14400000" class="dropdown-time__link">4 hours</a></li>
<li><a href="#!" data-length="standard" data-duration="@defaultLongTime.toMillis" class="dropdown-time__link dropdown-time__link--default">@formatDuration(defaultLongTime)</a></li>
<li><a href="#!" data-length="standard" data-duration="@maxLongTime.toMillis" class="dropdown-time__link dropdown-time__link--max">@formatDuration(maxLongTime)</a></li>
</ul>
</div>
</div>
<div class="login-duration__container login-duration--admin col s6 m3 pull-m6 center-align">
<div class="login-duration__title">
Admin <i class="material-icons">access_time</i>
</div>
<div class="login-duration__header">
<a class='dropdown-trigger btn time-link time-link--short' href='#' data-target='dropdown-time--short' disabled="disabled">
1 hour
</a>
<ul id='dropdown-time--short' class='dropdown-content'>
<li><a href="#!" data-length="short" data-duration="1800000" class="dropdown-time__link">30 mins</a></li>
<li><a href="#!" data-length="short" data-duration="@defaultShortTime.toMillis" class="dropdown-time__link dropdown-time__link--default">@formatDuration(defaultShortTime)</a></li>
<li><a href="#!" data-length="short" data-duration="@maxShortTime.toMillis" class="dropdown-time__link dropdown-time__link--max">@formatDuration(maxShortTime)</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>