adminforth 1.3.15 → 1.3.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "1.3.15",
+  "version": "1.3.17",
   "description": "OpenSource Vue3 powered forth-generation admin panel",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
     "@clickhouse/client": "^1.4.0",
     "better-sqlite3": "^10.0.0",
     "dayjs": "^1.11.11",
-    "express": "^4.19.2",
+    "express": "^4.21.0",
     "filewatcher": "^3.0.1",
     "fs-extra": "^11.2.0",
     "fuse.js": "^7.0.0",

package/spa/src/App.vue

@@ -18,7 +18,12 @@
           </div>
           <div class="flex items-center">
             <div class="flex items-center ms-3 ">
+              <span @click="toggleTheme" class="cursor-pointer flex items-center gap-1 block px-4 py-2 text-sm text-black hover:bg-lightHtml dark:text-darkSidebarTextHover dark:hover:bg-darkHtml dark:hover:text-darkSidebarTextActive" role="menuitem">
+                <IconMoonSolid class="w-5 h-5 text-blue-300" v-if="theme !== 'dark'" />
+                <IconSunSolid class="w-5 h-5 text-yellow-300" v-else />
+              </span>
               <div>
+
                 <button type="button" class="flex text-sm bg- rounded-full focus:ring-4 focus:ring-lightSidebarDevider dark:focus:ring-darkSidebarDevider dark:bg-" aria-expanded="false" data-dropdown-toggle="dropdown-user">
                   <span class="sr-only">Open user menu</span>
                   <svg class="w-8 h-8 text-lightNavbarIcons dark:text-darkNavbarIcons" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
@@ -36,14 +41,9 @@
                   </p>
                 </div>
                 <ul class="py-1" role="none">
-                  <li>
-                    <span @click="toggleTheme" class="cursor-pointer flex items-center gap-1 block px-4 py-2 text-sm text-black hover:bg-lightHtml dark:text-darkSidebarTextHover dark:hover:bg-darkHtml dark:hover:text-darkSidebarTextActive" role="menuitem">
-                      {{ theme === 'dark' ? 'Light' : 'Dark' }}
-                      <IconMoonSolid class="w-5 h-5 text-blue-300" v-if="theme !== 'dark'" />
-                      <IconSunSolid class="w-5 h-5 text-yellow-300" v-else />
-                      mode
-                    </span>
-                  </li>
+                  <!-- <li>
+                    
+                  </li> -->
                   <li>
                     <button @click="logout" class="cursor-pointer flex items-center gap-1 block px-4 py-2 text-sm text-black hover:bg-html dark:text-darkSidebarTextHover dark:hover:bg-darkSidebarItemHover dark:hover:text-darkSidebarTextActive w-full" role="menuitem">Sign out</button>
                   </li>

package/spa/src/components/ResourceForm.vue

@@ -244,6 +244,10 @@ const setCurrentValue = (key, value) => {
   } else {
     currentValues.value[key] = value;
   }
+  if (['text', 'richtext', 'string'].includes(col.type) && col.enforceLowerCase) {
+    currentValues.value[key] = currentValues.value[key].toLowerCase();
+  }
+
   currentValues.value = { ...currentValues.value };
   console.log('3️⃣ setCurrentValue', key, value);
   emit('update:record', currentValues.value);

package/spa/src/components/ValueRenderer.vue

@@ -15,7 +15,7 @@
       <span v-else class="bg-red-100 text-red-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-red-400 border border-red-400">No</span>
     </span>
     <span v-else-if="column.enum">
-      {{ checkEmptyValues(column.enum.find(e => e.value === record[column.name])?.label,route.meta.type) }}
+      {{ 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(formatDate(record[column.name]),route.meta.type) }}

package/types/AdminForthConfig.ts

@@ -571,6 +571,10 @@ export type AdminForthResourceColumn = {
      */
     isUnique?: boolean,
 
+    /**
+     * Will automatically convert any capital letters to lowercase in input during editing
+     */
+    enforceLowerCase?: boolean,
 
     /**
      * Runtime validation Regexp rules for this field.