1 files changed, 58 insertions, 0 deletions
diff --git a/common/src/main/webapp/usageguide/browser/templates/radioButtons.html b/common/src/main/webapp/usageguide/browser/templates/radioButtons.html
new file mode 100644
index 0000000..8747718
--- /dev/null
+++ b/common/src/main/webapp/usageguide/browser/templates/radioButtons.html
@@ -0,0 +1,58 @@
+<!--
+
+    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>Radio Buttons</h4>
+
+<div id="radioBtnArea"  ng-init="init()"></div>
+<div class="shortnote">
+    <div class="shortnoteHeader">Usage</div>
+    <div class="shortnoteText">Create a div tag  in html file with specific id  for example radioBtnArea 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="radioBtnArea" ng-init="init()"&gt&lt/div&gt</code></pre>
+    <br>
+    <div>Javascript file:</div>
+    <pre><code>
+        var data ={"radio_btn_default_data" : {"id":1, "label":"Default Radio Btn"},"radio_btn_primary_data" : {"id":2, "label":"Primary Radio Btn"}};
+
+        $scope.init = function() {
+            loadRadioBtn();
+        }
+
+         function loadRadioBtn(){
+
+            var radio_button_tpl = $(modelTemplate).filter('#radioButtons').html();
+            var html = Mustache.to_html(radio_button_tpl, data.radio_btn_default_data);
+            $('#radioBtnArea').html(html);
+
+            var html = Mustache.to_html(radio_button_tpl, data.radio_btn_primary_data);
+            $('#radioBtnArea').append(html);
+
+
+        }</code></pre>
+
+
+
+
+
+
+</div>
+</div>
+
+