summaryrefslogtreecommitdiffstats
path: root/common/src/main/webapp/usageguide/browser/templates/management.html
diff options
context:
space:
mode:
Diffstat (limited to 'common/src/main/webapp/usageguide/browser/templates/management.html')
-rw-r--r--common/src/main/webapp/usageguide/browser/templates/management.html173
1 files changed, 0 insertions, 173 deletions
diff --git a/common/src/main/webapp/usageguide/browser/templates/management.html b/common/src/main/webapp/usageguide/browser/templates/management.html
deleted file mode 100644
index 59d8e58..0000000
--- a/common/src/main/webapp/usageguide/browser/templates/management.html
+++ /dev/null
@@ -1,173 +0,0 @@
-<!--
-
- Copyright 2016-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>{{message}}</h4>
-<br><br>
-<div id="provinceAction" ng-init="init()">
- <!--<button ng-click="showAddModal()" class="btnDefault pull-left">Add</button>-->
- <!--<button ng-click="deleteData()" class="btnDefault pull-left prvdel">Delete Selected</button>-->
-</div>
-<br>
-<br>
-<!--<table id="provinceTable" class="table table-bordered table-striped">
- <tr>
- <th class="chkboxAlign"><input type="checkbox" ng-model="selectAll" ng-click="checkAll()" /></th>
- <th>Province Name</th>
- <th>IP Address</th>
- <th>Port</th>
- <th></th>
- </tr>
- <tr ng-repeat="data in provinceData">
- <td>
- <input type="checkbox" ng-model="data.select">&lt;!&ndash;ng-true-value="'data.id'" ng-false-value="''" ng-model="province.rows[$index]"&ndash;&gt;
- </td>
- <td class="tableAlign">{{data.province_name}}</td>
- <td class="tableAlign">{{data.ip}}</td>
- <td class="tableAlign">{{data.port}}</td>
- <td>
- <span class="pull-right glyphicon glyphicon-edit" ng-click="editData(data.id)" style="cursor: pointer;margin: 0 5px"></span>
- <span class="pull-right glyphicon glyphicon-trash" ng-click="editData(data.id)" style="cursor: pointer;margin: 0 5px"></span>
- </td>
- </tr>
-</table>-->
-
-<table ng-table="tableParams" class="table table-bordered table-striped customtable" show-filter="true">
- <tr ng-repeat="provinceData in $data">
- <td header="'ng-table/headers/checkbox.html'">
- <input type="checkbox" ng-model="checkboxes.items[provinceData.id]" />
- </td>
- <td title="'Name'" filter="{ province_name: 'text'}" sortable="'province_name'">
- {{provinceData.province_name}}
- </td>
- <td title="'IP Address'" filter="{ ip: 'text'}" sortable="'ip'">
- {{provinceData.ip}}
- </td>
- <td title="'Port'" filter="{ port: 'number'}" sortable="'port'">
- {{provinceData.port}}
- </td>
- <td title="'Action'">
- <span ng-click="editData(provinceData.id)" style="cursor: pointer;margin: 0 5px"> <img src="thirdparty/images/edit.png" height="15" align="left"/></span>
- <span ng-click="deleteIndividualData(provinceData.id)" style="cursor: pointer;margin: 0 5px"><img src="thirdparty/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">
-
- &lt;!&ndash; Modal content&ndash;&gt;
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal">&times;</button>
- <h5 class="modal-title titlestyle">Modal Header</h5>
- </div>
- <form name="provinceForm" method="post">&lt;!&ndash; ng-submit="saveData(province.id)"&ndash;&gt;
- <div class="modal-body">
-
- <div class="form-group row">
- <label class="col-xs-4 col-form-label labelstyle">Name</label>
- <div class="col-xs-8 provinceName" >
- &lt;!&ndash;<input class="form-control" ng-model="province.province_name" type="text" value="" placeholder="Province Name" id="pname" required><br>&ndash;&gt;
- </div>
- </div>
- <div class="form-group row">
- <label class="col-xs-4 col-form-label labelstyle">IP Address</label>
- <div class="col-xs-8 ipAddress" >
- &lt;!&ndash;<input class="form-control" ng-model="province.ip" type="ipv4" pattern="((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$" value="" placeholder="IP Address" id="ipaddress" required><br>&ndash;&gt;
- </div>
- </div>
- <div class="form-group row">
- <label for="port" class="col-xs-4 col-form-label labelstyle">Port</label>
- <div class="col-xs-8 port" >
- &lt;!&ndash;<input class="form-control" ng-model="province.port" type="number" value="" placeholder="Port" id="port" required>&ndash;&gt;
-
- </div>
- </div>
-
- &lt;!&ndash;<input type="submit" class="btn btn-default" value="validate"/>&ndash;&gt;
-
- </div>
-
- <div id="footerBtns" class="modal-footer">
- &lt;!&ndash;<button type="button" class="btn btn-default" ng-click="addData(province._id)" data-dismiss="modal" ng-disabled="provinceForm.$invalid">OK</button>&ndash;&gt;
- &lt;!&ndash;<input type="submit" class="btn btn-default" value="Submit"/>&ndash;&gt;
- &lt;!&ndash;<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>&ndash;&gt;
- </div>
- </form>
- </div>
-
-
- </div>
-</div>-->
-<div id="managementDialog"></div>
-<div class="shortnote">
- <div class="shortnoteHeader">Usage</div>
- <div class="shortnoteText">Create a div tag in html file with specific id for example managementDialog and write a specific function in javascript file to perform your business logic. An sample example as shown below:</div>
- <br>
- <div class="shortnoteText">NOTE: Creation of Table and Buttons are explained in previous sections</div>
- <br>
- <div>HTML file:</div>
- <pre><code>&ltdiv id="provinceAction" ng-init="init()"&gt&lt/div&gt</code></pre>
- <pre><code>&ltdiv id="managementDialog"&gt&lt/div&gt</code></pre>
- <br>
- <div>Javascript file:</div>
- <pre><code>
-
- $scope.init = function() {
- loadprv();
- }
-
- function loadprv() {
- var dialog = $(modelTemplate).filter('#dialog').html();
- var def_button_tpl = $(modelTemplate).filter('#defaultButtons').html();
- $('#managementDialog').html($compile(dialog)($scope));
- $('#managementDialog .modalHeader').html('&lth5 class="modal-title titlestyle"&gtModal Header&lt/h5&gt');
- $('#managementDialog .modalBodyContent').html('&ltdiv class="form-group row"&gt &ltlabel class="col-xs-4 col-form-label labelstyle"&gtName&lt/label&gt &ltdiv class="col-xs-8 provinceName" &gt &lt/div&gt &lt/div&gt');
- var dataText = {"ErrMsg" : {"errmsg" : "Please input Name.", "modalVar":"province.province_name", "placeholder":"Name", "errtag":"ptextboxErr", "errfunc":"validatetextbox"}};
- $('#managementDialog .provinceName').html($compile(Mustache.to_html(text, dataText.ErrMsg))($scope));
- var modelSubmit_data = {"title":"OK", "clickAction":"saveData(province.id)"};
- var modelSubmit_html = Mustache.to_html(def_button_tpl, modelSubmit_data);
- $('#managementDialog #footerBtns').html($compile(modelSubmit_html)($scope));
- var modelDelete_data = {"title":"Cancel", "clickAction":"closeModal()"};
- var modelDelete_html = Mustache.to_html(def_button_tpl, modelDelete_data);
- $('#managementDialog #footerBtns').append($compile(modelDelete_html)($scope));
- $scope.validatetextbox = function (value){
- if($scope.province.province_name) {
- $scope.ptextboxErr = false;
- }
- else
- $scope.ptextboxErr = true;
- }
- }
- </code></pre>
-
-
-
-
-
- </div>
-</div>