Client framework issue fix

Error message of the Client widget.

Issue-Id : CLIENT-158

Change-Id: Ibc02047ad93bd918968b8ff4193183b789276142
Signed-off-by: Seshu-Kumar-M <seshu.kumar.m@huawei.com>

diff --git a/common/src/main/webapp/framework/templateContainer.html b/common/src/main/webapp/framework/templateContainer.html
new file mode 100644 (file)
index 0000000..ef6f01c
--- /dev/null
+++ b/common/src/main/webapp/framework/templateContainer.html
@@ -0,0 +1,79 @@
+<!--\r
+\r
+    Copyright 2016-2017, Huawei Technologies Co., Ltd.\r
+\r
+    Licensed under the Apache License, Version 2.0 (the "License");\r
+    you may not use this file except in compliance with the License.\r
+    You may obtain a copy of the License at\r
+\r
+            http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+    Unless required by applicable law or agreed to in writing, software\r
+    distributed under the License is distributed on an "AS IS" BASIS,\r
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+    See the License for the specific language governing permissions and\r
+    limitations under the License.\r
+\r
+-->\r
+<!-- Accordion -->\r
+<script id="accordion" type="text/html">\r
+    {{#items}}\r
+    <div class="panel panel-default">\r
+        <h3 class="panel-title">\r
+            <a data-toggle="collapse" data-parent="#accordion" data-target="#{{tabId}}">{{header}}</a>\r
+        </h3>\r
+        <div id="{{tabId}}" class="panel-collapse collapse {{#isActive}}in{{/isActive}}">\r
+            <div class="panel-body"> {{msg}} </div>\r
+        </div>\r
+    </div>\r
+    {{/items}}\r
+</script>\r
+\r
+<!--Tabs-->\r
+<script id="tabs" type="text/html">\r
+    <ul class="nav nav-tabs">\r
+        {{#items}}<li {{#isActive}}class="active"{{/isActive}}><a data-toggle="tab" data-target="#{{target}}">{{tablabel}}</a></li>{{/items}}\r
+    </ul>\r
+    <div class="tab-content">\r
+        {{#items}}\r
+        <div id="{{target}}" class="tab-pane fade {{#isActive}}in active{{/isActive}}">\r
+            <h3>{{tablabel}}</h3>\r
+            <p>{{msg}}</p>\r
+        </div>\r
+        {{/items}}\r
+    </div>\r
+</script>\r
+\r
+<!--Vertical Tabs-->\r
+<script id="vtabs" type="text/html">\r
+    <ul class="nav nav-stacked col-sm-4 col-md-4 col-lg-4">\r
+        {{#items}}<li {{#isActive}}class="active"{{/isActive}}><a data-toggle="tab" data-target="#{{target}}">{{tablabel}}</a></li>{{/items}}\r
+    </ul>\r
+    <div class="tab-content col-sm-8 col-md-8 col-lg-8">\r
+        {{#items}}\r
+        <div id="{{target}}" class="tab-pane fade {{#isActive}}in active{{/isActive}}">\r
+            <h3>{{tablabel}}</h3>\r
+            <p>{{msg}}</p>\r
+        </div>\r
+        {{/items}}\r
+    </div>\r
+</script>\r
+\r
+<!--Table-->\r
+<script id="table" type="text/html">\r
+    {{#filter}}<input type="text" id="myInput" onkeyup="{{action}}" placeholder="Search for {{searchField}}">{{/filter}}\r
+    <table id="myTable{{#filter}}_search{{/filter}}" class="table {{#striped}}table-striped{{/striped}} {{#border}}table-bordered{{/border}} {{#hover}}table-hover{{/hover}} {{#condensed}}table-condensed{{/condensed}}">\r
+        <thead>\r
+        <tr>\r
+            {{#itemHeader}}<th>{{.}}</th>{{/itemHeader}}\r
+        </tr>\r
+        </thead>\r
+        <tbody>\r
+        {{#rowitem}}\r
+        <tr>\r
+            {{#values}}<td>{{.}}</td>{{/values}}\r
+        </tr>\r
+        {{/rowitem}}\r
+        </tbody>\r
+    </table>\r
+</script>
\ No newline at end of file

diff --git a/common/src/main/webapp/framework/templateFunctional.html b/common/src/main/webapp/framework/templateFunctional.html
new file mode 100644 (file)
index 0000000..ff2f53f
--- /dev/null
+++ b/common/src/main/webapp/framework/templateFunctional.html
@@ -0,0 +1,82 @@
+<!--\r
+\r
+    Copyright 2016-2017, Huawei Technologies Co., Ltd.\r
+\r
+    Licensed under the Apache License, Version 2.0 (the "License");\r
+    you may not use this file except in compliance with the License.\r
+    You may obtain a copy of the License at\r
+\r
+            http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+    Unless required by applicable law or agreed to in writing, software\r
+    distributed under the License is distributed on an "AS IS" BASIS,\r
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+    See the License for the specific language governing permissions and\r
+    limitations under the License.\r
+\r
+-->\r
+\r
+<script id="functionalDialog" type="text/html">\r
+    <div id="funModal" class="modal fade" role="dialog" ng-init="getDetail()">\r
+        <div class="modal-dialog modal-md">\r
+\r
+            <!-- Modal content-->\r
+            <div class="modal-content">\r
+                <div class="modal-header">\r
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>\r
+                    <h4 class="modal-title titlestyle">{{title}}</h4>\r
+                </div>\r
+                <div class="modal-body">\r
+                    <div>\r
+                        <form class="form-horizontal" role="form">\r
+                            {{#labels}}\r
+                            <div class="form-group">\r
+                                <label class="control-label col-sm-3 labelstyle" for={{input_id}}>{{text}}</label>\r
+                                <div class="col-sm-7">\r
+                                    <input type={{type}} class="form-control" id={{input_id}}>\r
+                                </div>\r
+                            </div>\r
+                            {{/labels}}\r
+                        </form>\r
+                    </div>\r
+                </div>\r
+                <div class="modal-footer">\r
+                    <div>{{#buttons}} <button type="button" class="btn btnDefault btnmrg" data-dismiss="modal" >{{text}}</button> {{/buttons}}\r
+                        {{#showClose}}<button type="button" class="btn btnDefault btnmrg" data-dismiss="modal">{{closeBtnTxt}}</button>{{/showClose}}\r
+                    </div>\r
+                    <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->\r
+                </div>\r
+            </div>\r
+\r
+        </div>\r
+    </div>\r
+</script>\r
+\r
+\r
+<script id="dialog" type="text/html">\r
+    <div id="uniModal" class="modal fade" role="dialog">\r
+        <div class="modal-dialog">\r
+\r
+            <!-- Modal content-->\r
+            <div class="modal-content">\r
+                <div class="modal-header">\r
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>\r
+                    <div class="modalHeader"></div>\r
+                </div>\r
+                <form name="provinceForm" method="post"><!-- ng-submit="saveData(province.id)"-->\r
+                    <div class="modal-body">\r
+                        <div class="modalBodyContent">\r
+                        </div>\r
+                    </div>\r
+\r
+                    <div id="footerBtns" class="modal-footer">\r
+                    </div>\r
+\r
+                </form>\r
+            </div>\r
+\r
+\r
+        </div>\r
+    </div>\r
+\r
+</script>
\ No newline at end of file