diff options
author | 2017-09-05 19:39:27 +0800 | |
---|---|---|
committer | 2017-09-06 11:28:35 +0800 | |
commit | 6113a38e094cbaccb8272684557f011c3d90e2ba (patch) | |
tree | 5aacab4413763d806c3860712f34cbda46f75525 /usecaseui-holmes/src/main/webapp/public/framework/templateWidget.html | |
parent | db964faf785d24b069315ab27c42f8338e4a1ed0 (diff) |
Initial Submission of Holmes GUI
Change-Id: I0659887e99d122bc667409964f06a003799da272
Issue-ID: HOLMES-50
Signed-off-by: Guangrong Fu <fu.guangrong@zte.com.cn>
Diffstat (limited to 'usecaseui-holmes/src/main/webapp/public/framework/templateWidget.html')
-rw-r--r-- | usecaseui-holmes/src/main/webapp/public/framework/templateWidget.html | 213 |
1 files changed, 213 insertions, 0 deletions
diff --git a/usecaseui-holmes/src/main/webapp/public/framework/templateWidget.html b/usecaseui-holmes/src/main/webapp/public/framework/templateWidget.html new file mode 100644 index 00000000..14211c29 --- /dev/null +++ b/usecaseui-holmes/src/main/webapp/public/framework/templateWidget.html @@ -0,0 +1,213 @@ +<!-- + + 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"> + <ul class="nav navbar-nav"> + <li> + <a class="dropdown-toggle" data-toggle="dropdown">{{title}} <span class="glyphicon glyphicon-chevron-down pull-right"></span></a> + <ul class="dropdown-menu"> + {{#items}}<li><a target="_blank">{{itemLabel}}</a></li>{{/items}} + </ul> + </li> + </ul> + </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" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="text" ng-blur="{{errfunc}}({{modalVar}})" 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" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="email" ng-blur="{{errfunc}}({{modalVar}})" 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" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="url" ng-blur="{{errfunc}}({{modalVar}})" 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" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="password" pattern=".{3,}" maxlength="{{#maxLength}}{{maxLength}}{{/maxLength}}{{^maxLength}}9{{/maxLength}}" ng-blur="{{errfunc}}({{modalVar}})" 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" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="number" ng-blur="{{errfunc}}({{modalVar}})" 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" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="datetime-local" ng-blur="{{errfunc}}({{modalVar}})" 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" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="date" ng-blur="{{errfunc}}({{modalVar}})" 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" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="month" ng-blur="{{errfunc}}({{modalVar}})" 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" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="week" ng-blur="{{errfunc}}({{modalVar}})" 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" placeholder="{{placeholder}}" ng-model="{{modalVar}}" type="time" ng-blur="{{errfunc}}({{modalVar}})" 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" 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> + <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" 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> + <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" rows="4" cols="50" placeholder="{{placeholder}}" ng-model="{{modalVar}}" ng-blur="{{errfunc}}({{modalVar}})" required></textarea> + <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> |