special pages workflow changed

packages/web/src/EnterLicensePage.svelte

@@ -11,6 +11,8 @@
   import getElectron from './utility/getElectron';
   import { openWebLink } from './utility/exportFileTools';
   import SpecialPageLayout from './widgets/SpecialPageLayout.svelte';
+  import hasPermission from './utility/hasPermission';
+  import ErrorInfo from './elements/ErrorInfo.svelte';
 
   const config = useConfig();
   const values = writable({ amoid: null, databaseServer: null });
@@ -25,89 +27,95 @@
     errorMessage = 'Your license is expired';
     expiredMessageSet = true;
   }
+
+  // $: console.log('CONFIG', $config);
 </script>
 
 <FormProviderCore {values}>
   <SpecialPageLayout>
-    <div class="heading">License</div>
-    <FormTextAreaField label="Enter your license key" name="licenseKey" rows={5} />
+    {#if getElectron() || ($config?.storageDatabase && hasPermission('admin/license'))}
+      <div class="heading">License</div>
+      <FormTextAreaField label="Enter your license key" name="licenseKey" rows={5} />
 
-    <div class="submit">
-      <FormSubmit
-        value="Save license"
-        on:click={async e => {
-          sessionStorage.setItem('continueTrialConfirmed', '1');
-          const { licenseKey } = e.detail;
-          const resp = await apiCall('config/save-license-key', { licenseKey });
-          if (resp?.status == 'ok') {
-            internalRedirectTo('/index.html');
-          } else {
-            errorMessage = resp?.errorMessage || 'Error saving license key';
-          }
-        }}
-      />
-    </div>
-
-    {#if !isExpired && trialDaysLeft == null}
       <div class="submit">
-        <FormStyledButton
-          value="Start 30-day trial"
+        <FormSubmit
+          value="Save license"
           on:click={async e => {
-            errorMessage = '';
-            const license = await apiCall('config/start-trial');
-            if (license?.status == 'ok') {
-              sessionStorage.setItem('continueTrialConfirmed', '1');
+            sessionStorage.setItem('continueTrialConfirmed', '1');
+            const { licenseKey } = e.detail;
+            const resp = await apiCall('config/save-license-key', { licenseKey });
+            if (resp?.status == 'ok') {
               internalRedirectTo('/index.html');
             } else {
-              errorMessage = license?.errorMessage || 'Error starting trial';
+              errorMessage = resp?.errorMessage || 'Error saving license key';
             }
           }}
         />
       </div>
-    {/if}
 
-    {#if trialDaysLeft > 0}
+      {#if !isExpired && trialDaysLeft == null}
+        <div class="submit">
+          <FormStyledButton
+            value="Start 30-day trial"
+            on:click={async e => {
+              errorMessage = '';
+              const license = await apiCall('config/start-trial');
+              if (license?.status == 'ok') {
+                sessionStorage.setItem('continueTrialConfirmed', '1');
+                internalRedirectTo('/index.html');
+              } else {
+                errorMessage = license?.errorMessage || 'Error starting trial';
+              }
+            }}
+          />
+        </div>
+      {/if}
+
+      {#if trialDaysLeft > 0}
+        <div class="submit">
+          <FormStyledButton
+            value={`Continue trial (${trialDaysLeft} days left)`}
+            on:click={async e => {
+              sessionStorage.setItem('continueTrialConfirmed', '1');
+              internalRedirectTo('/index.html');
+            }}
+          />
+        </div>
+      {/if}
+
       <div class="submit">
         <FormStyledButton
-          value={`Continue trial (${trialDaysLeft} days left)`}
+          value="Purchase DbGate Premium"
           on:click={async e => {
-            sessionStorage.setItem('continueTrialConfirmed', '1');
-            internalRedirectTo('/index.html');
+            openWebLink(
+              `https://auth.dbgate.eu/create-checkout-session-simple?source=trial-${isExpired ? 'expired' : (trialDaysLeft ?? 'no')}`
+            );
           }}
         />
       </div>
-    {/if}
 
-    <div class="submit">
-      <FormStyledButton
-        value="Purchase DbGate Premium"
-        on:click={async e => {
-          openWebLink(
-            `https://auth.dbgate.eu/create-checkout-session-simple?source=trial-${isExpired ? 'expired' : (trialDaysLeft ?? 'no')}`
-          );
-        }}
-      />
-    </div>
+      {#if getElectron()}
+        <div class="submit">
+          <FormStyledButton
+            value="Exit"
+            on:click={e => {
+              getElectron().send('quit-app');
+            }}
+          />
+        </div>
+      {/if}
 
-    {#if getElectron()}
-      <div class="submit">
-        <FormStyledButton
-          value="Exit"
-          on:click={e => {
-            getElectron().send('quit-app');
-          }}
-        />
+      {#if errorMessage}
+        <div class="error">{errorMessage}</div>
+      {/if}
+
+      <div class="purchase-info">
+        For more info about DbGate licensing, you could visit <Link href="https://dbgate.eu/">dbgate.eu</Link> web or contact
+        us at <Link href="mailto:sales@dbgate.eu">sales@dbgate.eu</Link>
       </div>
+    {:else}
+      <ErrorInfo message="License for DbGate is not valid. Please contact administrator." />
     {/if}
-
-    {#if errorMessage}
-      <div class="error">{errorMessage}</div>
-    {/if}
-
-    <div class="purchase-info">
-      For more info about DbGate licensing, you could visit <Link href="https://dbgate.eu/">dbgate.eu</Link> web or contact
-      us at <Link href="mailto:sales@dbgate.eu">sales@dbgate.eu</Link>
-    </div>
   </SpecialPageLayout>
 </FormProviderCore>