summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE/client/app/directives/multiple-select/multiple-select.tpl.html
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-portal-FE/client/app/directives/multiple-select/multiple-select.tpl.html')
-rw-r--r--ecomp-portal-FE/client/app/directives/multiple-select/multiple-select.tpl.html38
1 files changed, 38 insertions, 0 deletions
diff --git a/ecomp-portal-FE/client/app/directives/multiple-select/multiple-select.tpl.html b/ecomp-portal-FE/client/app/directives/multiple-select/multiple-select.tpl.html
new file mode 100644
index 00000000..e55e844c
--- /dev/null
+++ b/ecomp-portal-FE/client/app/directives/multiple-select/multiple-select.tpl.html
@@ -0,0 +1,38 @@
+<!--
+ ================================================================================
+ eCOMP Portal
+ ================================================================================
+ Copyright (C) 2017 AT&T Intellectual Property
+ ================================================================================
+ 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="dropdown-container" style="height:30px;">
+ <div class="right_arrow_down" style="left:185px"></div>
+ <div class="multiple-select">
+ <div class="selectBox"
+ ng-click="isDisabled || showCheckboxes()"
+ title="{{getTitle()}}"
+ ng-bind="getTitle()"
+ ng-class="{open: isExpanded, closed: !isExpanded, disabled: isDisabled}"></div>
+
+ <div class="checkboxes" ng-show="isExpanded">
+ <div ng-repeat="item in ngModel">
+ <label>
+ <input type="checkbox" ng-model="item[valueAttr]" ng-change="onCheckboxClicked()">
+ {{item[nameAttr]}}
+ </label>
+ </div>
+ </div>
+ </div>
+</div>