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>

2 files changed, 161 insertions, 0 deletions

diff --git a/common/src/main/webapp/framework/templateContainer.html b/common/src/main/webapp/framework/templateContainer.html
new file mode 100644
index 00000000..ef6f01c6
--- /dev/null
+++ b/common/src/main/webapp/framework/templateContainer.html
@@ -0,0 +1,79 @@
+<!--

+

+    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.

+

+-->

+<!-- Accordion -->

+<script id="accordion" type="text/html">

+    {{#items}}

+    <div class="panel panel-default">

+        <h3 class="panel-title">

+            <a data-toggle="collapse" data-parent="#accordion" data-target="#{{tabId}}">{{header}}</a>

+        </h3>

+        <div id="{{tabId}}" class="panel-collapse collapse {{#isActive}}in{{/isActive}}">

+            <div class="panel-body"> {{msg}} </div>

+        </div>

+    </div>

+    {{/items}}

+</script>

+

+<!--Tabs-->

+<script id="tabs" type="text/html">

+    <ul class="nav nav-tabs">

+        {{#items}}<li {{#isActive}}class="active"{{/isActive}}><a data-toggle="tab" data-target="#{{target}}">{{tablabel}}</a></li>{{/items}}

+    </ul>

+    <div class="tab-content">

+        {{#items}}

+        <div id="{{target}}" class="tab-pane fade {{#isActive}}in active{{/isActive}}">

+            <h3>{{tablabel}}</h3>

+            <p>{{msg}}</p>

+        </div>

+        {{/items}}

+    </div>

+</script>

+

+<!--Vertical Tabs-->

+<script id="vtabs" type="text/html">

+    <ul class="nav nav-stacked col-sm-4 col-md-4 col-lg-4">

+        {{#items}}<li {{#isActive}}class="active"{{/isActive}}><a data-toggle="tab" data-target="#{{target}}">{{tablabel}}</a></li>{{/items}}

+    </ul>

+    <div class="tab-content col-sm-8 col-md-8 col-lg-8">

+        {{#items}}

+        <div id="{{target}}" class="tab-pane fade {{#isActive}}in active{{/isActive}}">

+            <h3>{{tablabel}}</h3>

+            <p>{{msg}}</p>

+        </div>

+        {{/items}}

+    </div>

+</script>

+

+<!--Table-->

+<script id="table" type="text/html">

+    {{#filter}}<input type="text" id="myInput" onkeyup="{{action}}" placeholder="Search for {{searchField}}">{{/filter}}

+    <table id="myTable{{#filter}}_search{{/filter}}" class="table {{#striped}}table-striped{{/striped}} {{#border}}table-bordered{{/border}} {{#hover}}table-hover{{/hover}} {{#condensed}}table-condensed{{/condensed}}">

+        <thead>

+        <tr>

+            {{#itemHeader}}<th>{{.}}</th>{{/itemHeader}}

+        </tr>

+        </thead>

+        <tbody>

+        {{#rowitem}}

+        <tr>

+            {{#values}}<td>{{.}}</td>{{/values}}

+        </tr>

+        {{/rowitem}}

+        </tbody>

+    </table>

+</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
index 00000000..ff2f53f0
--- /dev/null
+++ b/common/src/main/webapp/framework/templateFunctional.html
@@ -0,0 +1,82 @@
+<!--

+

+    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.

+

+-->

+

+<script id="functionalDialog" type="text/html">

+    <div id="funModal" class="modal fade" role="dialog" ng-init="getDetail()">

+        <div class="modal-dialog modal-md">

+

+            <!-- Modal content-->

+            <div class="modal-content">

+                <div class="modal-header">

+                    <button type="button" class="close" data-dismiss="modal">&times;</button>

+                    <h4 class="modal-title titlestyle">{{title}}</h4>

+                </div>

+                <div class="modal-body">

+                    <div>

+                        <form class="form-horizontal" role="form">

+                            {{#labels}}

+                            <div class="form-group">

+                                <label class="control-label col-sm-3 labelstyle" for={{input_id}}>{{text}}</label>

+                                <div class="col-sm-7">

+                                    <input type={{type}} class="form-control" id={{input_id}}>

+                                </div>

+                            </div>

+                            {{/labels}}

+                        </form>

+                    </div>

+                </div>

+                <div class="modal-footer">

+                    <div>{{#buttons}} <button type="button" class="btn btnDefault btnmrg" data-dismiss="modal" >{{text}}</button> {{/buttons}}

+                        {{#showClose}}<button type="button" class="btn btnDefault btnmrg" data-dismiss="modal">{{closeBtnTxt}}</button>{{/showClose}}

+                    </div>

+                    <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->

+                </div>

+            </div>

+

+        </div>

+    </div>

+</script>

+

+

+<script id="dialog" type="text/html">

+    <div id="uniModal" class="modal fade" role="dialog">

+        <div class="modal-dialog">

+

+            <!-- Modal content-->

+            <div class="modal-content">

+                <div class="modal-header">

+                    <button type="button" class="close" data-dismiss="modal">&times;</button>

+                    <div class="modalHeader"></div>

+                </div>

+                <form name="provinceForm" method="post"><!-- ng-submit="saveData(province.id)"-->

+                    <div class="modal-body">

+                        <div class="modalBodyContent">

+                        </div>

+                    </div>

+

+                    <div id="footerBtns" class="modal-footer">

+                    </div>

+

+                </form>

+            </div>

+

+

+        </div>

+    </div>

+

+</script>
\ No newline at end of file