adminforth 1.2.50 → 1.2.52

package/dist/modules/configValidator.js

@@ -54,7 +54,7 @@ export default class ConfigValidator {
             if (!this.config.rootUser.password) {
                 throw new Error('rootUser.password is required');
             }
-            console.log('\n ⚠️⚠️⚠️ [INSECURE ALERT] config.rootUser is set, please create a new user and remove config.rootUser from config ASAP when you are in production\n');
+            console.log('\n ☝️☝️☝️ [INSECURE ALERT] config.rootUser is set, please create a new user to login in backoffice and remove config.rootUser from config ASAP when you are in production\n');
         }
         if (!this.config.customization.customComponentsDir) {
             this.config.customization.customComponentsDir = './custom';

package/dist/modules/restApi.js

@@ -20,13 +20,15 @@ export default class AdminForthRestAPI {
             method: 'POST',
             path: '/login',
             handler: (_a) => __awaiter(this, [_a], void 0, function* ({ body, response }) {
-                var _b, _c, _d, _e;
+                var _b, _c, _d, _e, _f;
                 const INVALID_MESSAGE = 'Invalid username or password';
                 const { username, password } = body;
                 let adminUser;
                 let toReturn = { ok: true, allowedLogin: true };
                 let token;
-                if (username === this.adminforth.config.rootUser.username && password === this.adminforth.config.rootUser.password) {
+                if (this.adminforth.config.rootUser
+                    && username === this.adminforth.config.rootUser.username
+                    && password === ((_b = this.adminforth.config.rootUser) === null || _b === void 0 ? void 0 : _b.password)) {
                     this.adminforth.auth.setAuthCookie({ response, username, pk: null });
                     adminUser = { isRoot: true, dbUser: null, pk: null, username: this.adminforth.config.rootUser.username };
                 }
@@ -46,7 +48,7 @@ export default class AdminForthRestAPI {
                         });
                         console.log('Adding passwordHashField to userResource', userResource);
                     }
-                    const userRecord = (_b = (yield this.adminforth.connectors[userResource.dataSource].getData({
+                    const userRecord = (_c = (yield this.adminforth.connectors[userResource.dataSource].getData({
                         resource: userResource,
                         filters: [
                             { field: this.adminforth.config.auth.usernameField, operator: AdminForthFilterOperators.EQ, value: username },
@@ -54,7 +56,7 @@ export default class AdminForthRestAPI {
                         limit: 1,
                         offset: 0,
                         sort: [],
-                    })).data) === null || _b === void 0 ? void 0 : _b[0];
+                    })).data) === null || _c === void 0 ? void 0 : _c[0];
                     if (!userRecord) {
                         return { error: 'User not found' };
                     }
@@ -70,8 +72,8 @@ export default class AdminForthRestAPI {
                         if (beforeLoginConfirmation === null || beforeLoginConfirmation === void 0 ? void 0 : beforeLoginConfirmation.length) {
                             for (const hook of beforeLoginConfirmation) {
                                 const resp = yield hook({ adminUser, response });
-                                if ((_c = resp === null || resp === void 0 ? void 0 : resp.body) === null || _c === void 0 ? void 0 : _c.redirectTo) {
-                                    toReturn = { ok: resp.ok, redirectTo: (_d = resp === null || resp === void 0 ? void 0 : resp.body) === null || _d === void 0 ? void 0 : _d.redirectTo, allowedLogin: (_e = resp === null || resp === void 0 ? void 0 : resp.body) === null || _e === void 0 ? void 0 : _e.allowedLogin };
+                                if ((_d = resp === null || resp === void 0 ? void 0 : resp.body) === null || _d === void 0 ? void 0 : _d.redirectTo) {
+                                    toReturn = { ok: resp.ok, redirectTo: (_e = resp === null || resp === void 0 ? void 0 : resp.body) === null || _e === void 0 ? void 0 : _e.redirectTo, allowedLogin: (_f = resp === null || resp === void 0 ? void 0 : resp.body) === null || _f === void 0 ? void 0 : _f.allowedLogin };
                                     break;
                                 }
                             }
@@ -90,7 +92,7 @@ export default class AdminForthRestAPI {
         server.endpoint({
             method: 'POST',
             path: '/check_auth',
-            handler: (_f) => __awaiter(this, [_f], void 0, function* ({ adminUser }) {
+            handler: (_g) => __awaiter(this, [_g], void 0, function* ({ adminUser }) {
                 return { ok: true };
             }),
         });
@@ -98,7 +100,7 @@ export default class AdminForthRestAPI {
             noAuth: true,
             method: 'POST',
             path: '/logout',
-            handler: (_g) => __awaiter(this, [_g], void 0, function* ({ response }) {
+            handler: (_h) => __awaiter(this, [_h], void 0, function* ({ response }) {
                 this.adminforth.auth.removeAuthCookie(response);
                 return { ok: true };
             }),
@@ -107,8 +109,8 @@ export default class AdminForthRestAPI {
             noAuth: true,
             method: 'GET',
             path: '/get_public_config',
-            handler: (_h) => __awaiter(this, [_h], void 0, function* ({ body }) {
-                var _j;
+            handler: (_j) => __awaiter(this, [_j], void 0, function* ({ body }) {
+                var _k;
                 // find resource
                 if (!this.adminforth.config.auth) {
                     throw new Error('No config.auth defined');
@@ -120,15 +122,17 @@ export default class AdminForthRestAPI {
                     brandName: this.adminforth.config.customization.brandName,
                     usernameFieldName: usernameColumn.label,
                     loginBackgroundImage: this.adminforth.config.auth.loginBackgroundImage,
-                    title: (_j = this.adminforth.config.customization) === null || _j === void 0 ? void 0 : _j.title,
+                    title: (_k = this.adminforth.config.customization) === null || _k === void 0 ? void 0 : _k.title,
+                    demoCredentials: this.adminforth.config.auth.demoCredentials,
+                    loginPromptHTML: this.adminforth.config.auth.loginPromptHTML,
                 };
             }),
         });
         server.endpoint({
             method: 'GET',
             path: '/get_base_config',
-            handler: (_k) => __awaiter(this, [_k], void 0, function* ({ input, adminUser, cookies }) {
-                var _l, _m;
+            handler: (_l) => __awaiter(this, [_l], void 0, function* ({ input, adminUser, cookies }) {
+                var _m, _o;
                 let username = '';
                 let userFullName = '';
                 if (adminUser.isRoot) {
@@ -189,8 +193,8 @@ export default class AdminForthRestAPI {
                         deleteConfirmation: this.adminforth.config.deleteConfirmation,
                         auth: this.adminforth.config.auth,
                         usernameField: this.adminforth.config.auth.usernameField,
-                        title: (_l = this.adminforth.config.customization) === null || _l === void 0 ? void 0 : _l.title,
-                        emptyFieldPlaceholder: (_m = this.adminforth.config.customization) === null || _m === void 0 ? void 0 : _m.emptyFieldPlaceholder,
+                        title: (_m = this.adminforth.config.customization) === null || _m === void 0 ? void 0 : _m.title,
+                        emptyFieldPlaceholder: (_o = this.adminforth.config.customization) === null || _o === void 0 ? void 0 : _o.emptyFieldPlaceholder,
                     },
                     adminUser,
                     version: ADMINFORTH_VERSION,
@@ -229,7 +233,7 @@ export default class AdminForthRestAPI {
         server.endpoint({
             method: 'POST',
             path: '/get_resource',
-            handler: (_o) => __awaiter(this, [_o], void 0, function* ({ body, adminUser }) {
+            handler: (_p) => __awaiter(this, [_p], void 0, function* ({ body, adminUser }) {
                 const { resourceId } = body;
                 if (!this.adminforth.statuses.dbDiscover) {
                     return { error: 'Database discovery not started' };
@@ -260,8 +264,8 @@ export default class AdminForthRestAPI {
         server.endpoint({
             method: 'POST',
             path: '/get_resource_data',
-            handler: (_p) => __awaiter(this, [_p], void 0, function* ({ body, adminUser }) {
-                var _q, _r, _s, _t;
+            handler: (_q) => __awaiter(this, [_q], void 0, function* ({ body, adminUser }) {
+                var _r, _s, _t, _u;
                 const { resourceId, source } = body;
                 if (['show', 'list'].includes(source) === false) {
                     return { error: 'Invalid source, should be list or show' };
@@ -281,7 +285,7 @@ export default class AdminForthRestAPI {
                 if (!allowed) {
                     return { error };
                 }
-                for (const hook of listify((_r = (_q = resource.hooks) === null || _q === void 0 ? void 0 : _q[source]) === null || _r === void 0 ? void 0 : _r.beforeDatasourceRequest)) {
+                for (const hook of listify((_s = (_r = resource.hooks) === null || _r === void 0 ? void 0 : _r[source]) === null || _s === void 0 ? void 0 : _s.beforeDatasourceRequest)) {
                     const resp = yield hook({ resource, query: body, adminUser });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook must return object with {ok: true} or { error: 'Error' } `);
@@ -360,7 +364,7 @@ export default class AdminForthRestAPI {
                     item._label = resource.recordLabel(item);
                 });
                 // only after adminforth made all post processing, give user ability to edit it
-                for (const hook of listify((_t = (_s = resource.hooks) === null || _s === void 0 ? void 0 : _s[source]) === null || _t === void 0 ? void 0 : _t.afterDatasourceResponse)) {
+                for (const hook of listify((_u = (_t = resource.hooks) === null || _t === void 0 ? void 0 : _t[source]) === null || _u === void 0 ? void 0 : _u.afterDatasourceResponse)) {
                     const resp = yield hook({ resource, response: data.data, adminUser });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook must return object with {ok: true} or { error: 'Error' } `);
@@ -375,8 +379,8 @@ export default class AdminForthRestAPI {
         server.endpoint({
             method: 'POST',
             path: '/get_resource_foreign_data',
-            handler: (_u) => __awaiter(this, [_u], void 0, function* ({ body, adminUser }) {
-                var _v, _w, _x, _y;
+            handler: (_v) => __awaiter(this, [_v], void 0, function* ({ body, adminUser }) {
+                var _w, _x, _y, _z;
                 const { resourceId, column } = body;
                 if (!this.adminforth.statuses.dbDiscover) {
                     return { error: 'Database discovery not started' };
@@ -397,7 +401,7 @@ export default class AdminForthRestAPI {
                 }
                 const targetResourceId = columnConfig.foreignResource.resourceId;
                 const targetResource = this.adminforth.config.resources.find((res) => res.resourceId == targetResourceId);
-                for (const hook of listify((_w = (_v = columnConfig.foreignResource.hooks) === null || _v === void 0 ? void 0 : _v.dropdownList) === null || _w === void 0 ? void 0 : _w.beforeDatasourceRequest)) {
+                for (const hook of listify((_x = (_w = columnConfig.foreignResource.hooks) === null || _w === void 0 ? void 0 : _w.dropdownList) === null || _x === void 0 ? void 0 : _x.beforeDatasourceRequest)) {
                     const resp = yield hook({ query: body, adminUser, resource: targetResource });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook must return object with {ok: true} or { error: 'Error' } `);
@@ -426,7 +430,7 @@ export default class AdminForthRestAPI {
                 const response = {
                     items
                 };
-                for (const hook of listify((_y = (_x = columnConfig.foreignResource.hooks) === null || _x === void 0 ? void 0 : _x.dropdownList) === null || _y === void 0 ? void 0 : _y.afterDatasourceResponse)) {
+                for (const hook of listify((_z = (_y = columnConfig.foreignResource.hooks) === null || _y === void 0 ? void 0 : _y.dropdownList) === null || _z === void 0 ? void 0 : _z.afterDatasourceResponse)) {
                     const resp = yield hook({ response, adminUser, resource: targetResource });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook must return object with {ok: true} or { error: 'Error' } `);
@@ -441,7 +445,7 @@ export default class AdminForthRestAPI {
         server.endpoint({
             method: 'POST',
             path: '/get_min_max_for_columns',
-            handler: (_z) => __awaiter(this, [_z], void 0, function* ({ body }) {
+            handler: (_0) => __awaiter(this, [_0], void 0, function* ({ body }) {
                 const { resourceId } = body;
                 if (!this.adminforth.statuses.dbDiscover) {
                     return { error: 'Database discovery not started' };
@@ -470,7 +474,7 @@ export default class AdminForthRestAPI {
         server.endpoint({
             method: 'POST',
             path: '/create_record',
-            handler: (_0) => __awaiter(this, [_0], void 0, function* ({ body, adminUser }) {
+            handler: (_1) => __awaiter(this, [_1], void 0, function* ({ body, adminUser }) {
                 const resource = this.adminforth.config.resources.find((res) => res.resourceId == body['resourceId']);
                 if (!resource) {
                     return { error: `Resource '${body['resourceId']}' not found` };
@@ -494,8 +498,8 @@ export default class AdminForthRestAPI {
         server.endpoint({
             method: 'POST',
             path: '/update_record',
-            handler: (_1) => __awaiter(this, [_1], void 0, function* ({ body, adminUser }) {
-                var _2, _3, _4, _5;
+            handler: (_2) => __awaiter(this, [_2], void 0, function* ({ body, adminUser }) {
+                var _3, _4, _5, _6;
                 const resource = this.adminforth.config.resources.find((res) => res.resourceId == body['resourceId']);
                 if (!resource) {
                     return { error: `Resource '${body['resourceId']}' not found` };
@@ -514,7 +518,7 @@ export default class AdminForthRestAPI {
                     return { error };
                 }
                 // execute hook if needed
-                for (const hook of listify((_3 = (_2 = resource.hooks) === null || _2 === void 0 ? void 0 : _2.edit) === null || _3 === void 0 ? void 0 : _3.beforeSave)) {
+                for (const hook of listify((_4 = (_3 = resource.hooks) === null || _3 === void 0 ? void 0 : _3.edit) === null || _4 === void 0 ? void 0 : _4.beforeSave)) {
                     const resp = yield hook({ resource, record, adminUser });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook beforeSave must return object with {ok: true} or { error: 'Error' } `);
@@ -541,7 +545,7 @@ export default class AdminForthRestAPI {
                     yield connector.updateRecord({ resource, recordId, newValues });
                 }
                 // execute hook if needed
-                for (const hook of listify((_5 = (_4 = resource.hooks) === null || _4 === void 0 ? void 0 : _4.edit) === null || _5 === void 0 ? void 0 : _5.afterSave)) {
+                for (const hook of listify((_6 = (_5 = resource.hooks) === null || _5 === void 0 ? void 0 : _5.edit) === null || _6 === void 0 ? void 0 : _6.afterSave)) {
                     const resp = yield hook({ resource, record, adminUser, oldRecord });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook afterSave must return object with {ok: true} or { error: 'Error' } `);
@@ -558,8 +562,8 @@ export default class AdminForthRestAPI {
         server.endpoint({
             method: 'POST',
             path: '/delete_record',
-            handler: (_6) => __awaiter(this, [_6], void 0, function* ({ body, adminUser }) {
-                var _7, _8, _9, _10;
+            handler: (_7) => __awaiter(this, [_7], void 0, function* ({ body, adminUser }) {
+                var _8, _9, _10, _11;
                 const resource = this.adminforth.config.resources.find((res) => res.resourceId == body['resourceId']);
                 const record = yield this.adminforth.connectors[resource.dataSource].getRecordByPrimaryKey(resource, body['primaryKey']);
                 if (!resource) {
@@ -577,7 +581,7 @@ export default class AdminForthRestAPI {
                     return { error };
                 }
                 // execute hook if needed
-                for (const hook of listify((_8 = (_7 = resource.hooks) === null || _7 === void 0 ? void 0 : _7.delete) === null || _8 === void 0 ? void 0 : _8.beforeSave)) {
+                for (const hook of listify((_9 = (_8 = resource.hooks) === null || _8 === void 0 ? void 0 : _8.delete) === null || _9 === void 0 ? void 0 : _9.beforeSave)) {
                     const resp = yield hook({ resource, record, adminUser });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook beforeSave must return object with {ok: true} or { error: 'Error' } `);
@@ -589,7 +593,7 @@ export default class AdminForthRestAPI {
                 const connector = this.adminforth.connectors[resource.dataSource];
                 yield connector.deleteRecord({ resource, recordId: body['primaryKey'] });
                 // execute hook if needed
-                for (const hook of listify((_10 = (_9 = resource.hooks) === null || _9 === void 0 ? void 0 : _9.delete) === null || _10 === void 0 ? void 0 : _10.afterSave)) {
+                for (const hook of listify((_11 = (_10 = resource.hooks) === null || _10 === void 0 ? void 0 : _10.delete) === null || _11 === void 0 ? void 0 : _11.afterSave)) {
                     const resp = yield hook({ resource, record, adminUser });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook afterSave must return object with {ok: true} or { error: 'Error' } `);
@@ -606,7 +610,7 @@ export default class AdminForthRestAPI {
         server.endpoint({
             method: 'POST',
             path: '/start_bulk_action',
-            handler: (_11) => __awaiter(this, [_11], void 0, function* ({ body, adminUser }) {
+            handler: (_12) => __awaiter(this, [_12], void 0, function* ({ body, adminUser }) {
                 const { resourceId, actionId, recordIds } = body;
                 const resource = this.adminforth.config.resources.find((res) => res.resourceId == resourceId);
                 if (!resource) {

package/dist/modules/styles.js

@@ -7,11 +7,11 @@ export const styles = () => ({
         lightNavbarTextHover: "alias:lightNavbarText darken", // navbar text hover
         lightNavbarTextActive: "alias:lightNavbarText darken", // navbar text active
         lightNavbarIcons: "alias:lightNavbarText opacity:0.7", // navbar icons
-        lightSidebar: "#ffffff", // sidebar background
-        lightSidebarBorder: "alias:lightSidebarText opacity:0.3", // sidebar right border
-        lightSidebarItemHover: "alias:lightSidebarText opacity:0.1", // sidebar list item hover
-        lightSidebarItemActive: "alias:lightSidebarText opacity:0.4", // sidebar list item active
-        lightSidebarText: "#1f2937", // sidebar list item text
+        lightSidebar: "#f9fafb", // sidebar background
+        lightSidebarBorder: "alias:lightSidebarText opacity:0.05", // sidebar right border
+        lightSidebarItemHover: "alias:lightSidebarText opacity:0.05", // sidebar list item hover
+        lightSidebarItemActive: "alias:lightSidebarText opacity:0.05", // sidebar list item active
+        lightSidebarText: "#213045", // sidebar list item text
         lightSidebarTextHover: "alias:lightSidebarText darken", // sidebar list item text hover
         lightSidebarTextActive: "alias:lightSidebarText darken", // sidebar list item text active
         lightSidebarDevider: "alias:lightSidebarText opacity:0.3", // sidebar devider
@@ -21,7 +21,7 @@ export const styles = () => ({
         lightList: "#FFFFFF", // list view background
         lightListTable: "#FFFFFF", // list view table background
         lightListTableHeading: "alias:lightListTableHeadingText opacity:0.04", // list view table heading
-        lightListTableHeadingText: "#333333", // list view table heading text
+        lightListTableHeadingText: "#43445B", // list view table heading text
         lightListTableText: "#333333", // list view table text
         lightListTableRowHover: "rgb(249 250 251)", // list view row hover
         lightListBreadcrumbsText: "#666666", // list view breadcrumbs text
@@ -87,6 +87,6 @@ export const styles = () => ({
         "headerText-size": "1rem"
     },
     borderRadius: {
-        "default": "2px"
+        "default": ".5rem"
     }
 });

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/configValidator.ts

@@ -59,7 +59,7 @@ export default class ConfigValidator implements IConfigValidator {
         throw new Error('rootUser.password is required');
       }
 
-      console.log('\n ⚠️⚠️⚠️ [INSECURE ALERT] config.rootUser is set, please create a new user and remove config.rootUser from config ASAP when you are in production\n');
+      console.log('\n ☝️☝️☝️ [INSECURE ALERT] config.rootUser is set, please create a new user to login in backoffice and remove config.rootUser from config ASAP when you are in production\n');
     }
 
     if (!this.config.customization.customComponentsDir) {

package/modules/restApi.ts

@@ -42,7 +42,10 @@ export default class AdminForthRestAPI {
         let toReturn: { ok: boolean, redirectTo?: string, allowedLogin:boolean } = { ok: true, allowedLogin:true};
 
         let token;
-        if (username === this.adminforth.config.rootUser.username && password === this.adminforth.config.rootUser.password) {
+        if (this.adminforth.config.rootUser 
+            && username === this.adminforth.config.rootUser.username 
+            && password === this.adminforth.config.rootUser?.password
+        ) {
           this.adminforth.auth.setAuthCookie({ response, username, pk: null });
           adminUser = { isRoot: true, dbUser: null, pk: null, username: this.adminforth.config.rootUser.username};
         } else {
@@ -147,6 +150,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/modules/styles.ts

@@ -11,11 +11,11 @@ export const styles = () => ({
     lightNavbarTextActive: "alias:lightNavbarText darken", // navbar text active
     lightNavbarIcons: "alias:lightNavbarText opacity:0.7", // navbar icons
 
-    lightSidebar: "#ffffff", // sidebar background
-    lightSidebarBorder: "alias:lightSidebarText opacity:0.3", // sidebar right border
-    lightSidebarItemHover: "alias:lightSidebarText opacity:0.1", // sidebar list item hover
-    lightSidebarItemActive: "alias:lightSidebarText opacity:0.4", // sidebar list item active
-    lightSidebarText: "#1f2937", // sidebar list item text
+    lightSidebar: "#f9fafb", // sidebar background
+    lightSidebarBorder: "alias:lightSidebarText opacity:0.05", // sidebar right border
+    lightSidebarItemHover: "alias:lightSidebarText opacity:0.05", // sidebar list item hover
+    lightSidebarItemActive: "alias:lightSidebarText opacity:0.05", // sidebar list item active
+    lightSidebarText: "#213045", // sidebar list item text
     lightSidebarTextHover: "alias:lightSidebarText darken", // sidebar list item text hover
     lightSidebarTextActive: "alias:lightSidebarText darken", // sidebar list item text active
     lightSidebarDevider: "alias:lightSidebarText opacity:0.3", // sidebar devider
@@ -26,7 +26,7 @@ export const styles = () => ({
     lightList: "#FFFFFF", // list view background
     lightListTable: "#FFFFFF", // list view table background
     lightListTableHeading: "alias:lightListTableHeadingText opacity:0.04", // list view table heading
-    lightListTableHeadingText: "#333333", // list view table heading text
+    lightListTableHeadingText: "#43445B", // list view table heading text
     lightListTableText: "#333333", // list view table text
     lightListTableRowHover: "rgb(249 250 251)", // list view row hover
     lightListBreadcrumbsText: "#666666", // list view breadcrumbs text
@@ -103,7 +103,7 @@ export const styles = () => ({
     "headerText-size": "1rem"
   },
   borderRadius: {
-    "default": "2px"
+    "default": ".5rem"
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "1.2.50",
+  "version": "1.2.52",
   "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.