Templates for the Container, widgets and messages

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>

7 files changed, 383 insertions, 0 deletions

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
index 00000000..527cb574
--- /dev/null
+++ b/portal-common/src/main/webapp/framework/browser/templates/home.html
@@ -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
index 00000000..421e0d63
--- /dev/null
+++ b/portal-common/src/main/webapp/framework/browser/templates/list.html
@@ -0,0 +1,47 @@
+<!--

+

+    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="container col-sm-12 col-md-12 col-lg-12">

+    <h4>{{message}}</h4>

+

+    <div id="listArea" class="container col-sm-12 col-md-12 col-lg-12" ng-init="init()">

+        <div id="list1" class="list col-sm-4 col-md-4 col-lg-4">

+            <div ng-repeat="item in mainlistItem">

+                <button type="button" class="btn btn-primary btn-block" ng-click="loadSubMenuPage($index)">{{item.title}}</button>

+            </div>

+        </div>

+        <div id="list2" class="list col-sm-4 col-md-4 col-lg-4">

+            <div ng-repeat="subitem in subMenuListItem">

+                <button type="button" class="btn btn-primary btn-block" ng-click="loadSubSubMenuPage($index)">{{subitem.title}}</button>

+            </div>

+        </div>

+        <div id="list3" class="list col-sm-4 col-md-4 col-lg-4">

+            <div ng-repeat="subsubitem in subsubMenuListItem">

+                <button type="button" class="btn btn-primary btn-block">{{subsubitem.title}}</button>

+            </div>

+        </div>

+

+    </div>

+

+    <test method='parentClick()'></test>

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

+        <div class="shortnoteHeader">ShortNote</div>

+        <div class="shortnoteText">{{listTipData}}</div>

+    </div>

+</div>

+

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
index 00000000..026b670d
--- /dev/null
+++ b/portal-common/src/main/webapp/framework/browser/templates/login.html
@@ -0,0 +1,40 @@
+<!--

+

+    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="col-sm-offset-3 col-sm-6 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4">

+    <h3>Login</h3>

+

+    <form ng-submit="formSubmit()" class="form">

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

+            <div class="form-group">

+                <input type="text" class="form-control" ng-model="user.username" placeholder="username" required=""/>

+            </div>

+

+            <div class="form-group">

+                <input type="password" class="form-control" ng-model="user.password" placeholder="password" required=""/>

+            </div>

+

+            <div class="form-group">

+                <button type="submit" class="btn btn-success">Login</button>

+                <span class="text-danger">{{ error }}</span>

+            </div>

+            <a ui-sref="register">Register</a>

+

+        </div>

+    </form>

+</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
index 00000000..8bbcf137
--- /dev/null
+++ b/portal-common/src/main/webapp/framework/browser/templates/notification.html
@@ -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
index 00000000..ff934267
--- /dev/null
+++ b/portal-common/src/main/webapp/framework/browser/templates/register.html
@@ -0,0 +1,47 @@
+<!--

+

+    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="col-sm-offset-3 col-sm-6 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4">

+    <h3>Register</h3>

+

+    <form ng-submit="formSubmit()" class="form">

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

+            <div class="form-group">

+                <input type="text" class="form-control" ng-model="user.username" placeholder="Username" required=""/>

+            </div>

+

+            <div class="form-group">

+                <input type="email" class="form-control" ng-model="user.email" placeholder="Email" required=""/>

+            </div>

+

+            <div class="form-group">

+                <input type="password" class="form-control" ng-model="user.password" placeholder="Password" required=""/>

+            </div>

+

+            <div class="form-group">

+                <input type="password" class="form-control" ng-model="user.confpassword" placeholder="Confirm password" required=""/>

+            </div>

+

+            <div class="form-group">

+                <button type="submit" class="btn btn-success">Register</button>

+            </div>

+            <a ui-sref="login">Login</a>

+

+        </div>

+    </form>

+</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
index 00000000..d218ab1c
--- /dev/null
+++ b/portal-common/src/main/webapp/framework/browser/templates/table.html
@@ -0,0 +1,39 @@
+<!--

+

+    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="container col-sm-12 col-md-12 col-lg-12">

+<h4>{{message}}</h4>

+

+<div id="tableArea" class="container col-sm-12 col-md-12 col-lg-12" ng-init="init()">

+    <h3 class="col-sm-12 col-md-12 col-lg-12">Basic Table<span> (with hover)</span></h3>

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

+

+    <h3 class="col-sm-12 col-md-12 col-lg-12">Stripped Table<span> (Condensed & with border)</span></h3>

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

+

+    <h3 class="col-sm-12 col-md-12 col-lg-12">Search Table</h3>

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

+

+

+

+</div>

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

+<div class="shortnoteHeader">ShortNote</div>

+<div class="shortnoteText">{{tableTipData}}</div>

+        </div>

+</div>

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
index 00000000..01241648
--- /dev/null
+++ b/portal-common/src/main/webapp/framework/browser/templates/verticalTab.html
@@ -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.

+

+-->

+

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

+    <h4>{{message}}</h4>

+

+    <div id="vtabArea" class="col-sm-12 col-md-12 col-lg-12" ng-init="init()"></div>

+

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

+        <div class="shortnoteHeader">ShortNote</div>

+        <div class="shortnoteText">{{vtabTipdata}}</div>

+    </div>

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