scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-03-07 05:03:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix folders cards [SCI-10255][SCI-10332]

Browse source
This commit is contained in:
Anton 2024-03-04 13:41:54 +01:00
parent 74e1478c07
commit 04da2dffc4
2 changed files with 30 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
app/javascript/vue/projects/card.vue
View file

@ -36,8 +36,14 @@
<UsersRenderer :params="{data: params, value: params.users, dtComponent: dtComponent}" class="-mt-2.5" />
</div>
</div>
<div v-else class="p-4 rounded sn-shadow-flyout flex flex-col">
<div class="flex items-center gap-2 mb-2">
<div v-else
class="px-3 pt-3 pb-4 rounded border-solid border border-sn-gray flex flex-col"
:class="{
'bg-sn-light-grey': dtComponent.currentViewMode === 'archived',
'bg-sn-super-light-grey': dtComponent.currentViewMode !== 'archived'
}"
>
<div class="flex items-center gap-4 mb-2">
<div class="sci-checkbox-container">
<input
type="checkbox"
@ -48,17 +54,21 @@
</div>
<RowMenuRenderer :params="{data: params, dtComponent: dtComponent}" class="ml-auto"/>
</div>
<div class="flex-grow flex items-center justify-center min-h-[6rem] text-sn-blue">
<i class="sn-icon sn-icon-folder"></i>
</div>
<a :href="params.urls.show"
class="flex items-center justify-center gap-1 font-bold mb-2
text-sn-black hover:no-underline hover:text-sn-black">
<i class="sn-icon mini sn-icon-mini-folder-left"></i>
{{ params.name }}
</a>
<div class="flex items-center justify-center">
{{ params.folder_info }}
<div
class="flex flex-col items-center justify-center"
:class="{
'text-sn-black hover:text-sn-black': dtComponent.currentViewMode === 'archived',
'text-sn-blue hover:text-sn-blue': dtComponent.currentViewMode !== 'archived'
}"
>
<i class="sn-icon sn-icon-folder " style="font-size: 56px !important"></i>
<a :href="params.urls.show"
class="line-clamp-2 font-bold mb-2 text-inherit text-center hover:no-underline ">
{{ params.name }}
</a>
<div class="flex items-center justify-center text-sn-dark-grey">
{{ params.folder_info }}
</div>
</div>
</div>
</template>

9
app/javascript/vue/shared/datatable/table.vue
View file

@ -217,7 +217,7 @@ export default {
dtComponent: this
},
pinned: (column.field === 'name' ? 'left' : null),
comparator: () => false
comparator: () => null
}));
if (this.withCheckboxes) {
@ -308,6 +308,9 @@ export default {
} else {
target = document.querySelector('.ag-body-viewport');
}
if (!target) return;
if (target.scrollTop + target.clientHeight >= target.scrollHeight - 50) {
if (this.dataLoading || this.lastPage) return;
@ -365,7 +368,9 @@ export default {
});
setTimeout(() => {
this.gridApi.refreshHeader();
if (this.gridApi) {
this.gridApi.refreshHeader();
}
this.initializing = false;
}, 200);
},