sample code of OPEN-O GUI Framework for container.
Issue-Id : CLIENT-128
Change-Id: I9fe1bd1546aad06a5c2846913f0b2aeb36c386dd
Signed-off-by: Seshu-Kumar-M <seshu.kumar.m@huawei.com>
--- /dev/null
+<!--
+
+ 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.
+
+-->
+
+<div class="homecontent center" ng-init="loadTemplate()">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-4 col-md-3 col-lg-3 rmpadding">
+ <div id="menu_accordion" class="openoAccordian_accordionmenu">
+ <div id="container" class="panel panel-default panelbr">
+ <h5 class="panel-title">
+ <a data-toggle="collapse" data-target="#panel1"><span>Container</span></a>
+ </h5>
+ <div id="panel1" class="panel-collapse collapse in">
+ <ul>
+ <li>
+ <a ui-sref=".tree" ui-sref-active="link_active">Tree</a>
+ </li>
+ <li>
+ <a ui-sref=".accordion" ui-sref-active="link_active">Accordian</a>
+ </li>
+ <li>
+ <a ui-sref=".tabs" ui-sref-active="link_active">Tabs</a>
+ </li>
+ <li>
+ <a ui-sref=".vtabs" ui-sref-active="link_active">Vertical Tab</a>
+ </li>
+ <li>
+ <a ui-sref=".table" ui-sref-active="link_active">Table</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div id="widgets" class="panel panel-default panelbr">
+ <h5 class="panel-title">
+ <a data-toggle="collapse" data-target="#panel2"><span>Widgets</span></a>
+ </h5>
+ <div id="panel2" class="panel-collapse collapse in">
+ <li>
+ <a ui-sref=".buttons" ui-sref-active="link_active">Buttons</a>
+ </li>
+ <li>
+ <a ui-sref=".dropdown" ui-sref-active="link_active">Drop Down</a>
+ </li>
+ <li>
+ <a ui-sref=".radiobuttons" ui-sref-active="link_active">Radio Button</a>
+ </li>
+ <li>
+ <a ui-sref=".checkboxes" ui-sref-active="link_active">Check Box</a>
+ </li>
+ <li>
+ <a ui-sref=".tooltip" ui-sref-active="link_active">Text Fields</a>
+ </li>
+ <li>
+ <a ui-sref=".list" ui-sref-active="link_active">List</a>
+ </li>
+ <li>
+ <a ui-sref=".provinceMgmt" ui-sref-active="link_active">Management</a>
+ </li>
+ </div>
+ </div>
+ <div id="notifications" class="panel panel-default panelbr">
+ <h5 class="panel-title">
+
+ <a ui-sref=".notification" ui-sref-active="noChid_link_active">Notification & Messages</a>
+ </h5>
+ </div>
+ <div id="functional" class="panel panel-default panelbr">
+ <h5 class="panel-title">
+
+ <a ui-sref=".functional" ui-sref-active="noChid_link_active">Functional Flow</a>
+
+ </h5>
+ </div>
+
+ </div>
+ <!--<div id="accordionmenuid" allow-resize="true" dataset="dataArr" height="resHeight"
+ listeners="callBacklisteners" resize-callback="resizehandler"
+ current-select="currentselect" click="clickHandler"
+ class="ng-isolate-scope accordion_parent openo_accordion_main_menu">
+ <div class="openo-accordion-resizable-handle" style="cursor: auto;"></div>
+ <ul id="accordionmenuid_ul" class="openoAccordian_accordionmenu">
+ <li id="accordionmenuid_ul_0_0_brAppTopMenuID" nodeid="brAppTopMenuID">
+ <!–<span class="openo_accordion_ui-icon-expand" style="padding-left: 20px;cursor: pointer;"></span>–>
+ <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow" style="cursor: pointer;"></span>
+ <a title="brApp" class="header opened" style="padding-left: 10px; cursor: pointer;">Container</a>
+ <ul>
+ <li nodeid="brAppSiteMenuID" class="" style="display: list-item;">
+ <a ui-sref=".tree" ui-sref-active="link_active" class="" style="padding-left: 62px;">Tree</a>
+ </li>
+ <li nodeid="brAppMeMenuID" style="display: list-item;">
+ <a ui-sref=".accordion" ui-sref-active="link_active" style="padding-left: 62px;">Accordian</a>
+ </li>
+ <li nodeid="brAppTpMenuID" style="display: list-item;">
+ <a ui-sref=".tabs" ui-sref-active="link_active" style="padding-left: 62px;">Tabs</a>
+ </li>
+ <li nodeid="brAppTlMenuID" style="display: list-item;">
+ <a ui-sref=".vtabs" ui-sref-active="link_active" style="padding-left: 62px;">Vertical Tab</a>
+ </li>
+ <li nodeid="brAppTlMenuID" style="display: list-item;">
+ <a ui-sref=".table" ui-sref-active="link_active" style="padding-left: 62px;">Table</a>
+ </li>
+ </ul>
+ <a title="brApp" class="header opened" style="padding-left: 10px; cursor: pointer;">Widgets</a>
+ <ul>
+ <li nodeid="brAppSiteMenuID" class="" style="display: list-item;">
+ <a ui-sref=".buttons" ui-sref-active="link_active" style="padding-left: 62px;">Buttons</a>
+ </li>
+ <li nodeid="brAppMeMenuID" style="display: list-item;">
+ <a ui-sref=".dropdown" ui-sref-active="link_active" style="padding-left: 62px;">Drop Down</a>
+ </li>
+ <li nodeid="brAppTpMenuID" style="display: list-item;">
+ <a ui-sref=".radiobuttons" ui-sref-active="link_active" style="padding-left: 62px;">Radio Button</a>
+ </li>
+ <li nodeid="brAppTlMenuID" style="display: list-item;">
+ <a ui-sref=".checkboxes" ui-sref-active="link_active" style="padding-left: 62px;">Check Box</a>
+ </li>
+ <li nodeid="brAppTlMenuID" style="display: list-item;">
+ <a ui-sref=".tooltip" ui-sref-active="link_active" style="padding-left: 62px;">Tool Tip</a>
+ </li>
+ <li nodeid="brAppTlMenuID" style="display: list-item;">
+ <a ui-sref=".list" ui-sref-active="link_active" style="padding-left: 62px;">List</a>
+ </li>
+ </li>
+
+ </ul>
+ <a ui-sref=".notification" ui-sref-active="link_active" class="header opened" style="padding-left: 10px; cursor: pointer;">Notification & Messages</a>
+ <a ui-sref=".functional" ui-sref-active="link_active" class="header opened" style="padding-left: 10px; cursor: pointer;">Functional Flow</a>
+
+ </li>
+ </ul>
+ </div>-->
+ </div>
+ <div id="rightContainer" class="col-sm-8 col-md-9 col-lg-9">
+ <!--<div id="sampleArea"></div>-->
+ <ui-view></ui-view>
+ </div>
+ </div>
+ </div>
+</div>
\ No newline at end of file
--- /dev/null
+<!--\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
+<div class="container col-sm-12 col-md-12 col-lg-12">\r
+ <h4>{{message}}</h4>\r
+\r
+ <div id="listArea" class="container col-sm-12 col-md-12 col-lg-12" ng-init="init()">\r
+ <div id="list1" class="list col-sm-4 col-md-4 col-lg-4">\r
+ <div ng-repeat="item in mainlistItem">\r
+ <button type="button" class="btn btn-primary btn-block" ng-click="loadSubMenuPage($index)">{{item.title}}</button>\r
+ </div>\r
+ </div>\r
+ <div id="list2" class="list col-sm-4 col-md-4 col-lg-4">\r
+ <div ng-repeat="subitem in subMenuListItem">\r
+ <button type="button" class="btn btn-primary btn-block" ng-click="loadSubSubMenuPage($index)">{{subitem.title}}</button>\r
+ </div>\r
+ </div>\r
+ <div id="list3" class="list col-sm-4 col-md-4 col-lg-4">\r
+ <div ng-repeat="subsubitem in subsubMenuListItem">\r
+ <button type="button" class="btn btn-primary btn-block">{{subsubitem.title}}</button>\r
+ </div>\r
+ </div>\r
+\r
+ </div>\r
+\r
+ <!-- <test method='parentClick()'></test>-->\r
+ <div class="col-sm-12 col-md-12 col-lg-12 shortnote">\r
+ <div class="shortnoteHeader">Usage</div>\r
+ <div class="shortnoteText">{{listTipData}}</div>\r
+ </div>\r
+</div>\r
+\r
--- /dev/null
+<!--\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
+<div class="col-sm-offset-3 col-sm-6 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4">\r
+ <h3>Login</h3>\r
+\r
+ <form ng-submit="formSubmit()" class="form">\r
+ <div class="col-sm-12 col-md-12 col-lg-12">\r
+ <div class="form-group">\r
+ <input type="text" class="form-control" ng-model="user.username" placeholder="username" required=""/>\r
+ </div>\r
+\r
+ <div class="form-group">\r
+ <input type="password" class="form-control" ng-model="user.password" placeholder="password" required=""/>\r
+ </div>\r
+\r
+ <div class="form-group">\r
+ <button type="submit" class="btn btn-success">Login</button>\r
+ <span class="text-danger">{{ error }}</span>\r
+ </div>\r
+ <a ui-sref="register">Register</a>\r
+\r
+ </div>\r
+ </form>\r
+</div>
\ No newline at end of file
--- /dev/null
+<!--\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
+<h4>{{message}}</h4>\r
+<br><br>\r
+<div id="provinceAction" ng-init="init()">\r
+ <!--<button ng-click="showAddModal()" class="btnDefault pull-left">Add</button>-->\r
+ <!--<button ng-click="deleteData()" class="btnDefault pull-left prvdel">Delete Selected</button>-->\r
+</div>\r
+<br>\r
+<br>\r
+<!--<table id="provinceTable" class="table table-bordered table-striped">\r
+ <tr>\r
+ <th class="chkboxAlign"><input type="checkbox" ng-model="selectAll" ng-click="checkAll()" /></th>\r
+ <th>Province Name</th>\r
+ <th>IP Address</th>\r
+ <th>Port</th>\r
+ <th></th>\r
+ </tr>\r
+ <tr ng-repeat="data in provinceData">\r
+ <td>\r
+ <input type="checkbox" ng-model="data.select"><!–ng-true-value="'data.id'" ng-false-value="''" ng-model="province.rows[$index]"–>\r
+ </td>\r
+ <td class="tableAlign">{{data.province_name}}</td>\r
+ <td class="tableAlign">{{data.ip}}</td>\r
+ <td class="tableAlign">{{data.port}}</td>\r
+ <td>\r
+ <span class="pull-right glyphicon glyphicon-edit" ng-click="editData(data.id)" style="cursor: pointer;margin: 0 5px"></span>\r
+ <span class="pull-right glyphicon glyphicon-trash" ng-click="editData(data.id)" style="cursor: pointer;margin: 0 5px"></span>\r
+ </td>\r
+ </tr>\r
+</table>-->\r
+\r
+<table ng-table="tableParams" class="table table-bordered table-striped customtable" show-filter="true">\r
+ <tr ng-repeat="provinceData in $data">\r
+ <td header="'ng-table/headers/checkbox.html'">\r
+ <input type="checkbox" ng-model="checkboxes.items[provinceData.id]" />\r
+ </td>\r
+ <td title="'Name'" filter="{ province_name: 'text'}" sortable="'province_name'">\r
+ {{provinceData.province_name}}\r
+ </td>\r
+ <td title="'IP Address'" filter="{ ip: 'text'}" sortable="'ip'">\r
+ {{provinceData.ip}}\r
+ </td>\r
+ <td title="'Port'" filter="{ port: 'number'}" sortable="'port'">\r
+ {{provinceData.port}}\r
+ </td>\r
+ <td title="'Action'">\r
+ <span class="pull-right glyphicon glyphicon-edit" ng-click="editData(provinceData.id)" style="cursor: pointer;margin: 0 5px"></span>\r
+ <span class="pull-right glyphicon glyphicon-trash" ng-click="deleteIndividualData(provinceData.id)" style="cursor: pointer;margin: 0 5px"></span>\r
+ </td>\r
+ </tr>\r
+</table>\r
+\r
+\r
+<script type="text/ng-template" id="ng-table/headers/checkbox.html">\r
+ <input type="checkbox" ng-model="checkboxes.checked" name="filter-checkbox" value="" />\r
+</script>\r
+\r
+<div id="myTable"></div>\r
+\r
+\r
+<!-- Modal -->\r
+<div id="myModal" 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">×</button>\r
+ <h5 class="modal-title titlestyle">Modal Header</h5>\r
+ </div>\r
+ <form name="provinceForm" method="post"><!-- ng-submit="saveData(province.id)"-->\r
+ <div class="modal-body">\r
+\r
+ <div class="form-group row">\r
+ <label class="col-xs-4 col-form-label labelstyle">Name</label>\r
+ <div class="col-xs-8 provinceName" >\r
+ <!--<input class="form-control" ng-model="province.province_name" type="text" value="" placeholder="Province Name" id="pname" required><br>-->\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label class="col-xs-4 col-form-label labelstyle">IP Address</label>\r
+ <div class="col-xs-8 ipAddress" >\r
+ <!--<input class="form-control" ng-model="province.ip" type="ipv4" pattern="((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$" value="" placeholder="IP Address" id="ipaddress" required><br>-->\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label for="port" class="col-xs-4 col-form-label labelstyle">Port</label>\r
+ <div class="col-xs-8 port" >\r
+ <!--<input class="form-control" ng-model="province.port" type="number" value="" placeholder="Port" id="port" required>-->\r
+\r
+ </div>\r
+ </div>\r
+\r
+ <!--<input type="submit" class="btn btn-default" value="validate"/>-->\r
+\r
+ </div>\r
+\r
+ <div id="footerBtns" class="modal-footer">\r
+ <!--<button type="button" class="btn btn-default" ng-click="addData(province._id)" data-dismiss="modal" ng-disabled="provinceForm.$invalid">OK</button>-->\r
+ <!--<input type="submit" class="btn btn-default" value="Submit"/>-->\r
+ <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->\r
+ </div>\r
+ </form>\r
+ </div>\r
+\r
+\r
+ </div>\r
+</div>\r
+\r
+<div class="shortnote">\r
+ <div class="shortnoteHeader">Usage</div>\r
+ <div class="shortnoteText"> {{provinceTipData}}</div>\r
+</div>\r
--- /dev/null
+<!--
+
+ 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>{{message}}</h4>
+
+<div id="notificationArea" ng-init="init()">
+ <button type="button" class="btn btn-default" ng-click="showError()">Error</button>
+ <button type="button" class="btn btn-default" ng-click="showWarning()">Warning</button>
+ <button type="button" class="btn btn-default" ng-click="showInfo()">Information</button>
+ <button type="button" class="btn btn-default" ng-click="showConfirm()">Confirm</button>
+ <div class="shortnote">
+ <div class="shortnoteHeader">Usage</div>
+ <div class="shortnoteText">{{notificationTipData}}</div>
+ </div>
+</div>
--- /dev/null
+<!--\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
+\r
+<h4>Radio Buttons</h4>\r
+\r
+<div id="radioBtnArea" ng-init="init()"></div>\r
+<div class="shortnote">\r
+ <div class="shortnoteHeader">Usage</div>\r
+ <div class="shortnoteText">{{radioTipData}}</div>\r
+</div>\r
+\r
+\r
--- /dev/null
+<!--\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
+<div class="col-sm-offset-3 col-sm-6 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4">\r
+ <h3>Register</h3>\r
+\r
+ <form ng-submit="formSubmit()" class="form">\r
+ <div class="col-sm-12 col-md-12 col-lg-12">\r
+ <div class="form-group">\r
+ <input type="text" class="form-control" ng-model="user.username" placeholder="Username" required=""/>\r
+ </div>\r
+\r
+ <div class="form-group">\r
+ <input type="email" class="form-control" ng-model="user.email" placeholder="Email" required=""/>\r
+ </div>\r
+\r
+ <div class="form-group">\r
+ <input type="password" class="form-control" ng-model="user.password" placeholder="Password" required=""/>\r
+ </div>\r
+\r
+ <div class="form-group">\r
+ <input type="password" class="form-control" ng-model="user.confpassword" placeholder="Confirm password" required=""/>\r
+ </div>\r
+\r
+ <div class="form-group">\r
+ <button type="submit" class="btn btn-success">Register</button>\r
+ </div>\r
+ <a ui-sref="login">Login</a>\r
+\r
+ </div>\r
+ </form>\r
+</div>
\ No newline at end of file
--- /dev/null
+<!--\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
+<div class="container col-sm-12 col-md-12 col-lg-12">\r
+ <h4>{{message}}</h4>\r
+\r
+ <div id="tableArea" class="container col-sm-12 col-md-12 col-lg-12" ng-init="init()">\r
+\r
+ <h3 class="col-sm-12 col-md-12 col-lg-12">Basic Table<span> (with hover)</span></h3>\r
+ <div id="basictableArea" class="col-sm-12 col-md-12 col-lg-12"></div>\r
+\r
+ <h3 class="col-sm-12 col-md-12 col-lg-12">Stripped Table<span> (Condensed & with border)</span></h3>\r
+ <div id="strippedtableArea" class="col-sm-12 col-md-12 col-lg-12"></div>\r
+\r
+ <h3 class="col-sm-12 col-md-12 col-lg-12">Search Table</h3>\r
+ <div id="condensedtableArea" class="col-sm-12 col-md-12 col-lg-12">\r
+ <table ng-table="tableParams" class="table table-bordered table-striped customtable" show-filter="true">\r
+ <tr ng-repeat="siteData in $data">\r
+ <td title="'Country'" filter="{ countryName: 'text'}" sortable="'countryName'">\r
+ {{siteData.countryName}}\r
+ </td>\r
+ <td title="'Language'" filter="{ type: 'text'}" sortable="'type'">\r
+ {{siteData.language}}\r
+ </td>\r
+ </tr>\r
+ </table>\r
+ </div>\r
+ </div>\r
+ <div class="col-sm-12 col-md-12 col-lg-12 shortnote">\r
+ <div class="shortnoteHeader">Usage</div>\r
+ <div class="shortnoteText">{{tableTipData}}</div>\r
+ </div>\r
+</div>\r
--- /dev/null
+<!--\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
+<div class="container col-sm-12 col-md-12 col-lg-12">\r
+ <h4>{{message}}</h4>\r
+ <div id="tabArea" ng-init="init()"></div>\r
+\r
+ <div class="col-sm-12 col-md-12 col-lg-12 shortnote">\r
+ <div class="shortnoteHeader">Usage</div>\r
+ <div class="shortnoteText">{{tabTipData}}</div>\r
+ </div>\r
+</div>
\ No newline at end of file
--- /dev/null
+<!--\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
+<h4>Text Area</h4>\r
+<body>\r
+<div name="myForm" method="post">\r
+ <div class="form-group row">\r
+ <label for="fname" class="col-xs-2 col-form-label labelstyle">Text</label>\r
+ <div class="col-xs-10">\r
+ <div id="fname"></div>\r
+\r
+ </div>\r
+ </div>\r
+\r
+ <div class="form-group row">\r
+ <label for="email" class="col-xs-2 col-form-label labelstyle">Email</label>\r
+ <div class="col-xs-10">\r
+ <div id="email" ></div>\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label for="url" class="col-xs-2 col-form-label labelstyle">URL</label>\r
+ <div class="col-xs-10">\r
+ <div id="url"></div>\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label for="password" class="col-xs-2 col-form-label labelstyle">Password</label>\r
+ <div class="col-xs-10">\r
+ <div id="password"></div>\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label for="numeric" class="col-xs-2 col-form-label labelstyle">Numeric</label>\r
+ <div class="col-xs-10">\r
+ <div id="numeric"></div>\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label for="dot" class="col-xs-2 col-form-label labelstyle">Date and time</label>\r
+ <div class="col-xs-10">\r
+ <div id="dot"></div>\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label for="dateinput" class="col-xs-2 col-form-label labelstyle">Date</label>\r
+ <div class="col-xs-10">\r
+ <div id="dateinput"></div>\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label for="monthinput" class="col-xs-2 col-form-label labelstyle">Month</label>\r
+ <div class="col-xs-10">\r
+ <div id="monthinput"></div>\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label for="weekinput" class="col-xs-2 col-form-label labelstyle">Week</label>\r
+ <div class="col-xs-10">\r
+ <div id="weekinput"></div>\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label for="timeinput" class="col-xs-2 col-form-label labelstyle">Time</label>\r
+ <div class="col-xs-10">\r
+ <div id="timeinput"></div>\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label for="ipv4" class="col-xs-2 col-form-label labelstyle">IPV4 Address</label>\r
+ <div class="col-xs-10">\r
+ <div id="ipv4"></div>\r
+ </div>\r
+ </div>\r
+ <div class="form-group row">\r
+ <label for="ipv6" class="col-xs-2 col-form-label labelstyle">IPV6 Address</label>\r
+ <div class="col-xs-10">\r
+ <div id="ipv6"></div>\r
+ </div>\r
+ </div>\r
+\r
+\r
+ <div class="form-group row">\r
+ <label for="textarea" class="col-xs-2 col-form-label labelstyle">Text Area</label>\r
+ <div class="col-xs-10">\r
+ <div id="textarea"></div>\r
+\r
+ </div>\r
+ </div>\r
+\r
+ <div class="form-group row">\r
+ <label for="note" class="col-xs-2 col-form-label labelstyle">Note</label>\r
+ <div class="col-xs-10">\r
+ <div id="note">\r
+ </div>\r
+\r
+ </div>\r
+ </div>\r
+\r
+</div>\r
+<div class="shortnote">\r
+ <div class="shortnoteHeader">Usage</div>\r
+ <div class="shortnoteText">{{toolTipData}}</div>\r
+</div>\r
+</body>\r
+\r
--- /dev/null
+<!--\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
+<h4>{{message}}</h4>\r
+<div id="tree1" class="ztree" ng-init="init()"></div><!-- ng-if="treeLoaded()"-->\r
+\r
+<div class="shortnote">\r
+ <div class="shortnoteHeader">Usage</div>\r
+ <div class="shortnoteText">{{treeTip}}</div>\r
+</div>\r
Code Review / vnfsdk / refrepo.git / commitdiff