view release on metacpan or  search on metacpan

share/www/templates/timeline.tx  view on Meta::CPAN

: ## Arguments: timeline_name, timeline_config_json,
: ##            post_button_url, attached_image_max_height, attached_image_show_default_bool
: cascade wrapper_navbar { title => $timeline_name }
: around navbar_content -> {
<form class="navbar-form navbar-right bb-nav-controls-container">
  <div class="btn-group">
    <a id="bb-new-statuses-button" class="btn btn-default disabled" href="#">
      New <span class="bb-new-statuses-num badge">0</span>
    </a>
  </div>
  <div class="btn-group">
    <a id="bb-button-incriment-threshold-level" class="btn btn-default" href="#">
      <span class="glyphicon glyphicon-zoom-out"></span>
    </a>
    <a id="bb-button-decriment-threshold-level" class="btn btn-default" href="#">
      <span class="glyphicon glyphicon-zoom-in"></span>
    </a>
  </div>
  <span class="label label-default">Lv. <span class="bb-threshold-level">0</span></span>
  <a class="btn btn-default" href="<: $post_button_url :>" target="_blank"><span class="glyphicon glyphicon-pencil"></span></a>
</form>
<div class="hidden-xs" id="bb-spinner-placeholder"></div>
<p id="bb-indicator" class="navbar-text navbar-right hidden-xs">
  <span id="bb-msg"></span>
</p>
<!-- a menu collapsed in small screens -->
<div class="navbar-collapse collapse">
  <ul class="nav navbar-nav navbar-left">
    <li class="active"><a><: $timeline_name :></a></li>
    <li class="visible-xs"><a href="<: path('/') :>"><span class="glyphicon glyphicon-arrow-left"></span> Top</a></li>
  </ul>
</div>
: }  ## around navbar_content

: around head -> {
<style type="text/css">
.bb-status-extension-pane { display: <: $attached_image_show_default_bool ? "block" : "none" :>; }
.bb-status-extension-<: $attached_image_show_default_bool ? "expander" : "collapser" :> { display: none; }
.bb-status-extension-pane img { max-height: <: $attached_image_max_height :>px; }
</style>
: } ## around head

: around content -> {
<div class="container-fluid">
  <div class="row">
    <div class="hidden-xs col-sm-2 col-md-2">
      <div class="sidebar-nav sidebar-nav-fixed" id="sidebar">
        <div class="panel-group" id="bb-statuses-summary"></div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-10 col-md-8 bb-main-column">
      <ul id="statuses" class="list-unstyled">
      </ul>
      <div id="main-footer">
        <a class="btn btn-primary" id="bb-more-button" data-loading-text="Loading..." href="#">More...</a>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript" src="<: path('/static/jquery.js') :>"></script>
<script type="text/javascript" src="<: path('/static/bootstrap/js/bootstrap.min.js') :>"></script>
<script type="text/javascript" src="<: path('/static/spin.js') :>"></script>