aggregation-platform/plugins/kubernetes/html/templates.html

<div ng-controller="Kubernetes.TemplateController">
  <script type="text/ng-template" id="truncatedDescriptionTag.html">
    <a href="" ng-click="openFullDescription(template)">More...</a>
  </script>
  <script type="text/ng-template" id="templateKindAndNameHeader.html">
    <div class="row">
      <div class="col-md-2">
        <img style="width: 64px; height: 64px;" ng-src="{{getIconUrl(object)}}">
      </div>
      <div class="col-md-10">
        <h3 ng-bind="object.metadata.name"></h3>
      </div>
    </div>
  </script>

  <div hawtio-breadcrumbs></div>
  <div hawtio-tabs></div>

  <div class="row filter-header">
    <div class="col-md-5">
      <span ng-show="_.keys(templates).length && !formConfig">
        <hawtio-filter ng-model="filterText"
                       css-class="input-xxlarge"
                       placeholder="Filter templates..."></hawtio-filter>
      </span>
    </div>
    <div class="col-md-7 align-right">
      <span>
        Target namespace: 
        <select ng-model="targetNamespace" ng-options="namespace for namespace in model.namespaces" title="Select the namespace to deploy these objects in">
        </select>
      </span>
      <span>&nbsp;</span>
      <button ng-show="currentState === states.LISTING"
              class="btn btn-info"
              ng-click="cancel()"
              title="Go back to app view">
              Cancel
      </button>
      <button ng-show="currentState === states.SELECTED || 
                       currentState === states.SUBSTITUTED"
              class="btn btn-info"
              ng-click="cancel()"
              title="Go back a step">
              Back
      </button>
      <span>&nbsp;</span>
      <button ng-show="currentState === states.SELECTED" 
        class="btn btn-primary"
        title="Click to start deploying this app" 
        ng-click="substituteTemplate()">
        <i class="fa fa-play-circle"></i> Next
      </button>
      <button ng-show="currentState === states.SUBSTITUTED" 
        class="btn btn-success"
        title="Click to deploy this app" 
        ng-click="deployTemplate()">
        <i class="fa fa-play-circle"></i> Run
      </button>
      <button ng-show="currentState === states.DEPLOYING"
        class="btn btn-primary"
        title="Go back to app view" 
        ng-click="finish()">
        <i class="fa fa-play-circle"></i> Done
      </button>

    </div>
  </div>
  <div class="row" ng-show="currentState === states.LISTING && totalTemplates() == 0">
    <div class="col-md-12">
      <div class="alert alert-info centered">
        There are no templates currently available.  Add templates by dragging and dropping template files into this area.
      </div>
    </div>
  </div>
  <div class="row" ng-show="currentState === states.LISTING" ng-repeat="(name, _templates) in templates">
    <div class="col-md-12">
      <h3 ng-show="buildConfig">Templates in namespace "{{name}}"</h3>
      <div class="column-box" 
           ng-repeat="template in _templates | filter:filterTemplates | orderBy:'metadata.name' track by $index">
          <div class="row">
            <div class="col-md-2">
              <img style="width: 64px; height: 64px;" ng-src="{{getIconUrl(template)}}">
            </div>
            <div class="col-md-9">
              <h3 ng-bind="template.metadata.name"></h3>
            </div>
            <div class="col-md-1">
              <a href="" ng-click="deleteTemplate(template)"><i class="fa fa-remove red"></i></a>
            </div>
          </div>
          <div class="row">
            <div class="col-md-10">
              <div compile="getDescription(template)"></div>
            </div>
            <div class="col-md-2">
              <a href="" 
                 title="Click to deploy this app" 
                 ng-click="selectTemplate(template)">
                <i class="fa fa-play-circle green fa-3x"></i>
              </a>
            </div>
          </div>
      </div>
    </div>
  </div>
  <div class="row" ng-show="currentState === states.SELECTED">
    <div class="col-md-4">
    </div>
    <div class="col-md-4">
      <div hawtio-form-2="formConfig" entity="entity"></div>
    </div>
    <div class="col-md-4">
    </div>
  </div>
  <div class="row" ng-show="currentState === states.SUBSTITUTED">
    <div class="col-md-12">
      <h3>The Following items will be deployed</h3>
      <div ng-repeat="obj in objects | hawtioGroupBy:'kind'" ng-class="obj.endGroup ? '' : 'inline-block'">
        <h2 ng-show="obj.newGroup && obj.kind"><b>Kind: </b>{{obj.kind | humanize}}</h2>
        <div class="column-box">
          <div ng-include="'templateKindAndNameHeader.html'" ng-init="object = obj"></div>
          <div class="row">
            <div class="col-md-12 expandable closed">
              <div class="title">
                <i class="expandable-indicator"></i> Details
              </div>
              <div class="expandable-body">
                <div hawtio-editor="toString(obj)" mode="mode" read-only="true"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row" ng-show="currentState === states.DEPLOYING">
    <div class="col-md-12">
      <div ng-repeat="obj in outstanding | hawtioGroupBy:'kind'" ng-class="obj.endGroup ? '' : 'inline-block'">
        <h2 ng-show="obj.newGroup && obj.kind"><b>Kind: </b>{{obj.kind | humanize}}</h2>
        <div class="column-box">
          <div ng-include="'templateKindAndNameHeader.html'" ng-init="object = obj.object"></div>
          <div class="row" ng-show="obj.applying">
            <div class="col-md-12 align-center">
              <div class="spinner spinner-lg"></div>
            </div>
          </div>
          <div class="row" ng-show="obj.succeeded">
            <div class="col-md-12 align-center">
              <span class="green fa fa-4x fa-check"></span>
            </div>
          </div>
          <div class="row" ng-show="!obj.suceeded && obj.error">
            <div class="col-md-12">
              <div class="align-center">
                <span class="yellow fa fa-4x fa-remove"></span>
              </div>
              <div hawtio-editor="obj.error" mode="mode" read-only="true"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>