Update default.vue to disable logs and update status

Author: tacxou

src/components/quasar-jsonform/util/composition.ts

@@ -117,7 +117,7 @@ export const useQuasarControl = <
   // console.log('input.control.value.data', input.control.value.data)
   if (isEmpty(input.control.value?.data) || isNull(input.control.value?.data)) {
     input.handleChange(input.control.value?.path, input.control.value?.schema?.default || undefined)
-    // console.log('trigger default', input.control.value.schema.default || null)
+    console.log('trigger default', input.control.value?.path, input.control.value.schema.default || undefined)
   }
 
   // if (typeof input.control.value.data === 'undefined' || input.control.value.data === null && input.control.value.errors) {

src/pages/identities/export.vue

@@ -1,18 +1,12 @@
 <template>
   <q-page class="container q-px-md">
-      <sesame-searchfilters :fields="fieldsList"></sesame-searchfilters>
-    <q-table
-      flat bordered
-      title="Identités"
-      dense
-      :rows="rows1"
-      :columns="fieldsName"
-      row-key="uid"
-      :rows-per-page-options="[20,50,0]"
-    >
+    <sesame-searchfilters :fields="fieldsList"></sesame-searchfilters>
+    <q-table flat bordered title="Identités" dense :rows="rows1" :columns="fieldsName" row-key="_id"
+      :rows-per-page-options="[20, 50, 0]">
       <template v-slot:top-left>
 
-        <q-select outlined v-model="typeExport" :options="optionsExport" label="Format d'export" dense  style="width:150px;"/>
+        <q-select outlined v-model="typeExport" :options="optionsExport" label="Format d'export" dense
+          style="width:150px;" />
         <q-btn color="positive" icon="mdi-cloud-download" size="md" flat @click="exportData" dense>
           Exporter
 
@@ -23,13 +17,13 @@
 </template>
 
 <script lang="ts" setup>
-import {computed, onMounted, provide, ref} from "vue";
-import {useRoute} from "nuxt/app";
+import { computed, onMounted, provide, ref } from "vue";
+import { useRoute } from "nuxt/app";
 const route = useRoute()
 const { columns, visibleColumns, columnsType } = useColumnsIdentites()
-const typeExport=ref('CSV')
-const optionsExport=ref(['CSV','JSON'])
-let rowsData=null
+const typeExport = ref('CSV')
+const optionsExport = ref(['CSV', 'JSON'])
+let rowsData = null
 
 // prise de la requete qui est dans l'url mise par le filtre
 const queryWithoutRead = computed(() => {
@@ -39,35 +33,35 @@ const queryWithoutRead = computed(() => {
     ...rest,
   }
 })
-const { data: fieldsName, pending1, error1} = await useHttp('/management/identities/validation', {
+const { data: fieldsName, pending1, error1 } = await useHttp('/management/identities/validation', {
   method: 'GET',
-  transform: (result)=>{
-    const allFields=result.data.flatMap((enr)=>{
+  transform: (result) => {
+    const allFields = result.data.flatMap((enr) => {
       return Object.keys(enr[enr.name].properties)
     })
 
-    return allFields.map((enr)=>{
-      return {name:enr,field:enr,label:enr,align: 'left'}
+    return allFields.map((enr) => {
+      return { name: enr, field: enr, label: enr, align: 'left' }
     })
   }
 });
 
 const { data: rows1, pending, error, refresh } = await useHttp('/management/identities?sort[inetOrgPerson.cn]=asc', {
-    method: 'GET',
-    query:queryWithoutRead,
-    transform: (result)=>{
-      rowsData=result
-      const allFields=result.data.map((enr)=>{
-        let addF={}
-        for (const [key, value] of Object.entries(enr?.additionalFields?.attributes||{})) {
-          addF = {...addF, ...value}
-        }
-        const step1={...enr.inetOrgPerson,...addF}
-        return step1
-      })
-      return allFields
-    }
-  });
+  method: 'GET',
+  query: queryWithoutRead,
+  transform: (result) => {
+    rowsData = result
+    const allFields = result.data.map((enr) => {
+      let addF = {}
+      for (const [key, value] of Object.entries(enr?.additionalFields?.attributes || {})) {
+        addF = { ...addF, ...value }
+      }
+      const step1 = { ...enr.inetOrgPerson, ...addF }
+      return step1
+    })
+    return allFields
+  }
+});
 
 
 
@@ -85,38 +79,38 @@ const fieldsList = computed(() => {
   }, [])
 })
 
-async function exportData(){
-  if (typeExport.value === 'CSV'){
-    const csv=toCsv(fieldsName,rows1)
-    let blob=new Blob([csv],{type:'text/csv'})
-    let link=document.createElement('a')
-    link.href=window.URL.createObjectURL(blob)
-    link.download="sesame-export.csv"
+async function exportData() {
+  if (typeExport.value === 'CSV') {
+    const csv = toCsv(fieldsName, rows1)
+    let blob = new Blob([csv], { type: 'text/csv' })
+    let link = document.createElement('a')
+    link.href = window.URL.createObjectURL(blob)
+    link.download = "sesame-export.csv"
     link.click()
-  }else if(typeExport.value === 'JSON'){
-    let blob=new Blob([JSON.stringify(rowsData)],{type:'text/json'})
-    let link=document.createElement('a')
-    link.href=window.URL.createObjectURL(blob)
-    link.download="sesame-export.json"
+  } else if (typeExport.value === 'JSON') {
+    let blob = new Blob([JSON.stringify(rowsData)], { type: 'text/json' })
+    let link = document.createElement('a')
+    link.href = window.URL.createObjectURL(blob)
+    link.download = "sesame-export.json"
     link.click()
 
   }
 
 }
-function toCsv(fields,rows){
-  const f=[]
-  const fString=[]
-  for (const [key,value] of Object.entries(fields.value)){
-    f.push(value.name )
-    fString.push('"' +value.name + '"')
+function toCsv(fields, rows) {
+  const f = []
+  const fString = []
+  for (const [key, value] of Object.entries(fields.value)) {
+    f.push(value.name)
+    fString.push('"' + value.name + '"')
   }
-  let csv=f.join(';')
-  const tabCsv=[]
-  for (const [key,value] of Object.entries(rows.value)){
-    const ligne=f.map((k)=>{
-      if (typeof value[k] === 'string' || typeof value[k] === 'number'){
-        return '"' + value[k] +'"'
-      }else{
+  let csv = f.join(';')
+  const tabCsv = []
+  for (const [key, value] of Object.entries(rows.value)) {
+    const ligne = f.map((k) => {
+      if (typeof value[k] === 'string' || typeof value[k] === 'number') {
+        return '"' + value[k] + '"'
+      } else {
         return '""'
       }
     })

src/pages/identities/index.vue

@@ -100,6 +100,13 @@ const {
 } = await useHttp<Response>('/management/identities', {
   method: 'get',
   query: queryWithoutRead,
+  onResponse(p) {
+    console.log('p', p.response?._data?.total)
+    pagination.value.rowsNumber = Math.round(Math.random() * 100)
+    console.log('pagination.value', pagination.value.rowsNumber)
+    // pagination.value.rowsNumber = p.response?._data?.total || 0
+
+  }
 })
 
 if (error.value) {