From 9744cec780babefc9993d7a2069745a893c7fdf8 Mon Sep 17 00:00:00 2001
From: seshukm <seshu.kumar.m@huawei.com>
Date: Tue, 28 Mar 2017 18:37:53 +0530
Subject: Integrate new files for Resmgr to the Main Client

IssueId : CLIENT-46

Change-Id: I2210e5eb2b33e6ba7b5a37ae2f3822e2ff9be80b
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
---
 resmgr/src/main/webapp/resmgr/js/DataService.js    |  80 ++++++++
 .../webapp/resmgr/templates/templateContainer.html |  79 +++++++
 .../resmgr/templates/templateFunctional.html       |  82 ++++++++
 .../resmgr/templates/templateNotification.html     |  48 +++++
 .../webapp/resmgr/templates/templateWidget.html    | 222 ++++++++++++++++++++
 .../resmgr/templates/templateWidget_old.html       | 226 +++++++++++++++++++++
 6 files changed, 737 insertions(+)
 create mode 100644 resmgr/src/main/webapp/resmgr/js/DataService.js
 create mode 100644 resmgr/src/main/webapp/resmgr/templates/templateContainer.html
 create mode 100644 resmgr/src/main/webapp/resmgr/templates/templateFunctional.html
 create mode 100644 resmgr/src/main/webapp/resmgr/templates/templateNotification.html
 create mode 100644 resmgr/src/main/webapp/resmgr/templates/templateWidget.html
 create mode 100644 resmgr/src/main/webapp/resmgr/templates/templateWidget_old.html

(limited to 'resmgr/src')

