fix: apply sortable

Author: alanpoulain

src/generators/QuasarGenerator.js

@@ -144,7 +144,7 @@ export default {
     params.forEach((p) => {
       if (p.variable.startsWith("exists[")) {
         result.push(p);
-        return; // removed for the moment, it can help to add null option to select
+        return;
       }
       if (p.variable.startsWith("order[")) {
         result.push(p);

src/generators/VuetifyGenerator.js

@@ -30,7 +30,7 @@ export default class extends BaseGenerator {
       "composables/mercureList.ts",
     ]);
 
-    this.registerTemplates(`vuetify/`, [
+    this.registerTemplates("vuetify/", [
       // components
       "components/foo/FooCreate.vue",
       "components/foo/FooFilter.vue",
@@ -143,11 +143,12 @@ export default {
     });
 
     params.forEach((p) => {
-      if (p.variable.endsWith("[exists]")) {
+      if (p.variable.startsWith("exists[")) {
         return; // removed for the moment, it can help to add null option to select
       }
       if (p.variable.startsWith("order[")) {
-        return; // removed for the moment, it can help to sorting data
+        result.push(p);
+        return;
       }
       if (!stats[p.variable] && p.variable.endsWith("[]")) {
         if (stats[p.variable.slice(0, -2)] === 1) {
@@ -175,8 +176,18 @@ export default {
 
     const parameters = [];
     params.forEach((p) => {
-      const param = fields.find((field) => field.name === p.variable);
-      if (param) {
+      const paramIndex = fields.findIndex((field) => field.name === p.variable);
+      if (paramIndex === -1) {
+        if (p.variable.startsWith("order[")) {
+          let v = p.variable.slice(6, -1);
+          let found = fields.findIndex((field) => field.name === v);
+          if (found !== -1) {
+            fields[found].sortable = true;
+          }
+          return;
+        }
+      } else {
+        const param = fields[paramIndex];
         param.multiple = p.multiple;
         parameters.push(param);
       }

templates/vuetify/components/foo/FooList.vue

@@ -131,6 +131,8 @@
 
 <script setup lang="ts">
 import { ref, onBeforeUnmount{{#if parameters.length}}, Ref{{/if}} } from "vue";
+import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
 import { storeToRefs } from "pinia";
 import { use{{titleUcFirst}}ListStore } from "@/store/{{lc}}/list";
 import { use{{titleUcFirst}}DeleteStore } from "@/store/{{lc}}/delete";
@@ -140,15 +142,13 @@ import DataFilter from "@/components/common/DataFilter.vue";
 import Filter from "@/components/{{lc}}/{{titleUcFirst}}Filter.vue";
 {{/if}}
 import ActionCell from "@/components/common/ActionCell.vue";
-import { useRouter } from "vue-router";
-import { {{#if parameters.length}}Filters, {{/if}}VuetifyOrder } from "@/types/list";
 {{#if hasDateField}}
 import { formatDateTime } from "@/utils/date";
 {{/if}}
-import { {{titleUcFirst}} } from "@/types/{{lc}}";
-import { useI18n } from "vue-i18n";
 import { useMercureList } from "@/composables/mercureList";
 import { useBreadcrumb } from "@/composables/breadcrumb";
+import type { {{#if parameters.length}}Filters, {{/if}}VuetifyOrder } from "@/types/list";
+import type { {{titleUcFirst}} } from "@/types/{{lc}}";
 
 const { t } = useI18n();
 const router = useRouter();
@@ -191,6 +191,7 @@ const headers = [
   {
     title: t("{{../lc}}.{{name}}"),
     key: "{{name}}",
+    sortable: {{#if sortable}}true{{else}}false{{/if}},
   },
   {{/each}}
 ];