Upload the ESR GUI seed code

Issue-ID: AAI-68

Change-Id: Ia50ce0570c2fabecd77199d4e8454f56fe587c4e
Signed-off-by: lizi00164331 <li.zi30@zte.com.cn>

5 files changed, 594 insertions, 0 deletions

diff --git a/esr/src/main/webapp/extsys/sdncontroller/templates/controller.html b/esr/src/main/webapp/extsys/sdncontroller/templates/controller.html
new file mode 100644
index 0000000..1aab2bd
--- /dev/null
+++ b/esr/src/main/webapp/extsys/sdncontroller/templates/controller.html
@@ -0,0 +1,163 @@
+<!--/* Copyright 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="homecontent center">

+    <div class="col-md-12 col-sm-12 col-lg-12">

+<h4>{{title}}</h4>

+<br>

+<br>

+

+<div id="extsysAction" ng-init="init()">

+

+</div>

+<br><br>

+

+<table ng-table="controllerTableParams" class="table table-bordered table-striped customtable" show-filter="true">

+    <tr ng-repeat="controllerData in $data">

+        <!--<td header="'ng-table/headers/checkbox.html'">

+            <input type="checkbox" ng-model="checkboxes.items[controllerData.id]" />

+        </td>-->

+        <td title="'Name'" filter="{ Name: 'text'}" sortable="'Name'">

+            {{controllerData.Name}}

+        </td>

+        <td title="'Protocol'" filter="{ Protocol: 'text'}" sortable="'Protocol'">

+            {{controllerData.Protocol}}

+        </td>

+        <td title="'Product Name'" filter="{ productName: 'text'}" sortable="'productName'">

+            {{controllerData.productName}}

+        </td>

+        </td>

+        <td title="'Type'" filter="{ Type: 'text'}" sortable="'Type'">

+            {{controllerData.Type}}

+        </td>

+        <td title="'Vendor'" filter="{ Vendor: 'text'}" sortable="'Vendor'">

+            {{controllerData.Vendor}}

+        </td>

+        <td title="'Version'" filter="{ Version: 'number'}" sortable="'Version'">

+            {{controllerData.Version}}

+        </td>

+        <td title="'Description'" filter="{ Description: 'text'}" sortable="'Description'">

+            {{controllerData.Description}}

+        </td>

+        <td title="'Create Time'" filter="{ createTime: 'number'}" sortable="'createTime'">

+            {{controllerData.createTime}}

+        </td>

+        <td title="'Operation'" filter="{ Operation: 'text'}" sortable="'Operation'">

+            {{controllerData.Operation}}

+        </td>

+        <td title="'Action'">

+           <!-- <span class="pull-right glyphicon glyphicon-edit" ng-click="editData(controllerData.name)" style="cursor: pointer;margin: 0 5px"></span>

+            <span class="pull-right glyphicon glyphicon-trash" ng-click="deleteIndividualData(controllerData.name)" style="cursor: pointer;margin: 0 5px"></span>-->

+            <span  ng-click="editData(controllerData.id)" style="cursor: pointer;margin: 0 5px"> <img src="framework/images/edit.png" height="15" align="left"/></span>

+            <span  ng-click="deleteData(controllerData.id)" style="cursor: pointer;margin: 0 5px"><img src="framework/images/delete.png" height="15" align="middle"/></span>

+        </td>

+    </tr>

+</table>

+

+<!--<script type="text/ng-template" id="ng-table/headers/checkbox.html">

+    <input type="checkbox" ng-model="checkboxes.checked" name="filter-checkbox" value="" />

+</script>-->

+

+<div id="myTable"></div>

+

+<!-- Modal -->

+<div id="myModal" 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>

+                <h5 class="modal-title">>Add Controller</h5>

+            </div>

+            <form  name="extsysForm" method="post">

+                <div class="modal-body">

+

+                    <div class="form-group row">

+                        <label class="col-xs-4 col-form-label">Name</label>

+                        <div id="name" class="col-xs-8">

+                        </div>

+                    </div>

+

+                    <div class="form-group row">

+                        <label class="col-xs-4 col-form-label">URL</label>

+                        <div id="url" class="col-xs-8">

+                        </div>

+                    </div>

+

+                    <div class="form-group row">

+                        <label class="col-xs-4 col-form-label">User Name</label>

+                        <div id="username" class="col-xs-8">

+                        </div>

+                    </div>

+

+                    <div class="form-group row">

+                        <label class="col-xs-4 col-form-label">Password</label>

+                        <div id="password" class="col-xs-8">

+                        </div>

+                    </div>

+

+                    <div class="form-group row">

+                        <label class="col-xs-4 col-form-label">Version</label>

+                        <div id="version" class="col-xs-8" >

+                        </div>

+                    </div>

+

+                    <div class="form-group row">

+                        <label class="col-xs-4 col-form-label">Vendor</label>

+                        <div id="vendor" class="col-xs-8" >

+                        </div>

+                    </div>

+

+                    <div class="form-group row">

+                        <label class="col-xs-4 col-form-label">Description</label>

+                        <div id="description" class="col-xs-8" >

+                        </div>

+                    </div>

+

+                    <div class="form-group row">

+                        <label class="col-xs-4 col-form-label">Protocol</label>

+                        <div id="protocol" class="col-xs-8" >

+                            <select id="protocolDD" class="form-control inputfield" ng-model="ne.optSelect"></select>

+                        </div>

+                    </div>

+

+                    <div class="form-group row">

+                        <label class="col-xs-4 col-form-label">Product Name</label>

+                        <div id="ProductName" class="col-xs-8" >

+                        </div>

+                    </div>

+

+                    <div class="form-group row">

+                        <label class="col-xs-4 col-form-label">Type</label>

+                        <div id="type" class="col-xs-8" >

+                        </div>

+                    </div>

+

+                </div>

+

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

+                    <!--<button type="button" class="btn btn-default" ng-click="addData(province._id)" data-dismiss="modal" ng-disabled="provinceForm.$invalid">OK</button>-->

+                    <!--<input type="submit" class="btn btn-default" value="Submit"/>

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

+                </div>

+            </form>

+        </div>

+

+

+    </div>

+</div>

+        </div>

+    </div>
\ No newline at end of file
diff --git a/esr/src/main/webapp/extsys/sdncontroller/templates/templateContainer.html b/esr/src/main/webapp/extsys/sdncontroller/templates/templateContainer.html
new file mode 100644
index 0000000..ef6f01c
--- /dev/null
+++ b/esr/src/main/webapp/extsys/sdncontroller/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/esr/src/main/webapp/extsys/sdncontroller/templates/templateFunctional.html b/esr/src/main/webapp/extsys/sdncontroller/templates/templateFunctional.html
new file mode 100644
index 0000000..ff2f53f
--- /dev/null
+++ b/esr/src/main/webapp/extsys/sdncontroller/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/esr/src/main/webapp/extsys/sdncontroller/templates/templateNotification.html b/esr/src/main/webapp/extsys/sdncontroller/templates/templateNotification.html
new file mode 100644
index 0000000..97f26e3
--- /dev/null
+++ b/esr/src/main/webapp/extsys/sdncontroller/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/esr/src/main/webapp/extsys/sdncontroller/templates/templateWidget.html b/esr/src/main/webapp/extsys/sdncontroller/templates/templateWidget.html
new file mode 100644
index 0000000..bb8eef4
--- /dev/null
+++ b/esr/src/main/webapp/extsys/sdncontroller/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>