diff --git a/resmgr/src/main/webapp/resmgr/js/DataService.js b/resmgr/src/main/webapp/resmgr/js/DataService.js
new file mode 100644
index 00000000..f374bbd8
--- /dev/null
+++ b/resmgr/src/main/webapp/resmgr/js/DataService.js
@@ -0,0 +1,80 @@
+app.factory("DataService", function($http, $log) {
+    return {
+        /**
+         *
+         * @param url - url of the service
+         * @param data - data as an object (used as query string in url)
+         * @returns {*}
+         */
+        get: function (url, data) {
+            if(data) {
+                url += "?";
+                for(key in data){
+                    url += key+ "=" + data[key];
+                }
+            }
+            return $http({
+                url: url,
+                method: 'GET',
+                data: null,
+                headers: {'Content-Type': 'application/json'}
+            }).then(function (response) {
+                return response.data;
+            });
+        },
+        /**
+         *
+         * @param url - url of the service
+         * @param data - data as an object (used for post method)
+         * @returns {*}
+         */
+        post: function (url, data) {
+            return $http({
+                url: url,
+                method: 'POST',
+                data: data,
+                headers: {'Content-Type': 'application/json '}
+            }).then(function (response) {
+                console.log("Response : ");
+                $log.info(response.data);
+                return response.data;
+            });
+        },
+        /**
+         * TODO - To Check for Delete
+         * @param url
+         * @param data
+         * @returns {*}
+         */
+        delete: function (url) {
+            return $http({
+                url: url,
+                method: 'DELETE',
+                data: null,
+                headers: {'Content-Type': 'application/json '}
+            }).then(function (response) {
+                console.log("Response : ");
+                $log.info(response.data);
+                return response.data;
+            });
+        },
+        /**
+         *
+         * @param url
+         * @param data
+         */
+        put: function (url, data) {
+            return $http({
+                url: url,
+                method: 'PUT',
+                data: data,
+                headers: {'Content-Type': 'application/json '}
+            }).then(function (response) {
+                console.log("Response : ");
+                $log.info(response.data);
+                return response.data;
+            });
+        }
+
+    }
+})
\ No newline at end of file
diff --git a/resmgr/src/main/webapp/resmgr/templates/templateContainer.html b/resmgr/src/main/webapp/resmgr/templates/templateContainer.html
new file mode 100644
index 00000000..ef6f01c6
--- /dev/null
+++ b/resmgr/src/main/webapp/resmgr/templates/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/resmgr/src/main/webapp/resmgr/templates/templateFunctional.html b/resmgr/src/main/webapp/resmgr/templates/templateFunctional.html
new file mode 100644
index 00000000..ff2f53f0
--- /dev/null
+++ b/resmgr/src/main/webapp/resmgr/templates/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
diff --git a/resmgr/src/main/webapp/resmgr/templates/templateNotification.html b/resmgr/src/main/webapp/resmgr/templates/templateNotification.html
new file mode 100644
index 00000000..97f26e37
--- /dev/null
+++ b/resmgr/src/main/webapp/resmgr/templates/templateNotification.html
@@ -0,0 +1,48 @@
+<!--
+
+    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.
+
+-->
+
+<!--Dialog-->
+<script id="personDialog" type="text/html">
+    <div id="msgModal" class="modal fade" role="dialog">
+        <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 class="container center">
+                        <div class="row">
+                            <div class="col-xs-2 col-sm-2 col-md-1 col-lg-1 icon {{icon}} {{iconColor}}"></div>
+                            <div class="msg col-xs-10 col-sm-10 col-md-11 col-lg-11" style="text-align:left;vertical-align: middle;">{{msg}}</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <div>{{#buttons}} <button type="button" class="btn btnDefault btnmrg" data-dismiss="modal" ng-click={{action}}>{{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>
\ No newline at end of file
diff --git a/resmgr/src/main/webapp/resmgr/templates/templateWidget.html b/resmgr/src/main/webapp/resmgr/templates/templateWidget.html
new file mode 100644
index 00000000..bb8eef48
--- /dev/null
+++ b/resmgr/src/main/webapp/resmgr/templates/templateWidget.html
@@ -0,0 +1,222 @@
+<!--
+
+    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.
+
+-->
+
+<!-- Default Buttons <button class="btnDefault" ng-click="{{clickAction}}">{{title}}</button>-->
+<script id="defaultButtons" type="text/html">
+    <input type="button" class="btnDefault btnmrg" ng-click="{{clickAction}}" value="{{title}}"/>
+</script>
+
+<script id="defaultIconButtons" type="text/html">
+    <button id="iconBtn" type="button" class="btnDefault  btnmrg {{type}}" ng-click="{{clickAction}}">{{title}}
+        <span class="glyphicon {{gType}} pull-{{iconPosition}}"></span>
+    </button>
+</script>
+
+<!-- Visual Buttons -->
+<script id="visualButtons" type="text/html">
+    <button type="button" class="btn btn-{{type}}">{{title}}</button>
+</script>
+
+<!-- Different sized Buttons -->
+<script id="sizeButtons" type="text/html">
+    <button type="button" class="btn btn-{{type}} {{size}}">{{title}}</button>
+</script>
+
+<!-- Icon Buttons -->
+<script id="iconButtons" type="text/html">
+    <button type="button" class="btn btn-{{type}}">{{title}}
+        <span class="glyphicon {{gType}}"></span>
+    </button>
+</script>
+
+<!--Dropdown template-->
+<script id="dropDown" type="text/html">
+    <div class="drop{{position}}">
+        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">{{title}}
+            <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu">
+            {{#items}}<li><a href="#">{{itemLabel}}</a></li>{{/items}}
+        </ul>
+    </div>
+</script>
+
+<script id="dropDownHeader" type="text/html">
+    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">{{title}}
+        <span class="caret"></span>
+    </button>
+    <ul class="dropdown-menu">
+        {{#items}}
+        {{#isheader}}<li class="divider"></li><li class="dropdown-header">{{itemLabel}}</li><li class="divider"></li>{{/isheader}}
+        {{^isheader}}<li><a href="#">{{itemLabel}}</a></li>{{/isheader}}
+        {{/items}}
+    </ul>
+</script>
+
+<script id="simpleDropdownTmpl" type="text/html">
+    <div class="dropdownplain">
+
+        <select class="inputfield form-control" ng-model="{{modalVar}}" ng-options="item.{{labelField}} for item in {{optionsValue}}">
+            <option style="display:none" value="">--select--</option>
+        </select>
+    </div>
+</script>
+
+
+<!--Radio Buttons-->
+<script id="radioButtons" type="text/html">
+    <div>
+        <input class="magic-radio" type="radio" name="radio" id="radio{{id}}"/>
+        <label for="radio{{id}}">{{label}}</label></br>
+    </div>
+</script>
+
+<!--Check boxes template-->
+<script id="checkBoxes" type="text/html">
+    <div class="funkyradio-{{type}}">
+        <input type="checkbox" name="check" id="checkbox{{id}}" {{#checked}}checked{{/checked}} />
+        <label for="checkbox{{id}}">{{label}}</label>
+    </div>
+</script>
+
+<!--text-->
+<script id="textfield" type="text/html">
+    <div class="css-form">
+       <input id ="textbox" name="textbox" class="form-control inputfield" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="text"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}> {{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--email-->
+<script id="email" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"  placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="email"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--url-->
+<script  id="url" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="url"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--password-->
+<script  id="password" type="text/html">
+    <div class="css-form">
+
+
+        <input class="form-control inputfield" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="password" pattern=".{3,}" maxlength="{{#maxLength}}{{maxLength}}{{/maxLength}}{{^maxLength}}9{{/maxLength}}" ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--numeric-->
+<script id="numeric" type="text/html">
+    <div class="css-form">
+        <input  class="form-control inputfield" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="number"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}/>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--dot-->
+<script  id="dot" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"  placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="datetime-local"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--date-->
+<script  id="dateinput" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"  placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="date" ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--Month-->
+<script  id="monthinput" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="month"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+
+<!--Week-->
+<script   id="weekinput" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"  placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="week"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--time-->
+<script   id="timeinput" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"  placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="time"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--ipv4-->
+<script   id="ipv4" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield" type="ipv4" placeholder="{{placeholder}}" ng-model="{{modalVar}}" pattern="((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--ipv6-->
+<script   id="ipv6" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"   placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="ipv6"  pattern="^([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])" ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--textarea-->
+<script id="textarea" type="text/html">
+    <div class="css-form">
+        <textarea class="form-control inputfield"  rows="4" cols="50" placeholder="{{placeholder}}" ng-model="{{modalVar}}"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}></textarea>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--note-->
+<script id="note" type="text/html">
+
+    <a  id="noteanchor" href="#/home/textarea" title="Note" data-toggle="popover" data-trigger="focus" data-placement="{{placement}}">
+        <span class="glyphicon glyphicon-info-sign "></span></a>
+</script>
+
+<!-- list -->
+<script id="list" type="text/html">
+
+    {{#items}}
+
+    <div>
+        <button type="button" class="btn btn-primary btn-block" ng-click="loadSubMenuPage('{{id}}', '{{level}}', '{{row}}')">{{title}}</button>
+    </div>
+
+    {{/items}}
+
+</script>
diff --git a/resmgr/src/main/webapp/resmgr/templates/templateWidget_old.html b/resmgr/src/main/webapp/resmgr/templates/templateWidget_old.html
new file mode 100644
index 00000000..fb2528db
--- /dev/null
+++ b/resmgr/src/main/webapp/resmgr/templates/templateWidget_old.html
@@ -0,0 +1,226 @@
+<!--
+
+    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.
+
+-->
+
+<!-- Default Buttons <button class="btnDefault" ng-click="{{clickAction}}">{{title}}</button>-->
+<script id="defaultButtons" type="text/html">
+    <input type="button" class="btnDefault btnmrg" ng-click="{{clickAction}}" value="{{title}}"/>
+</script>
+
+<script id="defaultIconButtons" type="text/html">
+    <button id="iconBtn" type="button" class="btnDefault  btnmrg {{type}}" ng-click="{{clickAction}}">{{title}}
+        <span class="glyphicon {{gType}} pull-{{iconPosition}}"></span>
+    </button>
+</script>
+
+<!-- Visual Buttons -->
+<script id="visualButtons" type="text/html">
+    <button type="button" class="btn btn-{{type}}">{{title}}</button>
+</script>
+
+<!-- Different sized Buttons -->
+<script id="sizeButtons" type="text/html">
+    <button type="button" class="btn btn-{{type}} {{size}}">{{title}}</button>
+</script>
+
+<!-- Icon Buttons -->
+<script id="iconButtons" type="text/html">
+    <button type="button" class="btn btn-{{type}}">{{title}}
+        <span class="glyphicon {{gType}}"></span>
+    </button>
+</script>
+
+<!--Dropdown template-->
+<script id="dropDown" type="text/html">
+    <div class="drop{{position}}">
+        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">{{title}}
+            <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu">
+            {{#items}}<li><a href="#">{{itemLabel}}</a></li>{{/items}}
+        </ul>
+    </div>
+</script>
+
+<script id="dropDownHeader" type="text/html">
+    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">{{title}}
+        <span class="caret"></span>
+    </button>
+    <ul class="dropdown-menu">
+        {{#items}}
+        {{#isheader}}<li class="divider"></li><li class="dropdown-header">{{itemLabel}}</li><li class="divider"></li>{{/isheader}}
+        {{^isheader}}<li><a href="#">{{itemLabel}}</a></li>{{/isheader}}
+        {{/items}}
+    </ul>
+</script>
+
+<script id="simpleDropdownTmpl" type="text/html">
+    <div class="dropdownplain">
+        <ul class="nav navbar-nav">
+            <li>
+                <a class="dropdown-toggle" data-toggle="dropdown">{{title}} <span class="glyphicon glyphicon-chevron-down pull-right"></span></a>
+                <ul class="dropdown-menu">
+                    {{#items}}<li><a target="_blank">{{itemLabel}}</a></li>{{/items}}
+                </ul>
+            </li>
+        </ul>
+    </div>
+</script>
+
+
+<!--Radio Buttons-->
+<script id="radioButtons" type="text/html">
+    <div>
+        <input class="magic-radio" type="radio" name="radio" id="radio{{id}}"/>
+        <label for="radio{{id}}">{{label}}</label></br>
+    </div>
+</script>
+
+<!--Check boxes template-->
+<script id="checkBoxes" type="text/html">
+    <div class="funkyradio-{{type}}">
+        <input type="checkbox" name="check" id="checkbox{{id}}" {{#checked}}checked{{/checked}} />
+        <label for="checkbox{{id}}">{{label}}</label>
+    </div>
+</script>
+
+<!--text-->
+<script id="textfield" type="text/html">
+    <div class="css-form">
+       <input id ="textbox" name="textbox" class="form-control inputfield" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="text"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}> {{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--email-->
+<script id="email" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"  placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="email"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--url-->
+<script  id="url" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="url"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--password-->
+<script  id="password" type="text/html">
+    <div class="css-form">
+
+
+        <input class="form-control inputfield" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="password" pattern=".{3,}" maxlength="{{#maxLength}}{{maxLength}}{{/maxLength}}{{^maxLength}}9{{/maxLength}}" ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--numeric-->
+<script id="numeric" type="text/html">
+    <div class="css-form">
+        <input  class="form-control inputfield" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="number"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}/>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--dot-->
+<script  id="dot" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"  placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="datetime-local"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--date-->
+<script  id="dateinput" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"  placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="date" ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--Month-->
+<script  id="monthinput" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="month"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+
+<!--Week-->
+<script   id="weekinput" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"  placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="week"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--time-->
+<script   id="timeinput" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"  placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="time"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--ipv4-->
+<script   id="ipv4" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield" type="ipv4" placeholder="{{placeholder}}" ng-model="{{modalVar}}" pattern="((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--ipv6-->
+<script   id="ipv6" type="text/html">
+    <div class="css-form">
+        <input class="form-control inputfield"   placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="ipv6"  pattern="^([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])" ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--textarea-->
+<script id="textarea" type="text/html">
+    <div class="css-form">
+        <textarea class="form-control inputfield"  rows="4" cols="50" placeholder="{{placeholder}}" ng-model="{{modalVar}}"  ng-blur="{{errfunc}}({{modalVar}})" {{#required}}required{{/required}}></textarea>{{#required}}<span class="staricon">*</span>{{/required}}
+        <span class="errMsg" ng-show="{{errtag}}">{{errmsg}}</span>
+    </div>
+</script>
+
+<!--note-->
+<script id="note" type="text/html">
+
+    <a  id="noteanchor" href="#/home/textarea" title="Note" data-toggle="popover" data-trigger="focus" data-placement="{{placement}}">
+        <span class="glyphicon glyphicon-info-sign "></span></a>
+</script>
+
+<!-- list -->
+<script id="list" type="text/html">
+
+    {{#items}}
+
+    <div>
+        <button type="button" class="btn btn-primary btn-block" ng-click="loadSubMenuPage('{{id}}', '{{level}}', '{{row}}')">{{title}}</button>
+    </div>
+
+    {{/items}}
+
+</script>
-- 
cgit 1.2.3-korg