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>
---
 .../expand-collapse-list-header.ts                 | 66 ++++++++++++++++++++++
 1 file changed, 66 insertions(+)
 create mode 100644 catalog-ui/src/app/directives/utils/expand-collapse-list-header/expand-collapse-list-header.ts

(limited to 'catalog-ui/src/app/directives/utils/expand-collapse-list-header/expand-collapse-list-header.ts')

diff --git a/catalog-ui/src/app/directives/utils/expand-collapse-list-header/expand-collapse-list-header.ts b/catalog-ui/src/app/directives/utils/expand-collapse-list-header/expand-collapse-list-header.ts
new file mode 100644
index 0000000000..73cb2def0b
--- /dev/null
+++ b/catalog-ui/src/app/directives/utils/expand-collapse-list-header/expand-collapse-list-header.ts
@@ -0,0 +1,66 @@
+/**
+ * Created by rcohen on 12/5/2016.
+ */
+'use strict';
+
+export class ExpandCollapseListData {
+    filter:string;//variable for filter text
+    orderByField:string;//order by field name
+    expandCollapse:boolean;//boolean param for expand collapse the list
+}
+
+export interface IExpandCollapseListHeaderScope extends ng.IScope {
+    title:string;//the title on the header
+    expandCollapseListData:ExpandCollapseListData;
+    showSearchBox:boolean;
+    desc:boolean;//order by desc or asc
+
+    swapOrderBy():void;
+    showHideSearchBox():void;
+}
+
+export class ExpandCollapseListHeaderDirective implements ng.IDirective {
+
+    constructor(private $timeout:ng.ITimeoutService) {
+    }
+
+    scope = {
+        title: '@',
+        expandCollapseListData: '='
+    };
+
+    public replace = false;
+    public restrict = 'AE';
+    public transclude = true;
+
+    template = ():string => {
+        return require('./expand-collapse-list-header.html');
+    };
+
+    link = (scope:IExpandCollapseListHeaderScope, $elem:any) => {
+        scope.swapOrderBy = ():void => {
+            if (scope.expandCollapseListData.orderByField.charAt(0) === '-') {
+                scope.expandCollapseListData.orderByField = scope.expandCollapseListData.orderByField.substr(1);
+            } else {
+                scope.expandCollapseListData.orderByField = '-' + scope.expandCollapseListData.orderByField;
+            }
+            scope.desc = !scope.desc;
+        };
+
+        scope.showHideSearchBox = ():void => {
+            scope.showSearchBox = !scope.showSearchBox;
+            if (scope.showSearchBox) {
+                this.$timeout(function () {
+                    angular.element("#list-search-box").focus();
+                }, 0);
+            }
+        };
+    };
+
+    public static factory = ($timeout:ng.ITimeoutService)=> {
+        return new ExpandCollapseListHeaderDirective($timeout);
+    };
+
+}
+
+ExpandCollapseListHeaderDirective.factory.$inject = ['$timeout'];
-- 
cgit 1.2.3-korg