Hide storage classes select when there are none

Author: spadgett

app/scripts/directives/oscPersistentVolumeClaim.js

@@ -84,6 +84,10 @@ angular.module("openshiftConsole")
 
         DataService.list({group: 'storage.k8s.io', resource: 'storageclasses'}, {}, function(storageClassData) {
            var storageClasses = storageClassData.by('metadata.name');
+           if (_.isEmpty(storageClasses)) {
+             return;
+           }
+
            scope.storageClasses = _.sortBy(storageClasses, 'metadata.name');
            var annotation = $filter('annotation');
            scope.defaultStorageClass = _.find(scope.storageClasses, function(storageClass) {

app/views/directives/osc-persistent-volume-claim.html

@@ -1,11 +1,10 @@
 <ng-form name="persistentVolumeClaimForm">
   <fieldset ng-disabled="claimDisabled">
-    <div ng-show="storageClasses | hashSize" class="form-group">
+    <div ng-if="storageClasses.length" class="form-group">
       <!--storage class-->
       <label>Storage Class</label>
       <div>
         <ui-select
-          ng-if="storageClasses"
           ng-model="claim.storageClass"
           theme="bootstrap"
           search-enabled="true"

dist/scripts/scripts.js

@@ -10262,6 +10262,7 @@ group:"storage.k8s.io",
 resource:"storageclasses"
 }, {}, function(b) {
 var c = b.by("metadata.name");
+if (!_.isEmpty(c)) {
 e.storageClasses = _.sortBy(c, "metadata.name");
 var d = a("annotation");
 if (e.defaultStorageClass = _.find(e.storageClasses, function(a) {
@@ -10278,6 +10279,7 @@ description:"No storage class will be assigned"
 };
 e.storageClasses.unshift(f);
 }
+}
 }, {
 errorNotification:!1
 }), b.list("limitranges", {

dist/scripts/templates.js

@@ -7791,11 +7791,11 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
   $templateCache.put('views/directives/osc-persistent-volume-claim.html',
     "<ng-form name=\"persistentVolumeClaimForm\">\n" +
     "<fieldset ng-disabled=\"claimDisabled\">\n" +
-    "<div ng-show=\"storageClasses | hashSize\" class=\"form-group\">\n" +
+    "<div ng-if=\"storageClasses.length\" class=\"form-group\">\n" +
     "\n" +
     "<label>Storage Class</label>\n" +
     "<div>\n" +
-    "<ui-select ng-if=\"storageClasses\" ng-model=\"claim.storageClass\" theme=\"bootstrap\" search-enabled=\"true\" title=\"Select a storage class\" class=\"select-role\">\n" +
+    "<ui-select ng-model=\"claim.storageClass\" theme=\"bootstrap\" search-enabled=\"true\" title=\"Select a storage class\" class=\"select-role\">\n" +
     "<ui-select-match placeholder=\"Select a storage class\">\n" +
     "<span>\n" +
     "{{$select.selected.metadata.name}}\n" +