Templates for the Container, widgets and messages
authorseshukm <seshu.kumar.m@huawei.com>
Tue, 24 Jan 2017 05:17:27 +0000 (10:47 +0530)
committerseshukm <seshu.kumar.m@huawei.com>
Tue, 24 Jan 2017 05:17:27 +0000 (10:47 +0530)
Unified Framework for the OPEN-O GUI.

Issue-ID : CLIENT-11 and its sub stories

Change-Id: I33cb89400a516db6bfe3604585bd3f7326aad090
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
portal-common/src/main/webapp/framework/browser/templates/home.html [new file with mode: 0644]
portal-common/src/main/webapp/framework/browser/templates/list.html [new file with mode: 0644]
portal-common/src/main/webapp/framework/browser/templates/login.html [new file with mode: 0644]
portal-common/src/main/webapp/framework/browser/templates/notification.html [new file with mode: 0644]
portal-common/src/main/webapp/framework/browser/templates/register.html [new file with mode: 0644]
portal-common/src/main/webapp/framework/browser/templates/table.html [new file with mode: 0644]
portal-common/src/main/webapp/framework/browser/templates/verticalTab.html [new file with mode: 0644]

diff --git a/portal-common/src/main/webapp/framework/browser/templates/home.html b/portal-common/src/main/webapp/framework/browser/templates/home.html
new file mode 100644 (file)
index 0000000..527cb57
--- /dev/null
@@ -0,0 +1,154 @@
+/*
+
+    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 Area</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">Province 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">
+                            &lt;!&ndash;<span class="openo_accordion_ui-icon-expand" style="padding-left: 20px;cursor: pointer;"></span>&ndash;&gt;
+                            <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
diff --git a/portal-common/src/main/webapp/framework/browser/templates/list.html b/portal-common/src/main/webapp/framework/browser/templates/list.html
new file mode 100644 (file)
index 0000000..421e0d6
--- /dev/null
@@ -0,0 +1,47 @@
+<!--\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">\r
+        <div class="shortnoteHeader">ShortNote</div>\r
+        <div class="shortnoteText">{{listTipData}}</div>\r
+    </div>\r
+</div>\r
+\r
diff --git a/portal-common/src/main/webapp/framework/browser/templates/login.html b/portal-common/src/main/webapp/framework/browser/templates/login.html
new file mode 100644 (file)
index 0000000..026b670
--- /dev/null
@@ -0,0 +1,40 @@
+<!--\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
diff --git a/portal-common/src/main/webapp/framework/browser/templates/notification.html b/portal-common/src/main/webapp/framework/browser/templates/notification.html
new file mode 100644 (file)
index 0000000..8bbcf13
--- /dev/null
@@ -0,0 +1,28 @@
+<!--
+
+    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="shortnoteHeader">ShortNote</div>
+    <div class="shortnoteText">{{notificationTipData}}</div>
+</div>
diff --git a/portal-common/src/main/webapp/framework/browser/templates/register.html b/portal-common/src/main/webapp/framework/browser/templates/register.html
new file mode 100644 (file)
index 0000000..ff93426
--- /dev/null
@@ -0,0 +1,47 @@
+<!--\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
diff --git a/portal-common/src/main/webapp/framework/browser/templates/table.html b/portal-common/src/main/webapp/framework/browser/templates/table.html
new file mode 100644 (file)
index 0000000..d218ab1
--- /dev/null
@@ -0,0 +1,39 @@
+<!--\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
+    <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"></div>\r
+\r
+\r
+\r
+</div>\r
+    <div class="col-sm-12 col-md-12 col-lg-12">\r
+<div class="shortnoteHeader">ShortNote</div>\r
+<div class="shortnoteText">{{tableTipData}}</div>\r
+        </div>\r
+</div>\r
diff --git a/portal-common/src/main/webapp/framework/browser/templates/verticalTab.html b/portal-common/src/main/webapp/framework/browser/templates/verticalTab.html
new file mode 100644 (file)
index 0000000..0124164
--- /dev/null
@@ -0,0 +1,28 @@
+<!--\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="vtabArea" class="col-sm-12 col-md-12 col-lg-12" ng-init="init()"></div>\r
+\r
+    <div class="col-sm-12 col-md-12 col-lg-12">\r
+        <div class="shortnoteHeader">ShortNote</div>\r
+        <div class="shortnoteText">{{vtabTipdata}}</div>\r
+    </div>\r
+</div>
\ No newline at end of file