adminforth 1.2.50 → 1.2.51

package/dist/modules/restApi.js

@@ -121,6 +121,8 @@ export default class AdminForthRestAPI {
                     usernameFieldName: usernameColumn.label,
                     loginBackgroundImage: this.adminforth.config.auth.loginBackgroundImage,
                     title: (_j = this.adminforth.config.customization) === null || _j === void 0 ? void 0 : _j.title,
+                    demoCredentials: this.adminforth.config.auth.demoCredentials,
+                    loginPromptHTML: this.adminforth.config.auth.loginPromptHTML,
                 };
             }),
         });

package/dist/spa/spa/src/components/ResourceListTable.vue

@@ -375,6 +375,7 @@ async function deleteRecord(row) {
           primaryKey: row._primaryKeyValue,
         }
       });
+      console.log('safsa', res)
       if (!res.error){
         emits('update:records', true)
         showSuccesTost('Record deleted successfully')

package/dist/spa/spa/src/components/Toast.vue

@@ -1,7 +1,13 @@
 <template>
     
 
-<div id="toast-default" class="flex  items-center w-full p-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800" role="alert">
+<div id="toast-default" class="flex  items-center w-full p-4 text-gray-500 rounded-lg shadow dark:text-gray-400 dark:bg-gray-800" role="alert"
+    :class="
+        {
+            'danger': 'bg-red-100',
+        }[toast.variant]
+    "
+>
     <div v-if="toast.variant == 'info'" class="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-blue-500 bg-blue-100 rounded-lg dark:bg-blue-800 dark:text-blue-200">
         <svg class="w-4 h-4"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20">
             <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.147 15.085a7.159 7.159 0 0 1-6.189 3.307A6.713 6.713 0 0 1 3.1 15.444c-2.679-4.513.287-8.737.888-9.548A4.373 4.373 0 0 0 5 1.608c1.287.953 6.445 3.218 5.537 10.5 1.5-1.122 2.706-3.01 2.853-6.14 1.433 1.049 3.993 5.395 1.757 9.117Z"/>
@@ -27,8 +33,8 @@
         <span class="sr-only">Check icon</span>
     </div>
 
-    <div class="ms-3 text-sm font-normal max-w-xs" v-if="toast.messageHtml" v-html="toast.messageHtml"></div>
-    <div class="ms-3 text-sm font-normal max-w-xs" v-else>{{toast.message}}</div>
+    <div class="ms-3 text-sm font-normal max-w-xs pr-2" v-if="toast.messageHtml" v-html="toast.messageHtml"></div>
+    <div class="ms-3 text-sm font-normal max-w-xs pr-2" v-else>{{toast.message}}</div>
     <button @click="closeToast" type="button" class="ms-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-2 focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex items-center justify-center h-8 w-8 dark:text-gray-500 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700" >
         <svg class="w-3 h-3"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
             <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>

package/dist/spa/spa/src/views/LoginView.vue

@@ -61,6 +61,17 @@
                           </div>
                         </div>
                         
+
+                        <div v-if="coreStore.config?.loginPromptHTML"
+                          class="flex items-center p-4 mb-4 text-sm text-gray-800 rounded-lg bg-gray-50 dark:bg-gray-800 dark:text-gray-400" role="alert"
+                        >
+                          <svg class="flex-shrink-0 inline w-4 h-4 me-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
+                            <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
+                          </svg>
+                          <span class="sr-only">Info</span>
+                          <div v-html="coreStore.config?.loginPromptHTML"></div>
+                        </div>
+
                         <button 
                           @click="login"
                           type="submit" class="flex items-center justify-center gap-1 w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
@@ -106,8 +117,14 @@ const showPw = ref(false);
 
 const error = ref(null);
 
-onMounted(() => {
-    coreStore.getPublicConfig();
+onMounted(async () => {
+    await coreStore.getPublicConfig();
+    if (coreStore.config?.demoCredentials) {
+      console.log('Setting demo credentials');
+      const [username, password] = coreStore.config.demoCredentials.split(':');
+      usernameInput.value.value = username;
+      passwordInput.value.value = password;
+    }
     usernameInput.value.focus();
 });
 

package/dist/spa/spa/src/views/ShowView.vue

@@ -124,7 +124,7 @@ import { IconPenSolid, IconTrashBinSolid } from '@iconify-prerendered/vue-flowbi
 import { onMounted, ref } from 'vue';
 import { useRoute,useRouter } from 'vue-router';
 import {callAdminForthApi} from '@/utils';
-import {showSuccesTost} from '@/composables/useFrontendApi';
+import { showSuccesTost, showErrorTost } from '@/composables/useFrontendApi';
 
 
 const item = ref(null);
@@ -170,7 +170,7 @@ async function deleteRecord(row) {
         router.push({ name: 'resource-list', params: { resourceId: route.params.resourceId } });
         showSuccesTost('Record deleted successfully')
       } else {
-        console.error(res.error)
+        showErrorTost(res.error)
       }
 
     } catch (e) {

package/modules/restApi.ts

@@ -147,6 +147,8 @@ export default class AdminForthRestAPI {
           usernameFieldName: usernameColumn.label,
           loginBackgroundImage: this.adminforth.config.auth.loginBackgroundImage,
           title: this.adminforth.config.customization?.title,
+          demoCredentials: this.adminforth.config.auth.demoCredentials,
+          loginPromptHTML: this.adminforth.config.auth.loginPromptHTML,
         };
       },
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "1.2.50",
+  "version": "1.2.51",
   "description": "OpenSource Vue3 powered forth-generation admin panel",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/spa/src/components/ResourceListTable.vue

@@ -375,6 +375,7 @@ async function deleteRecord(row) {
           primaryKey: row._primaryKeyValue,
         }
       });
