Add grouping to Select from Project

openshift · Oct 23, 2017 · 755027a · 755027a
1 parent b2c1cf1
commit 755027a
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/app/scripts/directives/processTemplateDialog.js b/app/scripts/directives/processTemplateDialog.js
@@ -208,6 +208,14 @@
       }));
     };
 
+    // TODO: Make this as a reusable component since we are using similar method also in origin-web-catalog
+    ctrl.groupChoicesBy = function (item) {
+      if (RecentlyViewedProjectsService.isRecentlyViewed(item.metadata.uid)) {
+        return "Recently Viewed";
+      }
+      return "Other Projects";
+    };
+
     function getIconClass() {
       var iconClass = _.get(ctrl, 'template.metadata.annotations.iconClass', 'fa fa-clone');
       return (iconClass.indexOf('icon-') !== -1) ? 'font-icon ' + iconClass : iconClass;

diff --git a/app/views/directives/process-template-dialog/process-template-select.html b/app/views/directives/process-template-dialog/process-template-select.html
@@ -10,7 +10,7 @@ <h2>Select from Project</h2>
         <ui-select-match placeholder="Select a Project">
           {{$select.selected | displayName}}
         </ui-select-match>
-        <ui-select-choices repeat="project in $ctrl.templateProjects | searchProjects : $select.search track by (project | uid)">
+        <ui-select-choices repeat="project in $ctrl.templateProjects | searchProjects : $select.search track by (project | uid)" group-by="$ctrl.groupChoicesBy">
           <span ng-bind-html="project | displayName | highlightKeywords : $select.search"></span>
           <span ng-if="project | displayName : true" class="small text-muted">
             <span ng-if="project.metadata.name">&ndash;</span>

diff --git a/dist/scripts/scripts.js b/dist/scripts/scripts.js
@@ -13274,6 +13274,8 @@ type: "error",
 message: t
 });
 }));
+}, b.groupChoicesBy = function(e) {
+return c.isRecentlyViewed(e.metadata.uid) ? "Recently Viewed" : "Other Projects";
 };
 var w = function() {
 var e = _.reject(b.unfilteredProjects, "metadata.deletionTimestamp"), n = _.sortBy(e, t("displayName"));

diff --git a/dist/scripts/templates.js b/dist/scripts/templates.js
@@ -9041,7 +9041,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<ui-select-match placeholder=\"Select a Project\">\n" +
     "{{$select.selected | displayName}}\n" +
     "</ui-select-match>\n" +
-    "<ui-select-choices repeat=\"project in $ctrl.templateProjects | searchProjects : $select.search track by (project | uid)\">\n" +
+    "<ui-select-choices repeat=\"project in $ctrl.templateProjects | searchProjects : $select.search track by (project | uid)\" group-by=\"$ctrl.groupChoicesBy\">\n" +
     "<span ng-bind-html=\"project | displayName | highlightKeywords : $select.search\"></span>\n" +
     "<span ng-if=\"project | displayName : true\" class=\"small text-muted\">\n" +
     "<span ng-if=\"project.metadata.name\">&ndash;</span>\n" +