summaryrefslogtreecommitdiffstats
path: root/testapi/opnfv_testapi/ui/components/pods/pods.html
blob: 72a9f6c32d0f73477dfeb76c3c7f3f6ab728b06a (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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<h3>Pods</h3>
<p>This page is used to create or query pods.<br>
    Querying pods is open to everybody.<br>
    But only login users are granted the privilege to create the new pod.
</p>

<div class="row" style="margin-bottom:24px;"></div>

<div class="pod-create" ng-class="{ 'hidden': ! auth.isAuthenticated }">
    <h4>Create</h4>
    <div class="row">
        <div ng-repeat="require in ctrl.createRequirements">
            <div class="create-pod" style="margin-left:24px;">
                <p class="input-group">
                    <label for="cpid">{{require.label|capitalize}}: </label>
                    <a ng-if="require.type == 'select'">
                        <select dynamic-model="'ctrl.' + require.label" ng-options="option for option in require.selects"></select>
                    </a>
                    <a ng-if="require.type == 'text'">
                        <input type="text" dynamic-model="'ctrl.' + require.label"/>
                    </a>
                    <a ng-if="require.type == 'textarea'">
                        <textarea rows="2" cols="50" dynamic-model="'ctrl.' + require.label">
                        </textarea>
                    </a>
                </p>
            </div>
        </div>

        <div class="col-md-1" style="margin-top:12px;">
            <button type="submit" class="btn btn-primary" ng-click="ctrl.create()">Create</button>
        </div>
        <div ng-show="ctrl.showError" class="col-md-11 alert alert-danger" role="alert">
            <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
            <span class="sr-only">Error:</span>
            {{ctrl.error}}
        </div>
        <div ng-show="ctrl.showSuccess" class="col-md-11 alert alert-success" role="alert">
            <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
            Create Success
        </div>
    </div>
</div>

<div class="pods-filters" style="margin-top:36px;">
    <h4>Filters</h4>
    <div class="row">
        <div class="col-md-3" style="margin-top:12px; margin-left:8px;">
            <button type="submit" class="btn btn-primary" ng-click="ctrl.update()">Filter</button>
            <button type="submit" class="btn btn-primary btn-danger" ng-click="ctrl.clearFilters()">Clear</button>
        </div>
    </div>
</div>

<div cg-busy="{promise:ctrl.authRequest,message:'Loading'}"></div>
<div cg-busy="{promise:ctrl.podsRequest,message:'Loading'}"></div>

<div ng-show="ctrl.data" class="pods-table" style="margin-top:24px; margin-left:8px;">
    <table ng-data="ctrl.data.pods" ng-show="ctrl.data" class="table table-striped table-hover">
        <tbody>
            <tr ng-repeat-start="(index, pod) in ctrl.data.pods">
                <td>
                    <a href="#" ng-click="showPod = !showPod">{{pod.name}}</a>
                    <div class="show-pod" ng-class="{ 'hidden': ! showPod }" style="margin-left:24px;">
                        <p>
                            owner: {{pod.owner}}<br>
                            role: {{pod.role}}<br>
                            mode: {{pod.mode}}<br>
                            create_date: {{pod.creation_date}}<br>
                            details: {{pod.details}}
                        </p>
                    </div>
                </td>
            </tr>
            <tr ng-repeat-end=>
            </tr>
        </tbody>
    </table>
</div>
<br>
<div ng-show="ctrl.showError" class="alert alert-danger" ng-class="{ 'hidden': auth.isAuthenticated }" role="alert">
    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
    <span class="sr-only">Error:</span>
    {{ctrl.error}}
</div>