+      console.log('safsa', res)
       if (!res.error){
         emits('update:records', true)
         showSuccesTost('Record deleted successfully')

package/spa/src/components/Toast.vue

@@ -1,7 +1,13 @@
 <template>
     
 
-<div id="toast-default" class="flex  items-center w-full p-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800" role="alert">
+<div id="toast-default" class="flex  items-center w-full p-4 text-gray-500 rounded-lg shadow dark:text-gray-400 dark:bg-gray-800" role="alert"
+    :class="
+        {
+            'danger': 'bg-red-100',
+        }[toast.variant]
+    "
+>
     <div v-if="toast.variant == 'info'" class="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-blue-500 bg-blue-100 rounded-lg dark:bg-blue-800 dark:text-blue-200">
         <svg class="w-4 h-4"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20">
             <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.147 15.085a7.159 7.159 0 0 1-6.189 3.307A6.713 6.713 0 0 1 3.1 15.444c-2.679-4.513.287-8.737.888-9.548A4.373 4.373 0 0 0 5 1.608c1.287.953 6.445 3.218 5.537 10.5 1.5-1.122 2.706-3.01 2.853-6.14 1.433 1.049 3.993 5.395 1.757 9.117Z"/>
@@ -27,8 +33,8 @@
         <span class="sr-only">Check icon</span>
     </div>
 
-    <div class="ms-3 text-sm font-normal max-w-xs" v-if="toast.messageHtml" v-html="toast.messageHtml"></div>
-    <div class="ms-3 text-sm font-normal max-w-xs" v-else>{{toast.message}}</div>
+    <div class="ms-3 text-sm font-normal max-w-xs pr-2" v-if="toast.messageHtml" v-html="toast.messageHtml"></div>
+    <div class="ms-3 text-sm font-normal max-w-xs pr-2" v-else>{{toast.message}}</div>
     <button @click="closeToast" type="button" class="ms-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-2 focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex items-center justify-center h-8 w-8 dark:text-gray-500 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700" >
         <svg class="w-3 h-3"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
             <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>

package/spa/src/views/LoginView.vue

@@ -61,6 +61,17 @@
                           </div>
                         </div>
                         
+
+                        <div v-if="coreStore.config?.loginPromptHTML"
+                          class="flex items-center p-4 mb-4 text-sm text-gray-800 rounded-lg bg-gray-50 dark:bg-gray-800 dark:text-gray-400" role="alert"
+                        >
+                          <svg class="flex-shrink-0 inline w-4 h-4 me-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
+                            <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
+                          </svg>
+                          <span class="sr-only">Info</span>
+                          <div v-html="coreStore.config?.loginPromptHTML"></div>
+                        </div>
+
                         <button 
                           @click="login"
                           type="submit" class="flex items-center justify-center gap-1 w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
@@ -106,8 +117,14 @@ const showPw = ref(false);
 
 const error = ref(null);
 
-onMounted(() => {
-    coreStore.getPublicConfig();
+onMounted(async () => {
+    await coreStore.getPublicConfig();
+    if (coreStore.config?.demoCredentials) {
+      console.log('Setting demo credentials');
+      const [username, password] = coreStore.config.demoCredentials.split(':');
+      usernameInput.value.value = username;
+      passwordInput.value.value = password;
+    }
     usernameInput.value.focus();
 });
 

package/spa/src/views/ShowView.vue

@@ -124,7 +124,7 @@ import { IconPenSolid, IconTrashBinSolid } from '@iconify-prerendered/vue-flowbi
 import { onMounted, ref } from 'vue';
 import { useRoute,useRouter } from 'vue-router';
 import {callAdminForthApi} from '@/utils';
-import {showSuccesTost} from '@/composables/useFrontendApi';
+import { showSuccesTost, showErrorTost } from '@/composables/useFrontendApi';
 
 
 const item = ref(null);
@@ -170,7 +170,7 @@ async function deleteRecord(row) {
         router.push({ name: 'resource-list', params: { resourceId: route.params.resourceId } });
         showSuccesTost('Record deleted successfully')
       } else {
-        console.error(res.error)
+        showErrorTost(res.error)
       }
 
     } catch (e) {

package/types/AdminForthConfig.ts

@@ -1058,6 +1058,17 @@ export type AdminForthConfig = {
        * This field will be used to display user name in the top right corner of the admin panel.
        */
       userFullNameField?: string,
+
+      /**
+       * Pair of login and pass substitution for demo mode. Split by ':'
+       * ! This option is for demo purposes only, never use it for your projects
+       */
+      demoCredentials?: string,
+
+      /**
+       * Any prompt to show users on login. Supports HTML.
+       */
+      loginPromptHTML?: string,
     },
      /**
       * Array of resources which will be displayed in the admin panel.