From ed64b5edff15e702493df21aa3230b81593e6133 Mon Sep 17 00:00:00 2001
From: Michael Lando <ml636r@att.com>
Date: Fri, 9 Jun 2017 03:19:04 +0300
Subject: [SDC-29] catalog 1707 rebase commit.

Change-Id: I43c3dc5cf44abf5da817649bc738938a3e8388c1
Signed-off-by: Michael Lando <ml636r@att.com>
---
 .../app/directives/elements/checkbox/checkbox.html | 14 +++++++
 .../app/directives/elements/checkbox/checkbox.less | 35 ++++++++++++++++++
 .../app/directives/elements/checkbox/checkbox.ts   | 43 ++++++++++++++++++++++
 3 files changed, 92 insertions(+)
 create mode 100644 catalog-ui/src/app/directives/elements/checkbox/checkbox.html
 create mode 100644 catalog-ui/src/app/directives/elements/checkbox/checkbox.less
 create mode 100644 catalog-ui/src/app/directives/elements/checkbox/checkbox.ts

(limited to 'catalog-ui/src/app/directives/elements/checkbox')

diff --git a/catalog-ui/src/app/directives/elements/checkbox/checkbox.html b/catalog-ui/src/app/directives/elements/checkbox/checkbox.html
new file mode 100644
index 0000000000..1e25408188
--- /dev/null
+++ b/catalog-ui/src/app/directives/elements/checkbox/checkbox.html
@@ -0,0 +1,14 @@
+<label class="tlv-checkbox" ng-class="{'disabled' : disabled}">
+    <input  id="{{elemId}}"
+            name="{{elemId}}"
+            class="tlv-checkbox-i"
+            type="checkbox"
+            checked=""
+            ng-disabled="disabled"
+            checklist-model="sdcChecklistModel"
+            checklist-value="sdcChecklistValue"
+            checklist-change="sdcChecklistChange()"
+        />
+
+    <span sdc-smart-tooltip class="tlv-checkbox-label" data-tests-id="{{elemId}}">{{text}}</span>
+</label>
diff --git a/catalog-ui/src/app/directives/elements/checkbox/checkbox.less b/catalog-ui/src/app/directives/elements/checkbox/checkbox.less
new file mode 100644
index 0000000000..0747a680a9
--- /dev/null
+++ b/catalog-ui/src/app/directives/elements/checkbox/checkbox.less
@@ -0,0 +1,35 @@
+label.tlv-checkbox {
+    font-weight: normal;
+}
+
+/*
+input[type="checkbox"] {
+    display:none;
+}
+
+input[type="checkbox"] + label span {
+    margin-right: 6px;
+    vertical-align: text-bottom;
+    .sprite-new;
+    .checkbox_unchecked;
+    cursor:pointer;
+}
+
+input[type="checkbox"]:checked + label span {
+    vertical-align: text-bottom;
+    .sprite-new;
+    .checkbox_checked;
+}
+
+input[type="checkbox"]:focus + label span {
+    vertical-align: text-bottom;
+    .sprite-new;
+    .checkbox_focus;
+}
+
+input[type="checkbox"][disabled] + label{
+    vertical-align: text-bottom;
+    .sprite-new;
+    .checkbox_disabled;
+}
+*/
diff --git a/catalog-ui/src/app/directives/elements/checkbox/checkbox.ts b/catalog-ui/src/app/directives/elements/checkbox/checkbox.ts
new file mode 100644
index 0000000000..ec0be8ab07
--- /dev/null
+++ b/catalog-ui/src/app/directives/elements/checkbox/checkbox.ts
@@ -0,0 +1,43 @@
+'use strict';
+
+export interface ICheckboxElementScope extends ng.IScope {
+    elemId:string;
+    text:string;
+    sdcChecklistModel:any;
+    sdcChecklistValue:string;
+    disabled:boolean;
+}
+
+export class CheckboxElementDirective implements ng.IDirective {
+
+    constructor(private $filter:ng.IFilterService) {
+    }
+
+    public replace = true;
+    public restrict = 'E';
+    public transclude = false;
+
+    scope = {
+        elemId: '@',
+        text: '@',
+        disabled: '=',
+        sdcChecklistModel: '=',
+        sdcChecklistValue: '=',
+        sdcChecklistChange: '&'
+    };
+
+    template = ():string => {
+        return require('./checkbox.html');
+    };
+
+    public link = (scope:ICheckboxElementScope, $elem:ng.IAugmentedJQuery, $attrs:angular.IAttributes) => {
+
+    };
+
+    public static factory = ($filter:ng.IFilterService)=> {
+        return new CheckboxElementDirective($filter);
+    };
+
+}
+
+CheckboxElementDirective.factory.$inject = ['$filter'];
-- 
cgit 1.2.3-korg