UI Changes to support new storage plugin for PowerFlex/ScaleIO storage pool

- Generate URL from the UI inputs when adding "PowerFlex" Primary Storage
- Allow VM Snapshot for stopped VM on KVM hypervisor and PowerFlex/ScaleIO storage pool

Author: sureshanaparti

src/config/section/compute.js

@@ -156,7 +156,8 @@ export default {
           args: ['virtualmachineid', 'name', 'description', 'snapshotmemory', 'quiescevm'],
           show: (record) => {
             return ((['Running'].includes(record.state) && record.hypervisor !== 'LXC') ||
-              (['Stopped'].includes(record.state) && record.hypervisor !== 'KVM' && record.hypervisor !== 'LXC'))
+              (['Stopped'].includes(record.state) && ((record.hypervisor !== 'KVM' && record.hypervisor !== 'LXC') ||
+              (record.hypervisor === 'KVM' && record.pooltype === 'PowerFlex'))))
           },
           mapping: {
             virtualmachineid: {

src/locales/en.json

@@ -1590,6 +1590,10 @@
 "label.portable.ip.ranges": "Portable IP Ranges",
 "label.portableipaddress": "Portable IPs",
 "label.portforwarding": "Port Forwarding",
+"label.powerflex.gateway": "Gateway",
+"label.powerflex.gateway.username": "Gateway Username",
+"label.powerflex.gateway.password": "Gateway Password",
+"label.powerflex.storage.pool": "Storage Pool",
 "label.powerstate": "Power State",
 "label.preferred": "Prefered",
 "label.presetup": "PreSetup",

src/views/infra/AddPrimaryStorage.vue

@@ -208,7 +208,7 @@
             </a-select-option>
           </a-select>
         </a-form-item>
-        <div v-if="this.providerSelected !== 'DefaultPrimary'">
+        <div v-if="this.providerSelected !== 'DefaultPrimary' && this.providerSelected !== 'PowerFlex'">
           <a-form-item>
             <span slot="label">
               {{ $t('label.ismanaged') }}
@@ -248,6 +248,19 @@
             <a-input v-decorator="['url']" />
           </a-form-item>
         </div>
+        <div v-if="this.providerSelected === 'PowerFlex'">
+          <a-form-item :label="$t('label.powerflex.gateway')">
+            <a-input v-decorator="['powerflexGateway']" />
+          <a-form-item :label="$t('label.powerflex.gateway.username')">
+            <a-input v-decorator="['powerflexGatewayUsername']" />
+          </a-form-item>
+          <a-form-item :label="$t('label.powerflex.gateway.password')">
+            <a-input v-decorator="['powerflexGatewayPassword']" />
+          </a-form-item>
+          </a-form-item><a-form-item :label="$t('label.powerflex.storage.pool')">
+            <a-input v-decorator="['powerflexStoragePool']" />
+          </a-form-item>
+        </div>
         <div v-if="this.protocolSelected === 'RBD'">
           <a-form-item :label="$t('label.rados.monitor')">
             <a-input v-decorator="['radosmonitor']" />