adminforth 1.3.47 → 1.3.49-next.0

package/dist/modules/configValidator.js

@@ -112,7 +112,10 @@ export default class ConfigValidator {
             errors.push(...this.checkCustomFileExists(this.config.customization.favicon));
         }
         if (!this.config.customization.datesFormat) {
-            this.config.customization.datesFormat = 'MMM D, YYYY HH:mm:ss';
+            this.config.customization.datesFormat = 'MMM D, YYYY';
+        }
+        if (!this.config.customization.timeFormat) {
+            this.config.customization.timeFormat = 'HH:mm:ss';
         }
         if (this.config.resources) {
             this.config.resources.forEach((res) => {

package/dist/modules/restApi.js

@@ -220,6 +220,7 @@ export default class AdminForthRestAPI {
                         showBrandNameInSidebar: this.adminforth.config.customization.showBrandNameInSidebar,
                         brandLogo: this.adminforth.config.customization.brandLogo,
                         datesFormat: this.adminforth.config.customization.datesFormat,
+                        timeFormat: this.adminforth.config.customization.timeFormat,
                         deleteConfirmation: this.adminforth.config.deleteConfirmation,
                         auth: this.adminforth.config.auth,
                         usernameField: this.adminforth.config.auth.usernameField,

package/modules/configValidator.ts

@@ -127,7 +127,11 @@ export default class ConfigValidator implements IConfigValidator {
     }
 
     if (!this.config.customization.datesFormat) {
-      this.config.customization.datesFormat = 'MMM D, YYYY HH:mm:ss';
+      this.config.customization.datesFormat = 'MMM D, YYYY';
+    }
+
+    if (!this.config.customization.timeFormat) {
+      this.config.customization.timeFormat = 'HH:mm:ss';
     }
 
     if (this.config.resources) {

package/modules/restApi.ts

@@ -258,6 +258,7 @@ export default class AdminForthRestAPI {
             showBrandNameInSidebar: this.adminforth.config.customization.showBrandNameInSidebar,
             brandLogo: this.adminforth.config.customization.brandLogo,
             datesFormat: this.adminforth.config.customization.datesFormat,
+            timeFormat: this.adminforth.config.customization.timeFormat,
             deleteConfirmation: this.adminforth.config.deleteConfirmation,
             auth: this.adminforth.config.auth,
             usernameField: this.adminforth.config.auth.usernameField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "1.3.47",
+  "version": "1.3.49-next.0",
   "description": "OpenSource Vue3 powered forth-generation admin panel",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -9,6 +9,7 @@
     "build": "tsc",
     "---prepareDist": "cp -rL spa dist/",
     "rollout": "tsc && npm version patch && npm publish && npm run rollout-doc",
+    "rollout-next": "tsc && npm publish --tag next",
     "rollout-doc": "cd documentation && npm run build && npm run deploy",
     "docs": "typedoc",
     "postinstall": "cd ./spa/src/ && test ! -d ./types && ln -sf ../../types ./types || echo 'types linked'"

package/spa/src/components/ResourceListTable.vue

@@ -217,7 +217,7 @@
           1
         </button>
         <input type="text"
-              class="w-10 py-1.5  px-3 text-sm text-center text-gray-700 border border-gray-300 dark:border-gray-700 dark:text-gray-400 dark:bg-gray-800 z-10"
+              class="w-12 min-w-10 py-1.5 px-3 text-sm text-center text-gray-700 border border-gray-300 dark:border-gray-700 dark:text-gray-400 dark:bg-gray-800 z-10"
               v-model="page"/>
 
         <button

package/spa/src/components/ValueRenderer.vue

@@ -18,8 +18,14 @@
       {{ checkEmptyValues(column.enum.find(e => e.value === record[column.name])?.label || record[column.name], route.meta.type) }}
     </span>
     <span v-else-if="column.type === 'datetime'" class="whitespace-nowrap">
+      {{ checkEmptyValues(formatDateTime(record[column.name]),route.meta.type) }}
+    </span>
+    <span v-else-if="column.type === 'date'" class="whitespace-nowrap">
       {{ checkEmptyValues(formatDate(record[column.name]),route.meta.type) }}
     </span>
+    <span v-else-if="column.type === 'time'" class="whitespace-nowrap">
+      {{ checkEmptyValues(formatTime(record[column.name]),route.meta.type) }}
+    </span>
     <span v-else-if="column.type === 'richtext'">
       <div v-html="protectAgainstXSS(record[column.name])" class="allow-lists"></div>
     </span>
@@ -73,9 +79,19 @@ function protectAgainstXSS(value) {
 }
 
 
+function formatDateTime(date) {
+  if (!date) return '';
+  return dayjs.utc(date).local().format(`${coreStore.config?.datesFormat} ${coreStore.config?.timeFormat}` || 'YYYY-MM-DD HH:mm:ss');
+}
+
 function formatDate(date) {
   if (!date) return '';
-  return dayjs.utc(date).local().format(coreStore.config?.datesFormat || 'YYYY-MM-DD HH:mm:ss');
+  return dayjs.utc(date).local().format(coreStore.config?.datesFormat || 'YYYY-MM-DD');
+}
+
+function formatTime(date) {
+  if (!date) return '';
+  return dayjs.utc(date).local().format(coreStore.config?.timeFormat || 'HH:mm:ss');
 }
 </script>
 

package/spa/src/spa_types/core.ts

@@ -24,6 +24,7 @@ export type CoreConfig = {
     brandLogo: string,
     title: string,
     datesFormat: string,
+    timeFormat: string,
     usernameField: string,
     usernameFieldName?: string,
     deleteConfirmation?: boolean,

package/types/AdminForthConfig.ts

@@ -1303,10 +1303,17 @@ export type AdminForthConfig = {
       favicon?: string,
 
       /**
-       * DayJS format string for all dates in the app
+       * DayJS format string for all dates in the app.
+       * Defaulted to 'MMM D, YYYY'
        */
       datesFormat?: string,
 
+      /**
+       * DayJS format string for all datetimes in the app.
+       * Defaulted to 'HH:mm:ss'
+       */
+      timeFormat?: string,
+
       /**
        * HTML title tag value, defaults to brandName
        */