fix: change position to Subscription card

Author: andre8244

core/ui/src/views/ClusterStatus.vue

@@ -63,55 +63,6 @@
               </div>
             </template>
           </NsInfoCard>
-          <NsInfoCard
-            light
-            :title="$t('cluster_status.subscription_status')"
-            :icon="Badge32"
-            :loading="loading.getSubscription"
-            :isErrorShown="error.getSubscription"
-            :errorTitle="$t('error.cannot_retrieve_subscription_status')"
-            :errorDescription="error.getSubscription"
-            class="min-height-card"
-          >
-            <template slot="content">
-              <div class="card-rows">
-                <div class="card-row">
-                  <div v-if="!loading.getSubscription" class="card-row">
-                    <cv-tag
-                      v-if="subscription_status === 'active'"
-                      kind="green"
-                      :label="$t('common.active')"
-                    ></cv-tag>
-                    <cv-tag
-                      v-else
-                      kind="high-contrast"
-                      :label="$t('common.not_active')"
-                    ></cv-tag>
-                  </div>
-                </div>
-                <div
-                  v-if="support_active && !loading.getSubscription"
-                  class="card-row"
-                >
-                  <div class="mg-top-sm icon-and-text">
-                    <NsSvg :svg="InformationFilled16" class="icon ns-info" />
-                    <span>{{
-                      $t("settings_subscription.remote_support_in_progress")
-                    }}</span>
-                  </div>
-                </div>
-                <div v-if="!loading.getSubscription" class="card-row">
-                  <NsButton
-                    kind="ghost"
-                    :icon="ArrowRight20"
-                    @click="$router.push('/settings/subscription')"
-                  >
-                    {{ $t("cluster_status.go_to_subscription") }}
-                  </NsButton>
-                </div>
-              </div>
-            </template>
-          </NsInfoCard>
           <NsInfoCard
             light
             :title="installedModules.length.toString()"
@@ -385,6 +336,55 @@
               </div>
             </template>
           </NsInfoCard>
+          <NsInfoCard
+            light
+            :title="$t('cluster_status.subscription_status')"
+            :icon="Badge32"
+            :loading="loading.getSubscription"
+            :isErrorShown="error.getSubscription"
+            :errorTitle="$t('error.cannot_retrieve_subscription_status')"
+            :errorDescription="error.getSubscription"
+            class="min-height-card"
+          >
+            <template slot="content">
+              <div class="card-rows">
+                <div class="card-row">
+                  <div v-if="!loading.getSubscription" class="card-row">
+                    <cv-tag
+                      v-if="subscription_status === 'active'"
+                      kind="green"
+                      :label="$t('common.active')"
+                    ></cv-tag>
+                    <cv-tag
+                      v-else
+                      kind="high-contrast"
+                      :label="$t('common.not_active')"
+                    ></cv-tag>
+                  </div>
+                </div>
+                <div
+                  v-if="support_active && !loading.getSubscription"
+                  class="card-row"
+                >
+                  <div class="mg-top-sm icon-and-text">
+                    <NsSvg :svg="InformationFilled16" class="icon ns-info" />
+                    <span>{{
+                      $t("settings_subscription.remote_support_in_progress")
+                    }}</span>
+                  </div>
+                </div>
+                <div v-if="!loading.getSubscription" class="card-row">
+                  <NsButton
+                    kind="ghost"
+                    :icon="ArrowRight20"
+                    @click="$router.push('/settings/subscription')"
+                  >
+                    {{ $t("cluster_status.go_to_subscription") }}
+                  </NsButton>
+                </div>
+              </div>
+            </template>
+          </NsInfoCard>
         </div>
       </cv-column>
     </cv-row>
@@ -757,7 +757,7 @@ export default {
       this.loading.getClusterStatus = false;
     },
     async listModules() {
-      this.loading.modules = true;
+      this.loading.listModules = true;
       this.error.listModules = "";
       const taskAction = "list-modules";
       const eventId = this.getUuid();