1<div class="row column firmware__table">
2  <div class="table-header column small-12">
3    <p class="inline">{{title}}</p>
4    <p class="inline firmware__active-version">Functional firmware version: {{version}}</p>
5  </div>
6  <div class="table row column">
7    <div class="table__head">
8      <div class="table__row">
9        <div class="table__cell">
10          Boot priority
11        </div>
12        <div class="table__cell">
13          Image state
14        </div>
15        <div class="table__cell firmware__version">
16          Version
17        </div>
18        <div class="table__cell firmware__action">
19          Action
20        </div>
21      </div>
22    </div>
23    <div class="table__body">
24      <div class="table__row" ng-class="firmware.activationStatus == 'Functional' ? 'firmware__primary' : ''" ng-repeat="firmware in firmwares|filter:filterBy|orderBy:'+Priority' as imageList">
25        <div class="table__cell">
26          <span class="table__cell-label">Boot priority:</span>
27          <div class="icon icon__up-arrow" aria-hidden="true" ng-class="{'icon-as-spacer':$first}"
28               ng-click="!$first && changePriority(firmware.imageId, firmware.Version, firmware.Priority, imageList[$index-1].Priority)"
29               ng-show="firmware.activationStatus == 'Functional' || firmware.activationStatus == 'Active'">
30            <span class="accessible-text">firmware up in priority</span></div>
31          <div class="icon icon__down-arrow" aria-hidden="true" ng-class="{'icon-as-spacer':$last || !['Active', 'Functional'].includes(imageList[$index+1].activationStatus)}"
32              ng-click="(!$last && ['Active', 'Functional'].includes(imageList[$index + 1].activationStatus)) && changePriority(firmware.imageId, firmware.Version, firmware.Priority, imageList[$index+1].Priority + 1)"
33              ng-show="firmware.activationStatus == 'Functional' || firmware.activationStatus == 'Active'">
34            <span class="accessible-text">firmware down in priority</span></div>
35        </div>
36        <div class="table__cell firmware__active">
37          <span class="table__cell-label">Image state:</span>
38          <span>{{firmware.activationStatus}}</span>
39        </div>
40        <div class="table__cell firmware__version" ng-class="{'active':firmware.isExtended}">
41          <span class="table__cell-label">Version:</span>{{firmware.Version}}
42          <button
43              ng-click="toggleMoreDropdown($event, firmware)"
44              ng-class="{'active':firmware.isExtended}" ng-show="firmware.isExtended">
45              <icon file="icon-more.svg"></icon>
46          </button>
47        </div>
48        <div class="icon__more-dropdown" ng-show="firmware.extended.show" click-outside="firmware.extended.show=false;">
49          <h5 class="bold">Extended version information</h5>
50          <p class="no-margin" ng-repeat="version in firmware.extended.versions">{{version.title}}: {{version.version}}</p>
51        </div>
52        <div class="table__cell firmware__action">
53            <span class="table__cell-label">Action:</span>
54            <button class="firmware__action-link" ng-show="firmware.activationStatus == 'Ready' || firmware.activationStatus == 'Failed'" ng-click="activate(firmware.imageId, firmware.Version, firmware.imageType)">Activate</button>
55            <button class="firmware__action-link" ng-show="firmware.activationStatus != 'Functional'" ng-click="delete(firmware.imageId, firmware.Version)">Delete</button>
56        </div>
57      </div>
58    </div>
59  </div>
60</div>
61