summaryrefslogtreecommitdiffstats
path: root/common/src/main/webapp/usageguide/browser/templates/table.html
diff options
context:
space:
mode:
Diffstat (limited to 'common/src/main/webapp/usageguide/browser/templates/table.html')
-rw-r--r--common/src/main/webapp/usageguide/browser/templates/table.html90
1 files changed, 0 insertions, 90 deletions
diff --git a/common/src/main/webapp/usageguide/browser/templates/table.html b/common/src/main/webapp/usageguide/browser/templates/table.html
deleted file mode 100644
index 3daa2a5..0000000
--- a/common/src/main/webapp/usageguide/browser/templates/table.html
+++ /dev/null
@@ -1,90 +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.
-
--->
-
-<div class="container col-sm-12 col-md-12 col-lg-12">
- <h4>{{message}}</h4>
-
- <div id="tableArea" class="container col-sm-12 col-md-12 col-lg-12" ng-init="init()">
-
- <h3 class="col-sm-12 col-md-12 col-lg-12">Basic Table<span> (with hover)</span></h3>
- <div id="basictableArea" class="col-sm-12 col-md-12 col-lg-12"></div>
-
- <h3 class="col-sm-12 col-md-12 col-lg-12">Stripped Table<span> (Condensed & with border)</span></h3>
- <div id="strippedtableArea" class="col-sm-12 col-md-12 col-lg-12"></div>
-
- <h3 class="col-sm-12 col-md-12 col-lg-12">Search Table</h3>
- <div id="condensedtableArea" class="col-sm-12 col-md-12 col-lg-12">
- <table ng-table="tableParams" class="table table-bordered table-striped customtable" show-filter="true">
- <tr ng-repeat="siteData in $data">
- <td title="'Country'" filter="{ countryName: 'text'}" sortable="'countryName'">
- {{siteData.countryName}}
- </td>
- <td title="'Language'" filter="{ type: 'text'}" sortable="'type'">
- {{siteData.language}}
- </td>
- </tr>
- </table>
- </div>
- </div>
- <div class="col-sm-12 col-md-12 col-lg-12 shortnote">
- <div class="shortnoteHeader">Usage</div>
- <div class="shortnoteText">Create a div tag in html file with specific id for example basictableArea,strippedtableArea,condensedtableArea and write a specific function in javascript file to perform your business logic. An sample example as shown below:</div>
- <br>
- <div>HTML file:</div>
- <pre><code>&ltdiv id="basictableArea"&gt&lt/div&gt</code></pre>
- <pre><code>&ltdiv id="strippedtableArea"&gt&lt/div&gt</code></pre>
- <pre><code>&ltdiv id="condensedtableArea"&gt&lt/div&gt
- &lttable ng-table="tableParams" class="table table-bordered table-striped customtable" show-filter="true"&gt
- &lttr ng-repeat="siteData in $data"&gt
- &lttd title="'Country'" filter="{ countryName: 'text'}" sortable="'countryName'"&gt&#123 &#123siteData.countryName&#125 &#125&lt/td&gt
- &lttd title="'Language'" filter="{ type: 'text'}" sortable="'type'"&gt&#123 &#123siteData.language&#125 &#125&lt/td&gt
- &lt/tr&gt
- &lt/table&gt</code></pre>
- <br>
- <div>Javascript file:</div>
- <pre><code>
-
- var data ={"basic_table_data": {"itemHeader": ["First Name", "Last Name", "Age"],"rowitem": [{"values": ["A", "B","1"]},{"values": ["C", "D", "2"]},{"values": ["E", "F", "3"]}],"striped": false,"border": false,"hover": true,"condensed": false,"filter": false,"action": "","searchField": ""},
- "str_table_data": {"itemHeader": ["First Name","Last Name","Age"],"rowitem": [{"values": ["A","B","1"]},{"values": ["C","D","2"]},{"values": ["E","F","3"]}],"striped": true,"border": true,"hover": false,"condensed": true,"filter": false,"action": "","searchField": ""},"cond_table_data": [{
- "countryName": "China","language": "Mandrain"},{"countryName": "India","language": "English"},{"countryName": "USA","language": "English"}]};
-
-
- $scope.init = function() {
- loadTableData();
- }
-
- function loadTableData() {
-
- var table_tpl = $(modelTemplate).filter('#table').html();
-
- var html = Mustache.to_html(table_tpl, data.basic_table_data);
- $('#basictableArea').html(html);
-
- var html = Mustache.to_html(table_tpl,data.str_table_data);
- $('#strippedtableArea').html(html);
-
- $scope.tableParams = new NgTableParams({
- count: 5, sorting: {language: 'asc'}
- }, {counts: [5, 10, 20, 50], dataset: data.cond_table_data});
- }</code></pre>
-
-
-
- </div>
- </div>
-</div>