summaryrefslogtreecommitdiffstats
path: root/common/src/main/webapp/usageguide/browser/templates/verticalTab.html
diff options
context:
space:
mode:
Diffstat (limited to 'common/src/main/webapp/usageguide/browser/templates/verticalTab.html')
-rw-r--r--common/src/main/webapp/usageguide/browser/templates/verticalTab.html47
1 files changed, 0 insertions, 47 deletions
diff --git a/common/src/main/webapp/usageguide/browser/templates/verticalTab.html b/common/src/main/webapp/usageguide/browser/templates/verticalTab.html
deleted file mode 100644
index 784475b..0000000
--- a/common/src/main/webapp/usageguide/browser/templates/verticalTab.html
+++ /dev/null
@@ -1,47 +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="vtabArea" class="col-sm-12 col-md-12 col-lg-12" ng-init="init()"></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 vtabArea 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="vtabArea" ng-init="init()"&gt&lt/div&gt</code></pre>
- <br>
- <div>Javascript file:</div>
- <pre><code>
- var data= {"vtabData":{"items": [{"tablabel": "Why AngularJS?","isActive": true,"target": "tab1","msg": "HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop."};
-
- $scope.init = function() {
- loadvTabData();
- }
-
- function loadvTabData() {
- var vtab_tpl = $(modelTemplate).filter('#vtabs').html();
- var html = Mustache.to_html(vtab_tpl, data.vtabData);
- $('#vtabArea').html(html);
- }</code></pre>
-
- </div>
- </div>
-</div> \ No newline at end of file