[PORTAL-7] Rebase

[portal.git] / ecomp-portal-FE-common / client / app / directives / multiple-select / multiple-select.tpl.html

diff --git a/ecomp-portal-FE-common/client/app/directives/multiple-select/multiple-select.tpl.html b/ecomp-portal-FE-common/client/app/directives/multiple-select/multiple-select.tpl.html
new file mode 100644 (file)
index 0000000..3896bf2
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/directives/multiple-select/multiple-select.tpl.html
@@ -0,0 +1,36 @@
+<!--\r
+  ================================================================================\r
+  ECOMP Portal\r
+  ================================================================================\r
+  Copyright (C) 2017 AT&T Intellectual Property\r
+  ================================================================================\r
+  Licensed under the Apache License, Version 2.0 (the "License");\r
+  you may not use this file except in compliance with the License.\r
+  You may obtain a copy of the License at\r
+  \r
+       http://www.apache.org/licenses/LICENSE-2.0\r
+  \r
+  Unless required by applicable law or agreed to in writing, software\r
+  distributed under the License is distributed on an "AS IS" BASIS,\r
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+  See the License for the specific language governing permissions and\r
+  limitations under the License.\r
+  ================================================================================\r
+  -->\r
+<div id="app-multilple-select" class="multiple-select">\r
+    <div class="selectBox"\r
+        id="app-select-{{getTitle()}}"\r
+         ng-click="isDisabled || showCheckboxes()"\r
+         title="{{getTitle()}}"\r
+         ng-bind="getTitle()"\r
+         ng-class="{open: isExpanded, closed: !isExpanded, disabled: isDisabled}"></div>\r
+\r
+    <div class="checkboxes" ng-show="isExpanded">\r
+        <div ng-repeat="item in ngModel" id="{{item[nameAttr]}}-checkbox-div">\r
+            <label id="{{item[nameAttr]}}-checkbox-label">\r
+                <input type="checkbox" id="{{item[nameAttr]}}-checkbox" ng-model="item[valueAttr]" ng-change="onCheckboxClicked()">\r
+                {{item[nameAttr]}}\r
+            </label>\r
+        </div>\r
+    </div>\r
+</div>\r