diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue b/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue index 2e6607849e774be75bedffced31b4c651e811fe5..beae3993c96bd812ffd615bd9fb591a1d4e89492 100644 --- a/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue +++ b/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue @@ -86,6 +86,9 @@ </template> <template #loading> <coursebook-loader + :number-of-days="10" + :number-of-docs="5" + /> </template> <template #no-data> @@ -269,7 +272,9 @@ export default { }); }, setDate(date) { - this.$router.replace({ hash: date }) + if (!(this.$route.hash.substring(1) === date)) { + this.$router.replace({ hash: date }) + } }, fixScrollPos(height, top) { console.log('fix @', top, document.documentElement.scrollTop, height, document.documentElement.scrollHeight); diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookLoader.vue b/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookLoader.vue index a99df0588b779a7643b5ae66617132110c49b67c..dfcfe81a6fd5157aba1d44cb93287f24a91b4962 100644 --- a/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookLoader.vue +++ b/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookLoader.vue @@ -1,12 +1,12 @@ <template> <div> - <v-list-item v-for="i in 10" :key="'i-' + i"> + <v-list-item v-for="i in numberOfDays" :key="'i-' + i"> <v-list-item-content> <v-list-item-title> <v-skeleton-loader type="heading" /> </v-list-item-title> <v-list max-width="100%"> - <v-list-item v-for="j in 5" :key="'j-' + j"> + <v-list-item v-for="j in numberOfDocs" :key="'j-' + j"> <DocumentationLoader /> </v-list-item> </v-list> @@ -20,5 +20,17 @@ import DocumentationLoader from "./documentation/DocumentationLoader.vue"; export default { name: "CoursebookLoader", components: { DocumentationLoader }, + props: { + numberOfDays: { + type: Number, + required: false, + default: 1 + }, + numberOfDocs: { + type: Number, + required: false, + default: 1 + }, + }, }; </script>