GSO LCM service
authorSeshu-Kumar-M <seshu.kumar.m@huawei.com>
Wed, 22 Feb 2017 04:35:09 +0000 (10:05 +0530)
committerSeshu-Kumar-M <seshu.kumar.m@huawei.com>
Wed, 22 Feb 2017 04:35:09 +0000 (10:05 +0530)
IssueId : CLIENT-26, CLIENT-32, CLIENT-33, CLIENT-35, CLIENT-37, CLIENT-40

Change-Id: I7d329c0c6d0004c991c587066e54de645e5ed2cd
Signed-off-by: Seshu-Kumar-M <seshu.kumar.m@huawei.com>
lifecyclemgr/src/main/webapp/lifecyclemgr/index.html [new file with mode: 0644]
lifecyclemgr/src/main/webapp/lifecyclemgr/template.html [new file with mode: 0644]

diff --git a/lifecyclemgr/src/main/webapp/lifecyclemgr/index.html b/lifecyclemgr/src/main/webapp/lifecyclemgr/index.html
new file mode 100644 (file)
index 0000000..d695eac
--- /dev/null
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Lifecycle Manager</title>
+    <link href="css/bootstrap.min.css" rel="stylesheet"/>
+    <!--Pulling Awesome Font -->
+    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.css">
+    <link href="css/open-ostyle.css" rel="stylesheet"/>
+    <link href="css/style.css" rel="stylesheet"/>
+
+    <script src="js/angular.min.js"></script>
+    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script>
+       <script src="js/angular-ui-router.min.js"></script>
+    <script src="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.js"></script>
+    <script src="js/jquery_1.12.4.min.js"></script>
+    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+    <script type="text/javascript" src="js/bootstrap.min.js"></script>
+    <script src="js/app.js"></script>
+    <script src="js/DataService.js"></script>
+    <script src="js/mustache.js"></script>
+</head>
+
+<body ng-app="lcApp" onload="loadTemplate()">
+
+
+<div class="homecontent center lcmanager">
+    <div class="col-md-12 col-sm-12 col-lg-12 container ">
+       <div class="lifecycleHeader">Life Cycle Manager</div>
+        <div class="separator-line"></div>
+    </div>
+    <ui-view></ui-view>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/lifecyclemgr/src/main/webapp/lifecyclemgr/template.html b/lifecyclemgr/src/main/webapp/lifecyclemgr/template.html
new file mode 100644 (file)
index 0000000..b4671cf
--- /dev/null
@@ -0,0 +1,358 @@
+<script id="dialogTpl" type="text/html">\r
+    <h3>{{name}}</h3> <div>Skills are:{{#skills}}<div>{{.}}</div>{{/skills}}</div></div>\r
+</script>\r
+\r
+<script id="person" type="text/html">\r
+    <ul>{{#depts}}<div><h4>{{fname}} {{lname}} </h4>{{Address}}</div>{{/depts}}</ul>\r
+</script>\r
+\r
+<script id="user" type="text/html">\r
+    <h3>{{name}}</h3><p>Address: {{address}}</p>\r
+</script>\r
+\r
+<!--Dialog-->\r
+<script id="personDialog" type="text/html">\r
+    <div id="msgModal" class="modal fade" role="dialog">\r
+        <div class="modal-dialog modal-md">\r
+\r
+            <!-- Modal content-->\r
+            <div class="modal-content">\r
+                <div class="modal-header">\r
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>\r
+                    <h4 class="modal-title">{{title}}</h4>\r
+                </div>\r
+                <div class="modal-body">\r
+                    <div class="container center">\r
+                        <div class="row">\r
+                            <div class="col-xs-2 col-sm-2 col-md-1 col-lg-1 icon {{icon}} {{iconColor}}"></div>\r
+                            <div class="msg col-xs-10 col-sm-10 col-md-11 col-lg-11" style="text-align:left;vertical-align: middle;">{{msg}}</div>\r
+                        </div>\r
+                    </div>\r
+                </div>\r
+                <div class="modal-footer">\r
+                    <div>{{#buttons}} <button type="button" class="btn btn-primary outline" onclick={{action}}>{{text}}</button> {{/buttons}}\r
+                        {{#showClose}}<button type="button" class="btn btn-primary outline" data-dismiss="modal">{{closeBtnTxt}}</button>{{/showClose}}\r
+                    </div>\r
+                    <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->\r
+                </div>\r
+            </div>\r
+\r
+        </div>\r
+    </div>\r
+</script>\r
+\r
+<script id="functionalDialog" type="text/html">\r
+    <div id="funModal" class="modal fade" role="dialog" ng-init="getDetail()">\r
+        <div class="modal-dialog modal-md">\r
+\r
+            <!-- Modal content-->\r
+            <div class="modal-content">\r
+                <div class="modal-header">\r
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>\r
+                    <h4 class="modal-title">{{title}}</h4>\r
+                </div>\r
+                <div class="modal-body">\r
+                    <div>\r
+                        <form class="form-horizontal" role="form">\r
+                            {{#labels}}\r
+                            <div class="form-group">\r
+                                <label class="control-label col-sm-3" for={{input_id}}>{{text}}</label>\r
+                                <div class="col-sm-7">\r
+                                    <input type={{type}} class="form-control" id={{input_id}}>\r
+                                </div>\r
+                            </div>\r
+                            {{/labels}}\r
+                        </form>\r
+                    </div>\r
+                </div>\r
+                <div class="modal-footer">\r
+                    <div>{{#buttons}} <button type="button" class="btn btn-primary outline" onclick={{action}}>{{text}}</button> {{/buttons}}\r
+                        {{#showClose}}<button type="button" class="btn btn-primary outline" data-dismiss="modal">{{closeBtnTxt}}</button>{{/showClose}}\r
+                    </div>\r
+                    <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->\r
+                </div>\r
+            </div>\r
+\r
+        </div>\r
+    </div>\r
+</script>\r
+\r
+<!-- Accordion -->\r
+<script id="accordion" type="text/html">\r
+    {{#items}}\r
+    <div class="panel panel-default">\r
+        <h3 class="panel-title">\r
+            <a data-toggle="collapse" data-parent="#accordion" data-target="#{{tabId}}">{{header}}</a>\r
+        </h3>\r
+        <div id="{{tabId}}" class="panel-collapse collapse {{#isActive}}in{{/isActive}}">\r
+            <div class="panel-body"> {{msg}} </div>\r
+        </div>\r
+    </div>\r
+    {{/items}}\r
+</script>\r
+\r
+<!-- Default Buttons <button class="btnDefault" ng-click="{{clickAction}}">{{title}}</button>-->\r
+<script id="defaultButtons" type="text/html">\r
+    <input type="button" class="btnDefault btnmrg" ng-click="{{clickAction}}" value="{{title}}"/>\r
+</script>\r
+\r
+<script id="defaultIconButtons" type="text/html">\r
+    <button id="iconBtn" type="button" class="btnDefault {{type}}" ng-click="{{clickAction}}">{{title}}\r
+        <span class="glyphicon {{gType}} pull-{{iconPosition}}"></span>\r
+    </button>\r
+</script>\r
+\r
+<!-- Visual Buttons -->\r
+<script id="visualButtons" type="text/html">\r
+    <button type="button" class="btn btn-{{type}}">{{title}}</button>\r
+</script>\r
+\r
+<!-- Different sized Buttons -->\r
+<script id="sizeButtons" type="text/html">\r
+    <button type="button" class="btn btn-{{type}} {{size}}">{{title}}</button>\r
+</script>\r
+\r
+<!-- Icon Buttons -->\r
+<script id="iconButtons" type="text/html">\r
+    <button type="button" class="btn btn-{{type}}">{{title}}\r
+        <span class="glyphicon {{gType}}"></span>\r
+    </button>\r
+</script>\r
+\r
+<!--Radio Buttons-->\r
+<script id="radioButtons" type="text/html">\r
+    <div>\r
+        <input class="magic-radio" type="radio" name="radio" id="radio{{id}}"/>\r
+        <label for="radio{{id}}">{{label}}</label></br>\r
+    </div>\r
+</script>\r
+\r
+<!--Check boxes template-->\r
+<script id="checkBoxes" type="text/html">\r
+    <div class="funkyradio-{{type}}">\r
+        <input type="checkbox" name="check" id="checkbox{{id}}" {{#checked}}checked{{/checked}} />\r
+        <label for="checkbox{{id}}">{{label}}</label>\r
+    </div>\r
+</script>\r
+\r
+<!--Dropdown template-->\r
+<script id="dropDown" type="text/html">\r
+    <div class="drop{{position}}">\r
+        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">{{title}}\r
+            <span class="caret"></span>\r
+        </button>\r
+        <ul class="dropdown-menu">\r
+            {{#items}}<li><a href="#">{{itemLabel}}</a></li>{{/items}}\r
+        </ul>\r
+    </div>\r
+\r
+</script>\r
+\r
+<script id="dropDownHeader" type="text/html">\r
+    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">{{title}}\r
+        <span class="caret"></span>\r
+    </button>\r
+    <ul class="dropdown-menu">\r
+        {{#items}}\r
+        {{#isheader}}<li class="divider"></li><li class="dropdown-header">{{itemLabel}}</li><li class="divider"></li>{{/isheader}}\r
+        {{^isheader}}<li><a href="#">{{itemLabel}}</a></li>{{/isheader}}\r
+        {{/items}}\r
+    </ul>\r
+</script>\r
+\r
+<script id="simpleDropdownTmpl" type="text/html">\r
+    <div class="dropdownplain">\r
+        <ul class="nav navbar-nav">\r
+            <li>\r
+                <a class="dropdown-toggle" data-toggle="dropdown">{{title}} <span class="glyphicon glyphicon-chevron-down pull-right"></span></a>\r
+                <ul class="dropdown-menu">\r
+                    {{#items}}<li><a target="_blank">{{itemLabel}}</a></li>{{/items}}\r
+                </ul>\r
+            </li>\r
+        </ul>\r
+    </div>\r
+\r
+\r
+\r
+</script>\r
+\r
+<!--Tabs-->\r
+<script id="tabs" type="text/html">\r
+    <ul class="nav nav-tabs">\r
+        {{#items}}<li {{#isActive}}class="active"{{/isActive}}><a data-toggle="tab" data-target="#{{target}}">{{tablabel}}</a></li>{{/items}}\r
+    </ul>\r
+    <div class="tab-content">\r
+        {{#items}}\r
+        <div id="{{target}}" class="tab-pane fade {{#isActive}}in active{{/isActive}}">\r
+            <h3>{{tablabel}}</h3>\r
+            <p>{{msg}}</p>\r
+        </div>\r
+        {{/items}}\r
+    </div>\r
+</script>\r
+\r
+<!--Vertical Tabs-->\r
+<script id="vtabs" type="text/html">\r
+    <ul class="nav nav-stacked col-sm-4 col-md-4 col-lg-4">\r
+        {{#items}}<li {{#isActive}}class="active"{{/isActive}}><a data-toggle="tab" data-target="#{{target}}">{{tablabel}}</a></li>{{/items}}\r
+    </ul>\r
+    <div class="tab-content col-sm-8 col-md-8 col-lg-8">\r
+        {{#items}}\r
+        <div id="{{target}}" class="tab-pane fade {{#isActive}}in active{{/isActive}}">\r
+            <h3>{{tablabel}}</h3>\r
+            <p>{{msg}}</p>\r
+        </div>\r
+        {{/items}}\r
+    </div>\r
+</script>\r
+\r
+<script id="table" type="text/html">\r
+    {{#filter}}<input type="text" id="myInput" onkeyup="{{action}}" placeholder="Search for {{searchField}}">{{/filter}}\r
+    <table id="myTable{{#filter}}_search{{/filter}}" class="table {{#striped}}table-striped{{/striped}} {{#border}}table-bordered{{/border}} {{#hover}}table-hover{{/hover}} {{#condensed}}table-condensed{{/condensed}}">\r
+        <thead>\r
+        <tr>\r
+            {{#itemHeader}}<th>{{.}}</th>{{/itemHeader}}\r
+        </tr>\r
+        </thead>\r
+        <tbody>\r
+        {{#rowitem}}\r
+        <tr>\r
+            {{#values}}<td>{{.}}</td>{{/values}}\r
+        </tr>\r
+        {{/rowitem}}\r
+        </tbody>\r
+    </table>\r
+</script>\r
+\r
+<!--text-->\r
+<script id="textfield" type="text/html">\r
+    <div class="css-form">\r
+        <input id ="textbox" name="textbox" class="form-control" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="text"  ng-blur="validatetextbox({{modalVar}})" required >\r
+        <span class="errMsg" ng-show="textboxErr">{{textboxErr}}</span>\r
+    </div>\r
+</script>\r
+\r
+<!--email-->\r
+<script id="email" type="text/html">\r
+    <div class="css-form">\r
+        <input class="form-control" ng-model="email" type="email"  ng-blur="validateemail('email')" required>\r
+        <span class="errMsg" ng-show="emailErr">{{emailErr}}</span>\r
+    </div>\r
+</script>\r
+\r
+<!--url-->\r
+<script  id="url" type="text/html">\r
+    <div class="css-form">\r
+        <input class="form-control" ng-model="url" type="url"  ng-blur="validateurl('url')" required>\r
+        <span class="errMsg" ng-show="urlErr">{{urlErr}}</span>\r
+    </div>\r
+</script>\r
+\r
+<!--password-->\r
+<script  id="password" type="text/html">\r
+    <div class="css-form">\r
+        <input class="form-control" ng-model="password" type="password" pattern=".{3,}" maxlength="{{#maxLength}}{{maxlength}}{{/maxlength}}{{^maxLength}}9{{/maxlength}}" ng-blur="validatepassword('password')" required>\r
+        <span class="errMsg" ng-show="passwordErr">{{passwordErr}}</span>\r
+    </div>\r
+</script>\r
+\r
+<!--numeric-->\r
+<script id="numeric" type="text/html">\r
+    <div class="css-form">\r
+        <input  class="form-control" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="number"  ng-blur="validatenumeric({{modalVar}})" required/>\r
+        <span class="errMsg" ng-show="numericErr">{{numericErr}}</span>\r
+    </div>\r
+</script>\r
+\r
+<!--dot-->\r
+<script  id="dot" type="text/html">\r
+    <div class="css-form">\r
+        <input class="form-control" ng-model="datetime" type="datetime-local"  ng-blur="validatedot('dot')" required>\r
+        <span class="errMsg" ng-show="dotErr">{{dotErr}}</span>\r
+    </div>\r
+</script>\r
+\r
+<!--date-->\r
+<script  id="dateinput" type="text/html">\r
+    <div class="css-form">\r
+        <input class="form-control" ng-model="date" type="date" ng-blur="validatedateinput('dateinput')" required>\r
+        <span class="errMsg" ng-show="dateinputErr">{{dateinputErr}}</span>\r
+    </div>\r
+</script>\r
+\r
+<!--Month-->\r
+<script  id="monthinput" type="text/html">\r
+    <div class="css-form">\r
+        <input class="form-control"ng-model="month" type="month"  ng-blur="validatemonthinput('monthinput')" required>\r
+        <span class="errMsg" ng-show="monthinputErr">{{monthinputErr}}</span>\r
+    </div>\r
+</script>\r
+\r
+\r
+<!--Week-->\r
+<script   id="weekinput" type="text/html">\r
+    <div class="css-form">\r
+        <input class="form-control" ng-model="week" type="week"  ng-blur="validateweek('week')" required>\r
+        <span class="errMsg" ng-show="weekinputErr">{{weekinputErr}}</span>\r
+    </div>\r
+</script>\r
+\r
+<!--time-->\r
+<script   id="timeinput" type="text/html">\r
+    <div class="css-form">\r
+        <input class="form-control" ng-model="time" type="time"  ng-blur="validatetime('time')" required>\r
+        <span class="errMsg" ng-show="timeinputErr">{{timeinputErr}}</span>\r
+    </div>\r
+</script>\r
+\r
+<!--ipv4-->\r
+<script   id="ipv4" type="text/html">\r
+    <div class="css-form">\r
+        <input class="form-control" type="ipv4" placeholder="{{placeholder}}" ng-model="{{modalVar}}" pattern="((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$"  ng-blur="validateipv4({{modalVar}})" required>\r
+        <span class="errMsg" ng-show="ipv4Err">{{ipv4Err}}</span>\r
+    </div>\r
+</script>\r
+\r
+<!--ipv6-->\r
+<script   id="ipv6" type="text/html">\r
+    <div class="css-form">\r
+        <input class="form-control" ng-model="ipv6"  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="validateipv6('ipv6')" required>\r
+        <span class="errMsg" ng-show="ipv6Err">{{ipv6Err}}</span>\r
+    </div>\r
+</script>\r
+\r
+\r
+<!--textarea-->\r
+<script id="textarea" type="text/html">\r
+    <div class="css-form">\r
+        <textarea class="form-control"  ng-model="textarea" rows="4" cols="50"  ng-blur="validatetextarea('textarea')" required></textarea>\r
+        <span class="errMsg" ng-show="textareaErr">{{textareaErr}}</span>\r
+    </div>\r
+</script>\r
+\r
+\r
+\r
+<!--note-->\r
+\r
+<script id="note" type="text/html">\r
+\r
+    <a  id="noteanchor" href="#/home/tooltip" title="Note" data-toggle="popover" data-trigger="focus" data-placement="{{placement}}">\r
+        <span class="glyphicon glyphicon-info-sign "></span></a>\r
+</script>\r
+\r
+\r
+\r
+<!-- Left Menu Accordion -->\r
+<!--\r
+<script id="menu_accordion" type="text/html">\r
+    {{#items}}\r
+    <div class="panel panel-default">\r
+        <h3 class="panel-title">\r
+            <a data-toggle="collapse" data-parent="#accordion" data-target="#{{tabId}}">{{header}}</a>\r
+        </h3>\r
+        <div id="{{tabId}}" class="panel-collapse collapse {{#isActive}}in{{/isActive}}">\r
+            {{#subLinks}}<a ui-sref="{{state}}" ui-sref-active="link_active" style="padding-left: 62px;" onclick={{action}}>{{title}}</a>{{/subLinks}}\r
+        </div>\r
+    </div>\r
+    {{/items}}\r
+</script>-->\r