This is an automated email from the ASF dual-hosted git repository.

dahn pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudstack.git


The following commit(s) were added to refs/heads/main by this push:
     new 78f9e6584b9 UI(vue) + extras: fix bugs/spelling and standardize 
(#12073)
78f9e6584b9 is described below

commit 78f9e6584b9a06c1c8e39de4106239110a44acaa
Author: John Bampton <[email protected]>
AuthorDate: Fri Dec 12 01:41:50 2025 +1000

    UI(vue) + extras: fix bugs/spelling and standardize (#12073)
---
 .github/linters/codespell.txt                            |  2 --
 .../ServerResource/HypervResource/CloudStackTypes.cs     |  2 +-
 .../test/java/com/cloud/api/ApiResponseHelperTest.java   |  4 ++--
 test/integration/component/test_netscaler_nw_off.py      |  6 +++---
 test/integration/component/test_vpc_vm_life_cycle.py     |  2 +-
 ui/src/components/view/DedicateDomain.vue                |  2 +-
 ui/src/components/view/DeployVMFromBackup.vue            | 16 ++++++++--------
 ui/src/components/view/ResourceCountUsage.vue            | 10 +++++-----
 ui/src/components/view/ResourceLimitTab.vue              | 10 +++++-----
 ui/src/components/view/TestWebhookDeliveryView.vue       | 12 ++++++------
 ui/src/views/compute/AttachIso.vue                       |  4 ++--
 ui/src/views/compute/CreateAutoScaleVmGroup.vue          | 12 ++++++------
 ui/src/views/compute/DeployVM.vue                        | 16 ++++++++--------
 ui/src/views/compute/DeployVnfAppliance.vue              | 16 ++++++++--------
 ui/src/views/compute/EditVM.vue                          |  4 ++--
 ui/src/views/compute/wizard/OsBasedImageSelection.vue    |  4 ++--
 ui/src/views/extension/CreateExtension.vue               |  6 +++---
 ui/src/views/extension/UpdateCustomAction.vue            |  4 ++--
 ui/src/views/iam/CreateRole.vue                          |  2 +-
 ui/src/views/iam/ImportRole.vue                          |  2 +-
 ui/src/views/infra/Resources.vue                         | 10 +++++-----
 ui/src/views/infra/routers/RouterHealthCheck.vue         |  4 ++--
 ui/src/views/infra/zone/ZoneWizardLaunchZone.vue         |  2 +-
 ui/src/views/infra/zone/ZoneWizardRegisterTemplate.vue   |  2 +-
 ui/src/views/offering/AddComputeOffering.vue             |  6 +++---
 ui/src/views/project/iam/ProjectRoleTab.vue              |  2 +-
 ui/src/views/storage/ChangeSharedFSServiceOffering.vue   |  2 +-
 27 files changed, 81 insertions(+), 83 deletions(-)

diff --git a/.github/linters/codespell.txt b/.github/linters/codespell.txt
index 7c8e94021b0..67cbeaa7cbb 100644
--- a/.github/linters/codespell.txt
+++ b/.github/linters/codespell.txt
@@ -255,7 +255,6 @@ ingore
 initalize
 initator
 inspite
-instace
 instal
 instnace
 intefaces
@@ -376,7 +375,6 @@ renabling
 reponse
 reqest
 reqiured
-requried
 reserv
 reserverd
 reseted
diff --git 
a/plugins/hypervisors/hyperv/DotNet/ServerResource/HypervResource/CloudStackTypes.cs
 
b/plugins/hypervisors/hyperv/DotNet/ServerResource/HypervResource/CloudStackTypes.cs
index 2e3de19939d..5d2e909dd11 100644
--- 
a/plugins/hypervisors/hyperv/DotNet/ServerResource/HypervResource/CloudStackTypes.cs
+++ 
b/plugins/hypervisors/hyperv/DotNet/ServerResource/HypervResource/CloudStackTypes.cs
@@ -26,7 +26,7 @@ using System.Threading.Tasks;
 // C# versions of certain CloudStack types to simplify JSON serialisation.
 // Limit to the number of types, because they are written and maintained 
manually.
 // JsonProperty used to identify property name when serialised, which allows
-// later adoption of C# naming conventions if requried.
+// later adoption of C# naming conventions if required.
 namespace HypervResource
 {
     public class PrimaryDataStoreTO
diff --git a/server/src/test/java/com/cloud/api/ApiResponseHelperTest.java 
b/server/src/test/java/com/cloud/api/ApiResponseHelperTest.java
index d4f477383ef..c0c019f6dbd 100644
--- a/server/src/test/java/com/cloud/api/ApiResponseHelperTest.java
+++ b/server/src/test/java/com/cloud/api/ApiResponseHelperTest.java
@@ -458,7 +458,7 @@ public class ApiResponseHelperTest {
         }
     }
 
-    private UnmanagedInstanceTO getUnmanagedInstaceForTests() {
+    private UnmanagedInstanceTO getUnmanagedInstanceForTests() {
         UnmanagedInstanceTO instance = Mockito.mock(UnmanagedInstanceTO.class);
         
Mockito.when(instance.getPowerState()).thenReturn(UnmanagedInstanceTO.PowerState.PowerOff);
         Mockito.when(instance.getClusterName()).thenReturn("CL1");
@@ -477,7 +477,7 @@ public class ApiResponseHelperTest {
 
     @Test
     public void testCreateUnmanagedInstanceResponseVmwareDcVms() {
-        UnmanagedInstanceTO instance = getUnmanagedInstaceForTests();
+        UnmanagedInstanceTO instance = getUnmanagedInstanceForTests();
         UnmanagedInstanceResponse response = 
apiResponseHelper.createUnmanagedInstanceResponse(instance, null, null);
         Assert.assertEquals(1, response.getDisks().size());
         Assert.assertEquals(1, response.getNics().size());
diff --git a/test/integration/component/test_netscaler_nw_off.py 
b/test/integration/component/test_netscaler_nw_off.py
index d9f6c9724f6..627c4a01c05 100644
--- a/test/integration/component/test_netscaler_nw_off.py
+++ b/test/integration/component/test_netscaler_nw_off.py
@@ -802,7 +802,7 @@ class TestNetScalerSharedMode(cloudstackTestCase):
 
         # Validate the following
         # 1. Add another netscaler device and spawn a new VM again
-        # 2. VM deployement should be successful
+        # 2. VM deployment should be successful
 
         self.debug("Adding another netscaler device: %s" %
                                     self.services["netscaler_2"]["ipaddress"])
@@ -1672,7 +1672,7 @@ class TestNwOffSToDUpgrade(cloudstackTestCase):
         #   LB rules
         # 5. Deploy instance with dedicated network offering in account 3.
         #   Create Lb rules.
-        # 6. Configure another instace of netscaler in dedicated mode
+        # 6. Configure another instance of netscaler in dedicated mode
         # 7. upgrade networkj for user 1 to dedicated network offering.
         #    Create LB rules. LB rule creation should be successful
 
@@ -2063,7 +2063,7 @@ class TestNwOffDToSUpgrade(cloudstackTestCase):
         #   LB rules
         # 5. Deploy instance with dedicated network offering in account 3.
         #   Create Lb rules.
-        # 6. Configure another instace of netscaler in dedicated mode
+        # 6. Configure another instance of netscaler in dedicated mode
         # 7. upgrade networkj for user 1 to dedicated network offering.
         #    Create LB rules. LB rule creation should be successful
 
diff --git a/test/integration/component/test_vpc_vm_life_cycle.py 
b/test/integration/component/test_vpc_vm_life_cycle.py
index abe6d194a54..d487a7fa1bd 100644
--- a/test/integration/component/test_vpc_vm_life_cycle.py
+++ b/test/integration/component/test_vpc_vm_life_cycle.py
@@ -1274,7 +1274,7 @@ class TestVMLifeCycleBothIsolated(cloudstackTestCase):
         except Exception as e:
             self.fail("Failed to deploy the virtual instance: %s" % e)
 
-        self.debug("Verify the deployment of virtual instace")
+        self.debug("Verify the deployment of virtual instance")
         vms = VirtualMachine.list(
                                   self.apiclient,
                                   id=vm.id,
diff --git a/ui/src/components/view/DedicateDomain.vue 
b/ui/src/components/view/DedicateDomain.vue
index 08b349cadec..01224efc0c3 100644
--- a/ui/src/components/view/DedicateDomain.vue
+++ b/ui/src/components/view/DedicateDomain.vue
@@ -67,7 +67,7 @@ export default {
   props: {
     error: {
       type: Boolean,
-      requried: true
+      required: true
     }
   },
   data () {
diff --git a/ui/src/components/view/DeployVMFromBackup.vue 
b/ui/src/components/view/DeployVMFromBackup.vue
index c1f0ffc6d14..53e6226f56f 100644
--- a/ui/src/components/view/DeployVMFromBackup.vue
+++ b/ui/src/components/view/DeployVMFromBackup.vue
@@ -1589,7 +1589,7 @@ export default {
       })
       this.fetchBootTypes()
       this.fetchBootModes()
-      this.fetchInstaceGroups()
+      this.fetchInstanceGroups()
       this.fetchIoPolicyTypes()
       nextTick().then(() => {
         ['name', 'keyboard', 'boottype', 'bootmode', 'iothreadsenabled', 
'iodriverpolicy', 'nicmultiqueuenumber', 
'nicpackedvirtqueues'].forEach(this.fillValue)
@@ -1640,7 +1640,7 @@ export default {
         { id: 'storage_specific', description: 'storage_specific' }
       ]
     },
-    fetchInstaceGroups () {
+    fetchInstanceGroups () {
       this.options.instanceGroups = []
       getAPI('listInstanceGroups', {
         account: this.$store.getters.project?.id ? null : 
this.$store.getters.userInfo.account,
@@ -2467,12 +2467,12 @@ export default {
           configuration.cpunumber = 0
           configuration.cpuspeed = 0
           configuration.memory = 0
-          for (var harwareItem of configuration.hardwareItems) {
-            if (harwareItem.resourceType === 'Processor') {
-              configuration.cpunumber = harwareItem.virtualQuantity
-              configuration.cpuspeed = harwareItem.reservation
-            } else if (harwareItem.resourceType === 'Memory') {
-              configuration.memory = harwareItem.virtualQuantity
+          for (var hardwareItem of configuration.hardwareItems) {
+            if (hardwareItem.resourceType === 'Processor') {
+              configuration.cpunumber = hardwareItem.virtualQuantity
+              configuration.cpuspeed = hardwareItem.reservation
+            } else if (hardwareItem.resourceType === 'Memory') {
+              configuration.memory = hardwareItem.virtualQuantity
             }
           }
           configurations.push(configuration)
diff --git a/ui/src/components/view/ResourceCountUsage.vue 
b/ui/src/components/view/ResourceCountUsage.vue
index 688a706948b..c74391f3a9b 100644
--- a/ui/src/components/view/ResourceCountUsage.vue
+++ b/ui/src/components/view/ResourceCountUsage.vue
@@ -40,7 +40,7 @@
               v-if="taggedUsage[item]"
               class="list-item__collapse"
               @change="handleCollapseChange(item)">
-            <a-collapse-panel key="1" :header="collpaseActive[item] ? 
$t('label.tagged.limits') : $t('label.tagged.limits') + ' - ' + 
this.tagData[item].tagsasstring">
+            <a-collapse-panel key="1" :header="collapseActive[item] ? 
$t('label.tagged.limits') : $t('label.tagged.limits') + ' - ' + 
this.tagData[item].tagsasstring">
               <a-list
                 size="small"
                 :loading="loading"
@@ -96,7 +96,7 @@ export default {
       ],
       taggedUsage: {},
       tagData: {},
-      collpaseActive: {}
+      collapseActive: {}
     }
   },
   created () {
@@ -168,11 +168,11 @@ export default {
       }
     },
     handleCollapseChange (type) {
-      if (this.collpaseActive[type]) {
-        this.collpaseActive[type] = null
+      if (this.collapseActive[type]) {
+        this.collapseActive[type] = null
         return
       }
-      this.collpaseActive[type] = true
+      this.collapseActive[type] = true
     }
   }
 }
diff --git a/ui/src/components/view/ResourceLimitTab.vue 
b/ui/src/components/view/ResourceLimitTab.vue
index 699c024af4e..6f149fa1696 100644
--- a/ui/src/components/view/ResourceLimitTab.vue
+++ b/ui/src/components/view/ResourceLimitTab.vue
@@ -43,7 +43,7 @@
             v-if="item.taggedresource && item.taggedresource.length > 0"
             class="tagged-limit-collapse"
             @change="handleCollapseChange(item.resourcetypename)">
-          <a-collapse-panel key="1" 
:header="collpaseActive[item.resourcetypename] ? $t('label.tagged.limits') : 
$t('label.tagged.limits') + ' - ' + item.tagsasstring">
+          <a-collapse-panel key="1" 
:header="collapseActive[item.resourcetypename] ? $t('label.tagged.limits') : 
$t('label.tagged.limits') + ' - ' + item.tagsasstring">
             <div v-for="(subItem, subItemIndex) in item.taggedresource" 
:key="subItemIndex">
               <a-form-item
                 :v-bind="subItem.resourcetypename"
@@ -94,7 +94,7 @@ export default {
     return {
       formLoading: false,
       dataResource: [],
-      collpaseActive: {},
+      collapseActive: {},
       resourceTypeIdNames: {}
     }
   },
@@ -259,11 +259,11 @@ export default {
       })
     },
     handleCollapseChange (type) {
-      if (this.collpaseActive[type]) {
-        this.collpaseActive[type] = null
+      if (this.collapseActive[type]) {
+        this.collapseActive[type] = null
         return
       }
-      this.collpaseActive[type] = true
+      this.collapseActive[type] = true
     }
   }
 }
diff --git a/ui/src/components/view/TestWebhookDeliveryView.vue 
b/ui/src/components/view/TestWebhookDeliveryView.vue
index c5b29a17e79..a650b57f107 100644
--- a/ui/src/components/view/TestWebhookDeliveryView.vue
+++ b/ui/src/components/view/TestWebhookDeliveryView.vue
@@ -126,7 +126,7 @@ export default {
       collapseKey: undefined,
       loading: false,
       testDeliveryInterval: null,
-      testDeliveryIntervalCouter: 0
+      testDeliveryIntervalCounter: 0
     }
   },
   beforeCreate () {
@@ -154,8 +154,8 @@ export default {
       return (duration > 0 ? duration / 1000.0 : 0) + ''
     },
     computedOverlayStyle () {
-      var opacity = this.testDeliveryIntervalCouter <= 10.0 ? 0 : 0.3
-      var width = this.testDeliveryIntervalCouter
+      var opacity = this.testDeliveryIntervalCounter <= 10.0 ? 0 : 0.3
+      var width = this.testDeliveryIntervalCounter
       return 'opacity: ' + opacity + '; width: ' + width + '%;'
     }
   },
@@ -168,7 +168,7 @@ export default {
       if (this.testDeliveryInterval) {
         clearInterval(this.testDeliveryInterval)
       }
-      this.testDeliveryIntervalCouter = 0
+      this.testDeliveryIntervalCounter = 0
     },
     testWebhookDelivery () {
       this.resetTestDeliveryInterval()
@@ -223,8 +223,8 @@ export default {
           this.resetTestDeliveryInterval()
           return
         }
-        this.testDeliveryIntervalCouter = this.testDeliveryIntervalCouter + 1
-        if (this.testDeliveryIntervalCouter >= 100) {
+        this.testDeliveryIntervalCounter = this.testDeliveryIntervalCounter + 1
+        if (this.testDeliveryIntervalCounter >= 100) {
           this.executeTestWebhookDeliveryOrReset()
         }
       }, this.timedDeliveryWait / 100)
diff --git a/ui/src/views/compute/AttachIso.vue 
b/ui/src/views/compute/AttachIso.vue
index aafed017a21..60694cb8f57 100644
--- a/ui/src/views/compute/AttachIso.vue
+++ b/ui/src/views/compute/AttachIso.vue
@@ -85,10 +85,10 @@ export default {
       })
     },
     fetchData () {
-      const isoFiters = ['featured', 'community', 'selfexecutable']
+      const isoFilters = ['featured', 'community', 'selfexecutable']
       this.loading = true
       const promises = []
-      isoFiters.forEach((filter) => {
+      isoFilters.forEach((filter) => {
         promises.push(this.fetchIsos(filter))
       })
       Promise.all(promises).then(() => {
diff --git a/ui/src/views/compute/CreateAutoScaleVmGroup.vue 
b/ui/src/views/compute/CreateAutoScaleVmGroup.vue
index 362c9b7b406..9e8ebb8a4d5 100644
--- a/ui/src/views/compute/CreateAutoScaleVmGroup.vue
+++ b/ui/src/views/compute/CreateAutoScaleVmGroup.vue
@@ -3172,12 +3172,12 @@ export default {
           configuration.cpunumber = 0
           configuration.cpuspeed = 0
           configuration.memory = 0
-          for (var harwareItem of configuration.hardwareItems) {
-            if (harwareItem.resourceType === 'Processor') {
-              configuration.cpunumber = harwareItem.virtualQuantity
-              configuration.cpuspeed = harwareItem.reservation
-            } else if (harwareItem.resourceType === 'Memory') {
-              configuration.memory = harwareItem.virtualQuantity
+          for (var hardwareItem of configuration.hardwareItems) {
+            if (hardwareItem.resourceType === 'Processor') {
+              configuration.cpunumber = hardwareItem.virtualQuantity
+              configuration.cpuspeed = hardwareItem.reservation
+            } else if (hardwareItem.resourceType === 'Memory') {
+              configuration.memory = hardwareItem.virtualQuantity
             }
           }
           configurations.push(configuration)
diff --git a/ui/src/views/compute/DeployVM.vue 
b/ui/src/views/compute/DeployVM.vue
index e13c9bc17b2..05000b7bfb5 100644
--- a/ui/src/views/compute/DeployVM.vue
+++ b/ui/src/views/compute/DeployVM.vue
@@ -1920,7 +1920,7 @@ export default {
       }
       this.fetchBootTypes()
       this.fetchBootModes()
-      this.fetchInstaceGroups()
+      this.fetchInstanceGroups()
       this.fetchIoPolicyTypes()
       nextTick().then(() => {
         ['name', 'keyboard', 'boottype', 'bootmode', 'userdata', 
'iothreadsenabled', 'iodriverpolicy', 'nicmultiqueuenumber', 
'nicpackedvirtqueues'].forEach(this.fillValue)
@@ -1976,7 +1976,7 @@ export default {
         { id: 'storage_specific', description: 'storage_specific' }
       ]
     },
-    fetchInstaceGroups () {
+    fetchInstanceGroups () {
       this.options.instanceGroups = []
       getAPI('listInstanceGroups', {
         account: this.$store.getters.project?.id ? null : 
this.$store.getters.userInfo.account,
@@ -3224,12 +3224,12 @@ export default {
           configuration.cpunumber = 0
           configuration.cpuspeed = 0
           configuration.memory = 0
-          for (var harwareItem of configuration.hardwareItems) {
-            if (harwareItem.resourceType === 'Processor') {
-              configuration.cpunumber = harwareItem.virtualQuantity
-              configuration.cpuspeed = harwareItem.reservation
-            } else if (harwareItem.resourceType === 'Memory') {
-              configuration.memory = harwareItem.virtualQuantity
+          for (var hardwareItem of configuration.hardwareItems) {
+            if (hardwareItem.resourceType === 'Processor') {
+              configuration.cpunumber = hardwareItem.virtualQuantity
+              configuration.cpuspeed = hardwareItem.reservation
+            } else if (hardwareItem.resourceType === 'Memory') {
+              configuration.memory = hardwareItem.virtualQuantity
             }
           }
           configurations.push(configuration)
diff --git a/ui/src/views/compute/DeployVnfAppliance.vue 
b/ui/src/views/compute/DeployVnfAppliance.vue
index d040530eb76..b2a8a802114 100644
--- a/ui/src/views/compute/DeployVnfAppliance.vue
+++ b/ui/src/views/compute/DeployVnfAppliance.vue
@@ -1761,7 +1761,7 @@ export default {
       }
       this.fetchBootTypes()
       this.fetchBootModes()
-      this.fetchInstaceGroups()
+      this.fetchInstanceGroups()
       this.fetchIoPolicyTypes()
       nextTick().then(() => {
         ['name', 'keyboard', 'boottype', 'bootmode', 'userdata', 
'iothreadsenabled', 'iodriverpolicy', 'nicmultiqueuenumber', 
'nicpackedvirtqueues'].forEach(this.fillValue)
@@ -1816,7 +1816,7 @@ export default {
         { id: 'storage_specific', description: 'storage_specific' }
       ]
     },
-    fetchInstaceGroups () {
+    fetchInstanceGroups () {
       this.options.instanceGroups = []
       getAPI('listInstanceGroups', {
         account: this.$store.getters.userInfo.account,
@@ -2767,12 +2767,12 @@ export default {
           configuration.cpunumber = 0
           configuration.cpuspeed = 0
           configuration.memory = 0
-          for (var harwareItem of configuration.hardwareItems) {
-            if (harwareItem.resourceType === 'Processor') {
-              configuration.cpunumber = harwareItem.virtualQuantity
-              configuration.cpuspeed = harwareItem.reservation
-            } else if (harwareItem.resourceType === 'Memory') {
-              configuration.memory = harwareItem.virtualQuantity
+          for (var hardwareItem of configuration.hardwareItems) {
+            if (hardwareItem.resourceType === 'Processor') {
+              configuration.cpunumber = hardwareItem.virtualQuantity
+              configuration.cpuspeed = hardwareItem.reservation
+            } else if (hardwareItem.resourceType === 'Memory') {
+              configuration.memory = hardwareItem.virtualQuantity
             }
           }
           configurations.push(configuration)
diff --git a/ui/src/views/compute/EditVM.vue b/ui/src/views/compute/EditVM.vue
index 0763303b24a..19055afde97 100644
--- a/ui/src/views/compute/EditVM.vue
+++ b/ui/src/views/compute/EditVM.vue
@@ -255,7 +255,7 @@ export default {
       this.fetchZoneDetails()
       this.fetchSecurityGroups()
       this.fetchOsTypes()
-      this.fetchInstaceGroups()
+      this.fetchInstanceGroups()
       this.fetchServiceOfferingData()
       this.fetchTemplateData()
       this.fetchUserData()
@@ -335,7 +335,7 @@ export default {
         this.$notifyError(error)
       }).finally(() => { this.osTypes.loading = false })
     },
-    fetchInstaceGroups () {
+    fetchInstanceGroups () {
       this.groups.loading = true
       this.groups.opts = []
       const params = {
diff --git a/ui/src/views/compute/wizard/OsBasedImageSelection.vue 
b/ui/src/views/compute/wizard/OsBasedImageSelection.vue
index 6a52eea207b..680922752f7 100644
--- a/ui/src/views/compute/wizard/OsBasedImageSelection.vue
+++ b/ui/src/views/compute/wizard/OsBasedImageSelection.vue
@@ -47,7 +47,7 @@
         @change="handleGuestOsCategoryChange">
         <template #radio-option="{ item }">
           <div class="radio-option">
-            <div class="radio-opion__icon">
+            <div class="radio-option__icon">
               <resource-icon v-if="item.icon && item.icon.base64image" 
:image="item.icon.base64image" size="os" style="margin-bottom: 2px; 
margin-left: 1px" />
               <font-awesome-icon v-else-if="['-1', '0'].includes(item.id)" 
:icon="['fas', item.id === '0' ? 'user' : 'images']" size="2x" 
:style="categoryFontAwesomeIconStyle" />
               <os-logo v-else size="2x" :os-name="item.name" />
@@ -367,7 +367,7 @@ export default {
     text-overflow: ellipsis;
   }
 
-  .radio-opion__icon {
+  .radio-option__icon {
     width: 30px;
     height: 30px;
     object-fit: contain;
diff --git a/ui/src/views/extension/CreateExtension.vue 
b/ui/src/views/extension/CreateExtension.vue
index 9a7e0c8ae76..6311e6dea95 100644
--- a/ui/src/views/extension/CreateExtension.vue
+++ b/ui/src/views/extension/CreateExtension.vue
@@ -47,8 +47,8 @@
           <tooltip-label :title="$t('label.path')" 
:tooltip="apiParams.path.description"/>
         </template>
         <div class="path-input-container">
-          <span v-if="!!safeName" :title="extenstionBasePath" 
class="path-input-base">
-            {{ extenstionBasePath }}
+          <span v-if="!!safeName" :title="extensionBasePath" 
class="path-input-base">
+            {{ extensionBasePath }}
           </span>
           <a-input
             v-model:value="form.path"
@@ -137,7 +137,7 @@ export default {
       }
       return value.replace(/[^a-zA-Z0-9._-]/g, '_').toLowerCase()
     },
-    extenstionBasePath () {
+    extensionBasePath () {
       return (this.$store.getters.features.extensionspath || 
'[EXTENSIONS_PATH]') + '/' + this.safeName + '/'
     }
   },
diff --git a/ui/src/views/extension/UpdateCustomAction.vue 
b/ui/src/views/extension/UpdateCustomAction.vue
index 008882a5238..70ed67706ba 100644
--- a/ui/src/views/extension/UpdateCustomAction.vue
+++ b/ui/src/views/extension/UpdateCustomAction.vue
@@ -138,7 +138,7 @@ export default {
     this.roleTypes = this.$fetchCustomActionRoleTypes()
   },
   methods: {
-    fixParamatersOptions (params) {
+    fixParametersOptions (params) {
       if (!params) {
         return
       }
@@ -153,7 +153,7 @@ export default {
     initForm () {
       this.formRef = ref()
       const formData = {
-        parameters: this.fixParamatersOptions(this.resource.parameters)
+        parameters: this.fixParametersOptions(this.resource.parameters)
       }
       const keys = ['description', 'allowedroletypes', 'successmessage', 
'errormessage', 'details', 'timeout']
       for (const key of keys) {
diff --git a/ui/src/views/iam/CreateRole.vue b/ui/src/views/iam/CreateRole.vue
index 11cecf69efe..eac138fae78 100644
--- a/ui/src/views/iam/CreateRole.vue
+++ b/ui/src/views/iam/CreateRole.vue
@@ -202,7 +202,7 @@ export default {
           this.$emit('refresh-data')
           this.$notification.success({
             message: 'Create Role',
-            description: 'Sucessfully created role ' + params.name
+            description: 'Successfully created role ' + params.name
           })
         }
         this.closeAction()
diff --git a/ui/src/views/iam/ImportRole.vue b/ui/src/views/iam/ImportRole.vue
index c4dcf8f93b7..7a8e17c5691 100644
--- a/ui/src/views/iam/ImportRole.vue
+++ b/ui/src/views/iam/ImportRole.vue
@@ -213,7 +213,7 @@ export default {
           this.$emit('refresh-data')
           this.$notification.success({
             message: 'Import Role',
-            description: 'Sucessfully imported role ' + params.name
+            description: 'Successfully imported role ' + params.name
           })
         }
         this.closeAction()
diff --git a/ui/src/views/infra/Resources.vue b/ui/src/views/infra/Resources.vue
index cad1a026c0b..0055343b30d 100644
--- a/ui/src/views/infra/Resources.vue
+++ b/ui/src/views/infra/Resources.vue
@@ -35,7 +35,7 @@
               v-if="item.tagged"
               class="list-item__collapse"
               @change="handleCollapseChange(item.type)">
-            <a-collapse-panel key="1" :header="$t('label.tagged') + ' ' + 
returnCapacityTitle(item.type) + (collpaseActive[item.type] ? ''  : ' - ' + 
item.tagsasstring)">
+            <a-collapse-panel key="1" :header="$t('label.tagged') + ' ' + 
returnCapacityTitle(item.type) + (collapseActive[item.type] ? ''  : ' - ' + 
item.tagsasstring)">
               <a-list
                 size="small"
                 :dataSource="item.tagged" >
@@ -90,7 +90,7 @@ export default {
     return {
       fetchLoading: false,
       resourcesList: [],
-      collpaseActive: {}
+      collapseActive: {}
     }
   },
   created () {
@@ -181,11 +181,11 @@ export default {
       }
     },
     handleCollapseChange (type) {
-      if (this.collpaseActive[type]) {
-        this.collpaseActive[type] = null
+      if (this.collapseActive[type]) {
+        this.collapseActive[type] = null
         return
       }
-      this.collpaseActive[type] = true
+      this.collapseActive[type] = true
       var typeItems = this.resourcesList.filter(x => x.type === type)
       typeItems.forEach(resource => {
         this.animatePercentVals(resource.tagged)
diff --git a/ui/src/views/infra/routers/RouterHealthCheck.vue 
b/ui/src/views/infra/routers/RouterHealthCheck.vue
index 89a05d1fb94..0fe49c366c1 100644
--- a/ui/src/views/infra/routers/RouterHealthCheck.vue
+++ b/ui/src/views/infra/routers/RouterHealthCheck.vue
@@ -22,7 +22,7 @@
       banner
       :message="$t('message.action.router.health.checks.disabled.warning')" />
     <div v-else>
-      <a-button :disabled="!('getRouterHealthCheckResults' in 
$store.getters.apis)" type="primary" style="width: 100%; margin-bottom: 15px" 
@click="showGetHelathCheck">
+      <a-button :disabled="!('getRouterHealthCheckResults' in 
$store.getters.apis)" type="primary" style="width: 100%; margin-bottom: 15px" 
@click="showGetHealthCheck">
         <template #icon><play-circle-outlined /></template>
         {{ $t('label.action.router.health.checks') }}
       </a-button>
@@ -158,7 +158,7 @@ export default {
       }
       this.checkConfigurationAndGetHealthChecks()
     },
-    showGetHelathCheck () {
+    showGetHealthCheck () {
       this.showGetHealthChecksForm = true
     },
     onCloseGetHealthChecksForm () {
diff --git a/ui/src/views/infra/zone/ZoneWizardLaunchZone.vue 
b/ui/src/views/infra/zone/ZoneWizardLaunchZone.vue
index 00622821329..f1ef34585ca 100644
--- a/ui/src/views/infra/zone/ZoneWizardLaunchZone.vue
+++ b/ui/src/views/infra/zone/ZoneWizardLaunchZone.vue
@@ -1609,7 +1609,7 @@ export default {
 
       try {
         if (!this.stepData.stepMove.includes('createStoragePool')) {
-          this.stepData.primaryStorageRetunred = await 
this.createStoragePool(params)
+          this.stepData.primaryStorageReturned = await 
this.createStoragePool(params)
           this.stepData.stepMove.push('createStoragePool')
         }
         await this.stepAddSecondaryStorage()
diff --git a/ui/src/views/infra/zone/ZoneWizardRegisterTemplate.vue 
b/ui/src/views/infra/zone/ZoneWizardRegisterTemplate.vue
index 0d94fc5d3b1..40123a57d51 100644
--- a/ui/src/views/infra/zone/ZoneWizardRegisterTemplate.vue
+++ b/ui/src/views/infra/zone/ZoneWizardRegisterTemplate.vue
@@ -201,7 +201,7 @@ export default {
       if (successful.length > 0) {
         this.$notification.success({
           message: this.$t('label.register.template'),
-          description: 'Succesfully registered templates: ' + successful.map(r 
=> r.name).join(', ')
+          description: 'Successfully registered templates: ' + 
successful.map(r => r.name).join(', ')
         })
 
         successful.forEach(r => {
diff --git a/ui/src/views/offering/AddComputeOffering.vue 
b/ui/src/views/offering/AddComputeOffering.vue
index dc4d5b18818..465d07b8e57 100644
--- a/ui/src/views/offering/AddComputeOffering.vue
+++ b/ui/src/views/offering/AddComputeOffering.vue
@@ -714,7 +714,7 @@ export default {
       domainLoading: false,
       zones: [],
       zoneLoading: false,
-      selectedDeployementPlanner: null,
+      selectedDeploymentPlanner: null,
       storagePolicies: null,
       storageTags: [],
       storageTagLoading: false,
@@ -1021,9 +1021,9 @@ export default {
       this.qosType = val
     },
     handleDeploymentPlannerChange (planner) {
-      this.selectedDeployementPlanner = planner
+      this.selectedDeploymentPlanner = planner
       this.plannerModeVisible = false
-      if (this.selectedDeployementPlanner === 'ImplicitDedicationPlanner') {
+      if (this.selectedDeploymentPlanner === 'ImplicitDedicationPlanner') {
         this.plannerModeVisible = isAdmin()
       }
     },
diff --git a/ui/src/views/project/iam/ProjectRoleTab.vue 
b/ui/src/views/project/iam/ProjectRoleTab.vue
index c3a3159565d..406952a562a 100644
--- a/ui/src/views/project/iam/ProjectRoleTab.vue
+++ b/ui/src/views/project/iam/ProjectRoleTab.vue
@@ -144,7 +144,7 @@ export default {
       createModalVisible: false,
       editModalVisible: false,
       selectedRole: null,
-      projectPermisssions: [],
+      projectPermissions: [],
       customStyle: 'margin-bottom: 0; border: none'
     }
   },
diff --git a/ui/src/views/storage/ChangeSharedFSServiceOffering.vue 
b/ui/src/views/storage/ChangeSharedFSServiceOffering.vue
index 22913881efd..f74ad59cb01 100644
--- a/ui/src/views/storage/ChangeSharedFSServiceOffering.vue
+++ b/ui/src/views/storage/ChangeSharedFSServiceOffering.vue
@@ -95,7 +95,7 @@ export default {
       loading: false,
       configLoading: false,
       serviceofferings: [],
-      serviceofferingLoding: false
+      serviceofferingLoading: false
     }
   },
   beforeCreate () {

Reply via email to