Merge pull request ManageIQ#535 from AllenBW/ate-templates-explorer-sass

PT#140251613 Templates-explorer observes applicable sass

Author: chriskacerguis

client/app/services/service-explorer/service-explorer.html

@@ -110,7 +110,7 @@
              tooltip-append-to-body="true"
              tooltip-popup-delay="1000"
              tooltip-placement="bottom-left">
-          <strong translate>Created</strong>&nbsp;
+          <strong translate>Created</strong>
           <div>
             {{ item.created_at | date : 'short' }}
           </div>

client/app/templates/template-explorer.component.js

@@ -1,4 +1,4 @@
-/* eslint camelcase: "off" */
+import '../../assets/sass/_explorer.sass';
 import templateUrl from './template-explorer.html';
 
 export const TemplateExplorerComponent = {
@@ -69,13 +69,15 @@ function ComponentController(ListView, TemplatesService, EventNotifications, $st
       onCheckBoxChange: selectionChange,
     };
   }
+
   function getSortConfig() {
     return {
       direction: 'asc',
       field: 'name',
       sortOptions: 'alpha',
     };
   }
+
   function getToolbarConfig() {
     const sortOrderFields = getSortFields();
     const sortConfig = {
@@ -117,8 +119,7 @@ function ComponentController(ListView, TemplatesService, EventNotifications, $st
   }
 
   function getMenuActions() {
-    const menuActions = [
-    ];
+    const menuActions = [];
 
     return menuActions;
   }
@@ -130,10 +131,12 @@ function ComponentController(ListView, TemplatesService, EventNotifications, $st
 
     resolveTemplates(vm.limit, 0);
   }
+
   function filterChange(filters) {
     vm.filters = filters;
     resolveTemplates(vm.limit, 0);
   }
+
   function resolveTemplates(limit, offset, refresh) {
     if (!refresh) {
       vm.loading = true;
@@ -174,7 +177,7 @@ function ComponentController(ListView, TemplatesService, EventNotifications, $st
 
         template.selected = false;
 
-        vm.selectedItemsList.some(function (selectedItem) {
+        vm.selectedItemsList.some(function(selectedItem) {
           if (selectedItem.id === template.id) {
             if (angular.isDefined(selectedItem.selected) && selectedItem.selected) {
               template.selected = true;
@@ -194,7 +197,7 @@ function ComponentController(ListView, TemplatesService, EventNotifications, $st
   }
 
   function selectionChange(_item) {
-    vm.selectedItemsList = vm.templatesList.filter(function (service) {
+    vm.selectedItemsList = vm.templatesList.filter(function(service) {
       return service.selected;
     });
   }
@@ -214,6 +217,7 @@ function ComponentController(ListView, TemplatesService, EventNotifications, $st
   function pollTemplates() {
     resolveTemplates(vm.limit, vm.offset, true);
   }
+
   function addTemplate() {
     $state.go("templates.editor");
   }

client/app/templates/template-explorer.html

@@ -18,7 +18,7 @@
     </custom-dropdown>
   </actions>
 </div>
-<div class="list-view-container section-container paged-container service-explorer-list">
+<div class="list-view-container section-container paged-container explorer-list">
   <loading status="vm.loading"></loading>
   <div ng-if="!vm.loading"
        pf-list-view id="templatesList"
@@ -44,14 +44,20 @@
         </span>
       </div>
       <div class="col-lg-1 col-md-2 col-sm-4 col-xs-4">
-        <span class="no-wrap">
+        <span>
           <span class="label label-success" ng-if="item.orderable === true" translate>Available</span>
         </span>
       </div>
       <div class="col-lg-3 col-md-2 hidden-sm hidden-xs">
-        <span class="no-wrap">
-         <strong translate>Updated</strong> {{item.updated_at}}
-        </span>
+        <div class="list-view-stacked-item" uib-tooltip="Updated: {{item.updated_at | date : 'short'}}"
+             tooltip-append-to-body="true"
+             tooltip-popup-delay="1000"
+             tooltip-placement="bottom-left">
+          <strong translate>Updated</strong>
+          <div>
+            {{ item.updated_at | date : 'short' }}
+          </div>
+        </div>
       </div>
     </div>
   </div>

yarn.lock

@@ -25,12 +25,6 @@ [email protected], accepts@~1.3.3:
     mime-types "~2.1.11"
     negotiator "0.6.1"
 
-ace-code-editor@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/ace-code-editor/-/ace-code-editor-1.2.3.tgz#a65a533879d6e0f9fdb5e712d2ee46b2079a51de"
-  dependencies:
-    mime "1.2.x"
-
 acorn-dynamic-import@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/acorn-dynamic-import/-/acorn-dynamic-import-2.0.1.tgz#23f671eb6e650dab277fef477c321b1178a8cca2"
@@ -1040,7 +1034,7 @@ brace-expansion@^1.0.0:
     balanced-match "^0.4.1"
     concat-map "0.0.1"
 
-brace@^0.9.1:
+[email protected]:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/brace/-/brace-0.9.1.tgz#19dcbae2faec9a9920a0452ec64d8d84df45e7b6"
   dependencies: