filter protocol based on the provider selected - PowerFlex

Author: Pearl Dsilva

src/views/infra/AddPrimaryStorage.vue

@@ -202,7 +202,7 @@
           </span>
           <a-select
             v-decorator="['provider', { initialValue: providerSelected, rules: [{ required: true, message: `${$t('label.required')}`}] }]"
-            @change="val => this.providerSelected = val">
+            @change="updateProviderAndProtocol">
             <a-select-option :value="provider" v-for="(provider,idx) in providers" :key="idx">
               {{ provider }}
             </a-select-option>
@@ -600,6 +600,14 @@ export default {
        gateway + '/' + encodeURIComponent(pool)
       return url
     },
+    updateProviderAndProtocol (value) {
+      if (value === 'PowerFlex') {
+        this.protocols = ['custom']
+      } else {
+        this.fetchHypervisor(null)
+      }
+      this.providerSelected = value
+    },
     closeModal () {
       this.$parent.$parent.close()
     },