aboutsummaryrefslogtreecommitdiffstats
path: root/resmgr/src/main/webapp/resmgr/sdn-resmgr/site/site.html
blob: 15357996323410f09abb14b97ed6ee7ce9792728 (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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!--/* Copyright 2017, Huawei Technologies Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*    http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/-->


<h4>{{title}}</h4>
<br><br>
<div id="siteAction" ng-init="init()">

</div>
<br>
<br>


<table ng-table="siteTableParams" class="table table-bordered table-striped customtable" show-filter="true">
    <tr ng-repeat="siteData in $data">
        <td header="'ng-table/headers/checkbox.html'">
            <input type="checkbox" ng-model="checkboxes.items[siteData.id]" />
        </td>
        <td title="'Name'" filter="{ name: 'text'}" sortable="'name'">
            {{siteData.name}}
        </td>
        <td title="'Type'" filter="{ type: 'text'}" sortable="'type'">
            {{siteData.type}}
        </td>
        <td title="'Tenant Name'" filter="{ tenantID: 'text'}" sortable="'tenantID'">
            {{siteData.tenantID}}
        </td>
        </td>
		<!-- TODO check if tenant type is required in future-->
       <!-- <td title="'Tenant Type'" filter="{ tenantType: 'text'}" sortable="'tenantType'">
            {{siteData.tenantType}}
        </td>-->
        <td title="'Location'" filter="{ location: 'text'}" sortable="'location'">
            {{siteData.location}}
        </td>
        <td title="'Action'">
            <span  ng-click="editData(siteData.id)" style="cursor: pointer;margin: 0 5px"> <img src="framework/images/edit.png" height="15" align="left"/></span>
            <span  ng-click="deleteData(siteData.id)" style="cursor: pointer;margin: 0 5px"><img src="framework/images/delete.png" height="15" align="middle"/></span>


        </td>
    </tr>
</table>


<script type="text/ng-template" id="ng-table/headers/checkbox.html">
    <input type="checkbox" ng-model="checkboxes.checked" name="filter-checkbox" value="" />
</script>

<div id="myTable"></div>


<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h5 class="modal-title">Create Site</h5>
            </div>
            <form  name="siteForm" method="post">
                <div class="modal-body">
                    <div class="form-group row">
                        <label class="col-xs-4 col-form-label">Name</label>
                        <div id="name" class="col-xs-8">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-xs-4 col-form-label">Tenant name</label>
                        <div id="tenantID" class="col-xs-8" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-xs-4 col-form-label">Location</label>
                        <div id="location" class="col-xs-8" >
                        </div>
                    </div>
                </div>

                <div id="footerBtns" class="modal-footer">
                </div>
            </form>
        </div>


    </div>
</div>