marco/contexted-v3
1
0
Fork 0
Code Issues 7 Pull Requests Packages Projects 1 Releases Wiki Activity

fix list view

Browse Source
This commit is contained in:
Marco Crapts
2023-05-31 21:26:59 +02:00
parent c57d0be562
commit af054ac61c
1 changed files with 44 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/components/ViewModes/ListView.vue
View File

@@ -30,7 +30,7 @@ const deleteSelectedNotes = (closeModal: () => void) => {
} }
</script> </script>
<template> <template>
<div class="flex flex-col gap-2 overflow-x-auto"> <div class="flex flex-col gap-2">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<div class="flex items-center"> <div class="flex items-center">
<span class="whitespace-nowrap"> <span class="whitespace-nowrap">
@@ -60,46 +60,48 @@ const deleteSelectedNotes = (closeModal: () => void) => {
class="my-1 ml-auto mr-1 max-w-xs flex-grow" class="my-1 ml-auto mr-1 max-w-xs flex-grow"
></UIInputText> ></UIInputText>
</div> </div>
<UITable density="compact" class="w-full"> <div class="overflow-x-auto">
<thead> <UITable density="compact" class="w-full">
<tr> <thead>
<th class="w-[48px]"></th> <tr>
<th>Note title</th> <th class="w-[48px]"></th>
<th class="w-[75px]">Words</th> <th>Note title</th>
<th class="w-[100px]">References</th> <th class="w-[75px]">Words</th>
<th class="w-[150px]">Modified</th> <th class="w-[100px]">References</th>
</tr> <th class="w-[150px]">Modified</th>
</thead> </tr>
<tbody> </thead>
<tr <tbody>
v-for="note in notesWithReferences" <tr
:key="note.id" v-for="note in notesWithReferences"
class="dui-hover hover:cursor-pointer" :key="note.id"
@click="setActiveNote(note.id)" class="dui-hover hover:cursor-pointer"
> @click="setActiveNote(note.id)"
<th @click.stop="toggleRow(note)" class="text-center"> >
<label> <th @click.stop="toggleRow(note)" class="text-center">
<UIInputCheckbox <label>
color="primary" <UIInputCheckbox
:checked="Boolean(selectedNotes[note.id])" color="primary"
:disabled="note.isRoot" :checked="Boolean(selectedNotes[note.id])"
></UIInputCheckbox> :disabled="note.isRoot"
</label> ></UIInputCheckbox>
</th> </label>
<td> </th>
<i class="fas fa-fw fa-home mr-1 text-secondary" v-if="note.isRoot" /> <td>
{{ note.title }} <i class="fas fa-fw fa-home mr-1 text-secondary" v-if="note.isRoot" />
</td> {{ note.title }}
<td>{{ note.wordCount }}</td> </td>
<td> <td>{{ note.wordCount }}</td>
<UIBadge v-if="note.references.length > 0"> <td>
<i data-v-41bbc26f="" class="fas fa-fw fa-sign-out-alt mr-1"></i> <UIBadge v-if="note.references.length > 0">
{{ note.references.length }} <i data-v-41bbc26f="" class="fas fa-fw fa-sign-out-alt mr-1"></i>
</UIBadge> {{ note.references.length }}
</td> </UIBadge>
<td>{{ formatDate(note.modified) }}</td> </td>
</tr> <td>{{ formatDate(note.modified) }}</td>
</tbody> </tr>
</UITable> </tbody>
</UITable>
</div>
</div> </div>
</template> </template>