KoPKB/lelong-web-pembida
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove skeleton in list

Browse Source
This commit is contained in:
Amir
2022-12-12 12:49:48 +08:00
parent 900a459565
commit 105de14b15
3 changed files with 42 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layouts/TheHeader.vue
+1 -1
View File
@@ -267,7 +267,7 @@ export default {
this.$toast.add({
severity: "info",
summary: "Informasi",
detail: "Lelong akan tamat pada " + this.lelongOnline,
detail: "Lelongan akan tamat pada " + this.lelongOnline,
});
} else {
}
src/components/list/ListItem.vue
+41 -27
View File
@@ -16,17 +16,11 @@
<div v-else class="fadein animation-duration-400">
<div v-if="this.status">
<!-- <div class="text-center">
<InlineMessage class="m-1" severity="info">
Jumlah Surat: {{ numberSag }}
</InlineMessage>
<InlineMessage class="m-1" severity="info">
Masa Mula Lelong: {{ lelong_details.masamula_lelong }}
</InlineMessage>
<InlineMessage class="m-1" severity="info">
Masa Tamat Lelong: {{ lelong_details.masatamat_lelong }}
</InlineMessage>
</div> -->
<div class="text-center">
<Message severity="info" :closable="false"
>Jumlah Surat Lelongan: {{ numberSag }}
</Message>
</div>
<div class="row justify-content-center">
<div
v-for="sag in sags"
@@ -87,23 +81,39 @@
</div>
<div v-else>
<div class="row">
<Message severity="info" :closable="false"
>Sila isi ruangan pilih cawangan di atas.
</Message>
<div class="grid justify-content-center">
<div
class="
flex
align-items-center
justify-content-center
container-height
"
>
<div class="grid justify-content-center">
<div class="col-12 mb-4 text-center">
<i class="pi pi-arrow-up text-8xl text-400"></i>
</div>
<div class="col-12 text-center">
<span class="text-400"
>Sila isi ruangan pilih cawangan di atas.</span
>
</div>
</div>
</div>
<div class="grid justify-content-center" style="visibility:hidden">
<div class="col-12 p-3 lg:col-4">
<div class="card p-2">
<div class="field">
<div class="custom-skeleton">
<div class="flex mb-3"></div>
<Skeleton width="100%" height="150px"></Skeleton>
<div class="flex justify-content-center mt-3">
<Skeleton width="100%" height="1px"></Skeleton>
<div class="flex justify-content-center">
<Skeleton width="10rem"></Skeleton>
</div>
<div class="flex justify-content-center mt-1">
<div class="flex justify-content-center">
<Skeleton width="10rem"></Skeleton>
</div>
<div class="flex justify-content-between mt-3">
<div class="flex justify-content-between">
<Skeleton width="4rem" height="2rem"></Skeleton>
<Skeleton width="4rem" height="2rem"></Skeleton>
</div>
@@ -116,14 +126,14 @@
<div class="field">
<div class="custom-skeleton">
<div class="flex mb-3"></div>
<Skeleton width="100%" height="150px"></Skeleton>
<div class="flex justify-content-center mt-3">
<Skeleton width="100%" height="1px"></Skeleton>
<div class="flex justify-content-center">
<Skeleton width="10rem"></Skeleton>
</div>
<div class="flex justify-content-center mt-1">
<div class="flex justify-content-center">
<Skeleton width="10rem"></Skeleton>
</div>
<div class="flex justify-content-between mt-3">
<div class="flex justify-content-between">
<Skeleton width="4rem" height="2rem"></Skeleton>
<Skeleton width="4rem" height="2rem"></Skeleton>
</div>
@@ -136,14 +146,14 @@
<div class="field">
<div class="custom-skeleton">
<div class="flex mb-3"></div>
<Skeleton width="100%" height="150px"></Skeleton>
<div class="flex justify-content-center mt-3">
<Skeleton width="100%" height="1px"></Skeleton>
<div class="flex justify-content-center">
<Skeleton width="10rem"></Skeleton>
</div>
<div class="flex justify-content-center mt-1">
<div class="flex justify-content-center">
<Skeleton width="10rem"></Skeleton>
</div>
<div class="flex justify-content-between mt-3">
<div class="flex justify-content-between">
<Skeleton width="4rem" height="2rem"></Skeleton>
<Skeleton width="4rem" height="2rem"></Skeleton>
</div>
@@ -677,4 +687,8 @@ export default {
min-height: 180px;
min-width: 255px;
}
.container-height {
min-height: 70vh;
}
</style>
src/components/list/TheList.vue
-8
View File
@@ -35,14 +35,6 @@
<input type="hidden" />
</select>
</div>
<!-- <h6>
<button
class="badge m-2 btn-secondary"
@click="toggleReloadComponent"
>
Reload <i class="bi bi-arrow-down"></i>
</button>
</h6> -->
<list-item
v-bind:key="componentKey"
v-bind:selectedCawangan="selectCawangan"