From cb074a5c4210fcc5bff57bbd490d5a3077b71e29 Mon Sep 17 00:00:00 2001
From: Juan Cabrerizo <juan@cloudsoft.io>
Date: Wed, 7 Nov 2018 16:41:39 +0000
Subject: [PATCH] add compact list view mode

---
 .../catalog-selector.directive.js             |  3 ++-
 .../catalog-selector/catalog-selector.less    | 22 ++++++++++++++++---
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/ui-modules/blueprint-composer/app/components/catalog-selector/catalog-selector.directive.js b/ui-modules/blueprint-composer/app/components/catalog-selector/catalog-selector.directive.js
index 60f7beb37..298ba803c 100644
--- a/ui-modules/blueprint-composer/app/components/catalog-selector/catalog-selector.directive.js
+++ b/ui-modules/blueprint-composer/app/components/catalog-selector/catalog-selector.directive.js
@@ -36,6 +36,7 @@ const PALETTE_VIEW_MODES = {
         normal: { name: "Normal", classes: "col-xs-3", itemsPerRow: 4 },
         large: { name: "Large", classes: "col-xs-4", itemsPerRow: 3 },
         list: { name: "List", classes: "col-xs-12 item-full-width", itemsPerRow: 1 },
+        compactList: { name: "Compact list", classes: "col-xs-12 item-compact-list", itemsPerRow: 1, rowHeightPx: 30 },
     };
 
 // fields in either bundle or type record:
@@ -63,7 +64,7 @@ function link($scope, $element, attrs, controller) {
 
     // repaginate when load completes (and items are shown), or it is resized
     $scope.$watchGroup(
-        [ () => $scope.isLoading, () => main[0].offsetHeight, () => $scope.state.viewMode.itemsPerRow ],
+        [ () => $scope.isLoading, () => main[0].offsetHeight, () => $scope.state.viewMode.name ],
         (values) => controller.$timeout( () => repaginate($scope, $element) ) );
     // also repaginate on window resize    
     angular.element(window).bind('resize', () => repaginate($scope, $element));
diff --git a/ui-modules/blueprint-composer/app/components/catalog-selector/catalog-selector.less b/ui-modules/blueprint-composer/app/components/catalog-selector/catalog-selector.less
index d22ef1fbd..95e550e85 100644
--- a/ui-modules/blueprint-composer/app/components/catalog-selector/catalog-selector.less
+++ b/ui-modules/blueprint-composer/app/components/catalog-selector/catalog-selector.less
@@ -45,7 +45,8 @@ catalog-selector {
     &.item-compact {
         height: 75px;
     }
-    
+
+    &.item-compact-list,
     &.item-full-width {
         .item {
             display: flex;
@@ -53,8 +54,6 @@ catalog-selector {
             .item-logo {
                 flex: 0 0 auto;
                 width: auto;
-                height: 78px;
-                min-width: 90px;
                 img {
                     margin: 0;
                     width: auto;
@@ -72,6 +71,23 @@ catalog-selector {
             }
         }
     }
+    &.item-compact-list{
+      height: 30px;
+      .item {
+        .item-logo {
+          height: 20px;
+          min-width: 20px;
+        }
+      }
+    }
+    &.item-full-width{
+      .item {
+        .item-logo {
+          height: 78px;
+          min-width: 90px;
+        }
+      }
+    }
   }
   .catalog-palette-footer {
     padding-bottom: 5px;