ayanova/src/views/adm-license.vue

@@ -16,36 +16,55 @@
               </div>
               <div>
                 {{ $ay.t("DatabaseID") }}
-                <span class="body-2">{{ currentLicenseInfo.serverDbId }}</span>
+                <span class="font-weight-bold ml-1">{{
+                  currentLicenseInfo.serverDbId
+                }}</span>
               </div>
               <div>
-                <span class=" body-1">{{ $ay.t("LicenseSerial") }}: </span>
-                <span class="body-2">{{ currentLicenseInfo.keySerial }}</span>
+                {{ $ay.t("LicenseSerial") }}
+                <span class="font-weight-bold ml-1">{{
+                  currentLicenseInfo.keySerial
+                }}</span>
               </div>
               <div>
-                <span class=" body-1">{{ $ay.t("LicenseExpiration") }}: </span>
-                <span class="body-2">{{
+                {{ $ay.t("LicenseExpiration") }}
+                <span class="font-weight-bold ml-1">{{
                   $ay.dt(currentLicenseInfo.licenseExpiration)
                 }}</span>
               </div>
               <div>
-                <span class=" body-1">{{ $ay.t("SupportedUntil") }}: </span>
-                <span class="body-2">{{
+                {{ $ay.t("SupportedUntil") }}
+                <span class="font-weight-bold ml-1">{{
                   $ay.dt(currentLicenseInfo.maintenanceExpiration)
                 }}</span>
               </div>
 
-              <h2 class="mt-6 mb-2">{{ $ay.t("LicensedOptions") }}</h2>
+              <div class="text-h5 mb-2 mt-5">
+                {{ $ay.t("LicensedOptions") }}
+              </div>
 
               <div
                 v-for="item in currentLicenseInfo.features"
                 :key="item.Feature"
               >
-                <span class=" body-1">{{ item.Feature }}</span>
-                <span class="body-2">{{
-                  item.Count ? ": " + item.Count : ""
+                {{ item.Feature }}
+                <span class="font-weight-bold ml-1">{{
+                  item.Count ? +item.Count : ""
                 }}</span>
               </div>
+              <div class="mt-8">
+                <v-col cols="12">
+                  <v-btn
+                    :href="purchaseLink()"
+                    target="blank"
+                    class="mt-4 mr-4"
+                    >{{ $ay.t("PurchaseLicense") }}</v-btn
+                  >
+                  <v-btn @click="fetchKey()" class="mt-4">{{
+                    $ay.t("CheckForLicense")
+                  }}</v-btn>
+                </v-col>
+              </div>
             </div></template
           >
           <template v-if="showLicenseUi() == 'revoked'">
@@ -224,9 +243,9 @@ export default {
       },
       licenseState: 0,
       request: {
-        Email: "cardjohn@ayanova.com",
-        Company: "Super TestCo",
-        Contact: "Test Testerson"
+        Email: null,
+        Company: null,
+        Contact: null
       },
       currentLicenseInfo: {},
       formState: {