summaryrefslogtreecommitdiffstats
path: root/utils/test/testapi/3rd_party/static/testapi-ui/components/pods/pods.html
blob: cdfcfaf36308d34067badd88e992ba3860bdeab6 (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
<h3>{{ctrl.pageHeader}}</h3>
<p>{{ctrl.pageParagraph}}</p>
<div class="row" style="margin-bottom:24px;"></div>

<div class="pod-create">
    <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-3" style="margin-top:12px; margin-left:8px;">
            <button type="submit" class="btn btn-primary" ng-click="ctrl.create()">Create</button>
        </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>
                            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>

<div ng-show="ctrl.showError" class="alert alert-danger" role="alert">
    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
    <span class="sr-only">Error:</span>
    {{ctrl.error}}
</div>