summaryrefslogtreecommitdiffstats
path: root/app/configuration/components/card.js
blob: 863c079a79420d1e20b5d9d5de2d90a6c4487b6c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
window.angular && (function(angular) {
  'use strict';

  /**
   *
   * firmwareCard Component
   *
   */

  /**
   * Component template
   */
  const template = `
    <div class="card-component">
      <div class="card__header"
           ng-class="{
            'card__header--success' : $ctrl.status === 'success',
            'card__header--error'   : $ctrl.status === 'error' }">
        <p class="card__header__label inline">{{$ctrl.headerLabel}}</p>
        <p class="card__header__value inline">{{$ctrl.headerValue}}</p>
      </div>
      <div class="card__body"
           ng-if="$ctrl.body">
        <div class="row">
          <div class="column small-6">
            <label>BMC Status</label>
            {{$ctrl.bmcStatus || 'n/a'}}
          </div>
          <div class="column small-6">
            <label>Host status</label>
            {{$ctrl.hostStatus || 'n/a'}}
          </div>
        </div>
      </div>
    </div>`

  /**
   * Register firmwareCard component
   */
  angular.module('app.configuration').component('firmwareCard', {
    template,
    bindings: {
      headerLabel: '@',
      headerValue: '<',
      status: '<',  // optional, 'success' or 'error'
      body: '<',    // boolean true to render body content
      hostStatus: '<',
      bmcStatus: '<'
    }
  })
})(window.angular);
OpenPOWER on IntegriCloud