summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE-common/client/app/directives/multiple-select/multiple-select2.tpl.html
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-portal-FE-common/client/app/directives/multiple-select/multiple-select2.tpl.html')
-rw-r--r--ecomp-portal-FE-common/client/app/directives/multiple-select/multiple-select2.tpl.html36
1 files changed, 36 insertions, 0 deletions
diff --git a/ecomp-portal-FE-common/client/app/directives/multiple-select/multiple-select2.tpl.html b/ecomp-portal-FE-common/client/app/directives/multiple-select/multiple-select2.tpl.html
new file mode 100644
index 00000000..34a6cea0
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/directives/multiple-select/multiple-select2.tpl.html
@@ -0,0 +1,36 @@
+<!--
+ ================================================================================
+ 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 id="app-multilple-select" class="multiple-select2">
+ <div class="selectBox"
+ id="app-select-{{getTitle()}}"
+ 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" id="{{item[nameAttr]}}-checkbox-div">
+ <label id="{{item[nameAttr]}}-checkbox-label">
+ <input type="checkbox" id="{{item[nameAttr]}}-checkbox" disabled="disabled" ng-model="item[valueAttr]" ng-change="onCheckboxClicked()">
+ {{item[nameAttr]}}
+ </label>
+ </div>
+ </div>
+</div>