add country flag

Author: Romper9

live-demo/app/resources/apartments.ts

@@ -47,6 +47,46 @@ export default {
       showIn: ['list', 'create', 'edit', 'filter', 'show'],  // all available options
       maxLength: 255,  // you can set max length for string fields
       minLength: 3,  // you can set min length for string fields
+    },
+    {
+      name: 'country',
+      components: {
+        list: '@/renderers/CountryFlag.vue'
+      },
+      enum: [{
+        value: 'US',
+        label: 'United States'
+      }, {
+        value: 'DE',
+        label: 'Germany'
+      }, {
+        value: 'FR',
+        label: 'France'
+      }, {
+        value: 'GB',
+        label: 'United Kingdom'
+      }, {
+        value:'NL',
+        label: 'Netherlands'
+      }, {
+        value: 'IT',
+        label: 'Italy'
+      }, {
+        value: 'ES',
+        label: 'Spain'
+      }, {
+        value: 'DK',
+        label: 'Denmark'
+      }, {
+        value: 'PL',
+        label: 'Poland'
+      }, {
+        value: 'UA',
+        label: 'Ukraine'
+      }, {
+        value: null,
+        label: 'Not defined'
+      }],
     }, 
     {
       name: 'apartment_image',
@@ -89,43 +129,6 @@ export default {
       sortable: false,
       showIn: ['show', 'edit', 'create', 'filter'],
     },
-    {
-      name: 'country',
-      enum: [{
-        value: 'US',
-        label: 'United States'
-      }, {
-        value: 'DE',
-        label: 'Germany'
-      }, {
-        value: 'FR',
-        label: 'France'
-      }, {
-        value: 'GB',
-        label: 'United Kingdom'
-      }, {
-        value:'NL',
-        label: 'Netherlands'
-      }, {
-        value: 'IT',
-        label: 'Italy'
-      }, {
-        value: 'ES',
-        label: 'Spain'
-      }, {
-        value: 'DK',
-        label: 'Denmark'
-      }, {
-        value: 'PL',
-        label: 'Poland'
-      }, {
-        value: 'UA',
-        label: 'Ukraine'
-      }, {
-        value: null,
-        label: 'Not defined'
-      }],
-    },
     {
       name: 'listed',
       required: true,  // will be required on create/edit

live-demo/app/resources/translations.ts

@@ -4,6 +4,12 @@ import CompletionAdapterOpenAIChatGPT from "@adminforth/completion-adapter-open-
 import I18nPlugin from "@adminforth/i18n";
 import { v1 as uuid } from "uuid";
 
+const blockDemoUsers = async ({ record, adminUser, resource }) => {
+  if (adminUser.dbUser && adminUser.dbUser.role !== 'superadmin') {
+    return { ok: false, error: "You can't do this on demo.adminforth.dev" }
+  }
+  return { ok: true };
+}
 
 export default {
   dataSource: "maindb",
@@ -12,6 +18,17 @@ export default {
   label: "Translations",
 
   recordLabel: (r: any) => `✍️ ${r.en_string}`,
+  hooks: {
+    delete: {
+      beforeSave: blockDemoUsers,
+    },
+    edit: {
+      beforeSave: blockDemoUsers,
+    },
+    create: {
+      beforeSave: blockDemoUsers,
+    },
+  },
   plugins: [
     new I18nPlugin({
       supportedLanguages: ['en', 'uk', 'ja', 'fr'],
@@ -48,6 +65,7 @@ export default {
   ],
   options: {
     listPageSize: 30,
+      
   },
   columns: [
     {