periscope-ui/src/bootstrap-dashboard.html

Perscope default set of widget/dashboard implementations

<template>
    <!--<require from="periscope-framework"></require>-->
  <require from='./controls/widget-menu'></require>

    <h2 class="dashboard-title no-bottom-magin">${title} <button class="btn btn-link"><i class="fa fa-lg fa-share" click.trigger="share()"></i></button></h2>
    <div class="row" repeat.for="r of layoutStructure">
      <template repeat.for="w of r.widgets">
        <div css="${$parent.$parent.getColHeight(w)}" class="${$parent.$parent.getColWidth(w)} widget-container" permissions.bind="{resourceGroup:w.widget.resourceGroup,permissions:'read'}">
          <!-- widget -->
          <div class="portlet portlet-default">
            <div class="portlet-header" show.bind="w.widget.showHeader">
              <header>
                <h4 class="portlet-title">
                  <button type="button" show.bind="w.hasNavStack" class="btn btn-link" click.trigger="restoreWidget(w.widget)"><i class="fa fa-chevron-left"></i></button>
                  ${w.widget.header}
                  <a class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-caret-down"></i></a>
                  <ul class="dropdown-menu">
                    <li><button type="button" class="btn btn-link" click.trigger="refreshWidget(w.widget)"><i class="fa fa-refresh"></i> Refresh</button></li>
                    <li><button type="button" class="btn btn-link" click.trigger="removeWidget(w.widget)"><i class="fa fa-remove"></i> Delete</button></li>
                    <li><button type="button" class="btn btn-link" click.trigger="resizeWidget(w.widget, {sizeX: 12})" show.bind="!w.resized"><i class="fa fa-arrows-h"></i> Maximize</button></li>
                    <li><button type="button" class="btn btn-link" click.trigger="resizeWidget(w.widget)" show.bind="w.resized"><i class="fa fa-undo"></i> Undo Maximize</button></li>
                    <li><widget-menu widget.bind="w.widget"></widget-menu></li>
                  </ul>
                </h4>
              </header>
            </div>
            <div class="portlet-body">
              <compose  view-model.bind='w.widget'></compose>
            </div>
          </div>
        </div>
      </template>
    </div>
    <div id="basicModal" class="modal fade" ref='popWidgetHost'>
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true" click.trigger="hide()">&times;</button>
          </div>
          <div class="modal-body widgets-panel-modal">
          </div>
        </div>
      </div>
    </div>
    <div id="popupShare" class="modal fade" ref='popupShare'>
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3 class="modal-title">Share '${title}' Dashboard</h3>
          </div>
          <div class="modal-body widgets-panel-modal">
            <textarea ref='shareUrlInput' class="form-control" rows="3" value.bind="currentUrl"></textarea>
          </div>
        </div>
      </div>
    </div>
</template>