Refactor cluster subscription description in SettingsSubscription.vue

NethServer · Jan 24, 2024 · 53a6408 · 53a6408
1 parent 1ae7a5f
commit 53a6408
Showing 1 changed file with 23 additions and 8 deletions.
diff --git a/core/ui/src/views/settings/SettingsSubscription.vue b/core/ui/src/views/settings/SettingsSubscription.vue
@@ -55,14 +55,29 @@
               {{ $t("settings_subscription.cluster_subscription") }}
             </h4>
             <div class="title-description mg-bottom-md">
-              <span
-                v-html="
-                  $t('settings_subscription.cluster_subscription_description', {
-                    enterprise: enterprise_link,
-                    subscription: subscription_link,
-                  })
-                "
-              ></span>
+              <i18n
+                path="settings_subscription.cluster_subscription_description"
+                tag="p"
+              >
+                <template v-slot:entreprise>
+                  <cv-link
+                    href="https://my.nethesis.it"
+                    target="_blank"
+                    rel="noreferrer"
+                  >
+                    my.nethesis.it
+                  </cv-link>
+                </template>
+                <template v-slot:subscription>
+                  <cv-link
+                    href="https://my.nethserver.com"
+                    target="_blank"
+                    rel="noreferrer"
+                  >
+                    my.nethserver.com
+                  </cv-link>
+                </template>
+              </i18n>
             </div>
             <cv-form @submit.prevent="setSubscription">
               <cv-skeleton-text