summaryrefslogtreecommitdiffstats
path: root/testapi/opnfv_testapi/ui/components/scenarios/scenarios.html
blob: bde946cfd327ffe7ab2a38b4f344d5cd1a2aa34d (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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<h3>Scenarios</h3>
<div class="row" style="margin-bottom:24px;"></div>
<div class="row podsTable" style="vertical-align:middle">
    <div class="col-sm-1 pull-right" ng-class="{ 'hidden': !auth.isAuthenticated }" >
        <button type="button" class="btn btn-danger" ng-click="ctrl.openBatchDeleteModal()">
              <i class="fa fa-minus"></i> Delete</button>
    </div>
    <div class="col-sm-2 pull-right"  ng-class="{ 'hidden': !auth.isAuthenticated}">
        <button type="button" class="btn btn-success" ng-click="ctrl.openScenarioModal()">
          <i class="fa fa-plus"></i>Create</button>
    </div>
</div>
<div class='clo-md-12'>
    <div ng-show="ctrl.showError" class="alert alert-danger" role="alert">
        <span class="pull-right">&nbsp;{{ctrl.error}}</span>
        <span class="glyphicon glyphicon-exclamation-sign pull-right" aria-hidden="true" >Error:</span>
    </div>
    <div ng-show="ctrl.showCreateSuccess" class="alert alert-success" role="alert">
        <span class="pull-right">&nbsp;{{ctrl.success}}</span>
        <span class="glyphicon glyphicon-ok pull-right" aria-hidden="true"></span>
    </div>
</div>
<div class='clo-md-12' style="padding-right:0px">
    <div class="table-responsive">
        <table class="table table-bordered table-hover"  ng-data="ctrl.data.scenarios">
        <thead>
        <tr style="
        text-align: center;">
            <th style="width: 1%;">Bulk&nbsp;Select</th>
            <th style="width: 80%;">Name
                    <a class="text-danger"  ng-click="ctrl.sortBy()" ng-class="{ 'hidden': ctrl.sortName }" >
                        <span class="glyphicon glyphicon-sort-by-alphabet pull-right" aria-hidden="true"></span>
                    </a>
                    <a class="text-danger"  ng-click="ctrl.sortBy()" ng-class="{ 'hidden': !ctrl.sortName}" >
                        <span class="glyphicon glyphicon-sort-by-alphabet-alt pull-right" aria-hidden="true"></span>
                    </a>
            </th>
            <th style="width: 19%;" ng-class="{'hidden': !auth.isAuthenticated}">Operations</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat-start="(index, scenario) in ctrl.data.scenarios" style="padding:9px">
            <td>
                <div class="text-center">
                    <input type="checkbox" value="{{scenario.name}}"  ng-model="ctrl.checkBox[index]" >
                </div>
            </td>
            <td>
                <a class="text-info" ng-click="ctrl.viewScenario(scenario.name)">
                    {{scenario.name}}
                </a>
            </td>
            <td ng-class="{'hidden': !auth.isAuthenticated}">
                <span class="podsTable-col">
                    <a class="text-warning" ng-click="ctrl.openUpdateModal(scenario.name)" title="Edit">
                        <i class="fa fa-pencil-square-o"></i></a>
                    <a class="text-danger"  ng-click="ctrl.openDeleteModal(scenario.name)" title="Delete">
                        <i class="fa fa-trash-o"></i></a>
                </span>
            </td>
        <tr ng-repeat-end=>
        </tr>
        </tbody>
        </table>
    </div>
</div>