scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-03-09 06:04:46 +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

28
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" /> <UsersRenderer :params="{data: params, value: params.users, dtComponent: dtComponent}" class="-mt-2.5" />
</div> </div>
</div> </div>
<div v-else class="p-4 rounded sn-shadow-flyout flex flex-col"> <div v-else
<div class="flex items-center gap-2 mb-2"> 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"> <div class="sci-checkbox-container">
<input <input
type="checkbox" type="checkbox"
@ -48,19 +54,23 @@
</div> </div>
<RowMenuRenderer :params="{data: params, dtComponent: dtComponent}" class="ml-auto"/> <RowMenuRenderer :params="{data: params, dtComponent: dtComponent}" class="ml-auto"/>
</div> </div>
<div class="flex-grow flex items-center justify-center min-h-[6rem] text-sn-blue"> <div
<i class="sn-icon sn-icon-folder"></i> class="flex flex-col items-center justify-center"
</div> :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" <a :href="params.urls.show"
class="flex items-center justify-center gap-1 font-bold mb-2 class="line-clamp-2 font-bold mb-2 text-inherit text-center hover:no-underline ">
text-sn-black hover:no-underline hover:text-sn-black">
<i class="sn-icon mini sn-icon-mini-folder-left"></i>
{{ params.name }} {{ params.name }}
</a> </a>
<div class="flex items-center justify-center"> <div class="flex items-center justify-center text-sn-dark-grey">
{{ params.folder_info }} {{ params.folder_info }}
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>

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

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