fix for the table sort (#3495)

DARPA-ASKEM · May 1, 2024 · 7649263 · 7649263
1 parent 8997665
commit 7649263
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 14 deletions.
diff --git a/packages/client/hmi-client/src/components/home/tera-project-table.vue b/packages/client/hmi-client/src/components/home/tera-project-table.vue
@@ -14,20 +14,18 @@
  :key="index"
  :style="`width: ${getColumnWidth(col.field)}%`"
  >
- <template v-if="col.field !== 'username'" #body="{ data }">
- <a
- v-if="col.field === 'name'"
- class="project-title-link"
- @click.stop="emit('open-project', data.id)"
- >
- {{ data.name }}
- </a>
+ <template #body="{ data }">
+ <template v-if="col.field === 'name'">
+ <a class="project-title-link" @click.stop="emit('open-project', data.id)">
+ {{ data.name }}
+ </a>
+ </template>
  <tera-show-more-text
  v-else-if="col.field === 'description'"
  :text="data.description"
  :lines="1"
  />
- <template v-if="col.field === 'owner'">
+ <template v-if="col.field === 'userName'">
  {{ data.userName ?? '--' }}
  </template>
  <div v-else-if="col.field === 'stats'" class="stats">
@@ -41,10 +39,10 @@
  </span>
  <span><i class="pi pi-share-alt mr-1" /> {{ data.metadata?.['models-count'] }}</span>
  </div>
- <template v-else-if="col.field === 'created'">
+ <template v-else-if="col.field === 'createdOn'">
  {{ data.createdOn ? formatDdMmmYyyy(data.createdOn) : '--' }}
  </template>
- <template v-else-if="col.field === 'updated'">
+ <template v-else-if="col.field === 'updatedOn'">
  {{ data.updatedOn ? formatDdMmmYyyy(data.updatedOn) : '--' }}
  </template>
  </template>

diff --git a/packages/client/hmi-client/src/page/Home.vue b/packages/client/hmi-client/src/page/Home.vue
@@ -292,10 +292,10 @@ const projectsTabs = computed<{ title: string; projects: Project[] }[]>(() => [
 const columns = ref([
  { field: 'name', header: 'Project title' },
  { field: 'description', header: 'Description' },
- { field: 'owner', header: 'Author' },
+ { field: 'userName', header: 'Author' },
  { field: 'stats', header: 'Stats' },
- { field: 'created', header: 'Created on' },
- { field: 'updated', header: 'Last updated' }
+ { field: 'createdOn', header: 'Created on' },
+ { field: 'updatedOn', header: 'Last updated' }
 ]);
 
 const selectedColumns = ref(columns.value);