diff --git a/client/src/components/mediacenter/LinkCard.vue b/client/src/components/mediacenter/LinkCard.vue index 9282a631..8e2fec22 100644 --- a/client/src/components/mediacenter/LinkCard.vue +++ b/client/src/components/mediacenter/LinkCard.vue @@ -1,16 +1,20 @@ @@ -23,12 +27,13 @@ const props = withDefaults(defineProps(), { {{title}} {{description}} - {{linkText}} - + diff --git a/client/src/components/mediacenter/MediaLink.vue b/client/src/components/mediacenter/MediaLink.vue new file mode 100644 index 00000000..9573ae22 --- /dev/null +++ b/client/src/components/mediacenter/MediaLink.vue @@ -0,0 +1,38 @@ + + + + + + + + + + + + diff --git a/client/src/components/ui/ItDropdownSelect.vue b/client/src/components/ui/ItDropdownSelect.vue index ac54fe8d..7f905bfe 100644 --- a/client/src/components/ui/ItDropdownSelect.vue +++ b/client/src/components/ui/ItDropdownSelect.vue @@ -37,7 +37,7 @@ const dropdownSelected = computed({ - + {{ dropdownSelected.name }} diff --git a/client/src/stores/mediacenter.ts b/client/src/stores/mediacenter.ts new file mode 100644 index 00000000..96c67e4b --- /dev/null +++ b/client/src/stores/mediacenter.ts @@ -0,0 +1,16 @@ +import { defineStore } from 'pinia' + +export const useMediaCenterStore = defineStore({ + id: 'mediacenter', + state: () => { + return { + selectedLearningPath: { id: 1, name: 'Alle Lehrgänge' }, + availableLearningPaths: [ + { id: 1, name: 'Alle Lehrgänge' }, + { id: 2, name: 'Versicherungsvermittler/in' } + ] + } + }, + getters: {}, + actions: {}, +}) diff --git a/client/src/views/Handlungsfeld.vue b/client/src/views/Handlungsfeld.vue index 0e33dbdb..52eacfe3 100644 --- a/client/src/views/Handlungsfeld.vue +++ b/client/src/views/Handlungsfeld.vue @@ -2,6 +2,7 @@ import * as log from 'loglevel'; import LinkCard from "@/components/mediacenter/LinkCard.vue"; import HandlungsfeldLayout from "@/views/HandlungsfeldLayout.vue"; +import MediaLink from "@/components/mediacenter/MediaLink.vue"; log.debug('Handlungsfeld created'); @@ -28,35 +29,40 @@ const field = { description: 'Buch «Sach- und Vermögensversicherungen» – Kapitel 16', iconUrl: '/static/icons/demo/icon-hf-book.png', linkText: 'PDF anzeigen', - link: 'https://www.iterativ.ch' + link: '/static/media/documents/01a_Motorfahrzeughaftpflicht.pdf', + openWindow: true }, { title: 'Die Motorfahrzeughaftpflicht', iconUrl: '/static/icons/demo/icon-hf-book.png', description: 'Buch «Sach- und Vermögensversicherungen» – Kapitel 16', linkText: 'PDF anzeigen', - link: 'https://www.iterativ.ch' + link: '/static/media/documents/01a_Motorfahrzeughaftpflicht.pdf', + openWindow: true }, { title: 'Die Motorfahrzeughaftpflicht', iconUrl: '/static/icons/demo/icon-hf-book.png', description: 'Buch «Sach- und Vermögensversicherungen» – Kapitel 16', linkText: 'PDF anzeigen', - link: 'https://www.iterativ.ch' + link: '/static/media/documents/01a_Motorfahrzeughaftpflicht.pdf', + openWindow: true }, { title: 'Die Motorfahrzeughaftpflicht', iconUrl: '/static/icons/demo/icon-hf-book.png', description: 'Buch «Sach- und Vermögensversicherungen» – Kapitel 16', linkText: 'PDF anzeigen', - link: 'https://www.iterativ.ch' + link: '/static/media/documents/01a_Motorfahrzeughaftpflicht.pdf', + openWindow: true }, { title: 'Die Motorfahrzeughaftpflicht', iconUrl: '/static/icons/demo/icon-hf-book.png', description: 'Buch «Sach- und Vermögensversicherungen» – Kapitel 16', linkText: 'PDF anzeigen', - link: 'https://www.iterativ.ch' + link: '/static/media/documents/01a_Motorfahrzeughaftpflicht.pdf', + openWindow: true }, ] }, @@ -70,14 +76,16 @@ const field = { iconUrl: '', description: '', linkText: 'Link öffnen', - link: 'https://www.iterativ.ch' + link: 'https://www.nbi-ngf.ch/h', + openWindow: true }, { title: 'Adressen der Strassenverkehrsämter', iconUrl: '', description: '', linkText: 'Link öffnen', - link: 'https://www.iterativ.ch' + link: 'https://asa.ch/strassenverkehrsaemter/adressen/', + openWindow: true }, ] }, @@ -91,28 +99,32 @@ const field = { iconUrl: '', description: '', linkText: 'Lerineinheit anzeigen', - link: 'https://www.iterativ.ch' + link: 'http://localhost:8000/learn/versicherungsvermittlerin/versicherungsvermittlerin-circle-analyse', + openWindow: false }, { title: 'Circle: Einstieg – Lernsequenz: Anwenden', iconUrl: '', description: '', linkText: 'Lerineinheit anzeigen', - link: 'https://www.iterativ.ch' + link: 'http://localhost:8000/learn/versicherungsvermittlerin/versicherungsvermittlerin-circle-analyse', + openWindow: false }, { title: 'Circle: Einstieg – Lernsequenz: Anwenden', iconUrl: '', description: '', linkText: 'Lerineinheit anzeigen', - link: 'https://www.iterativ.ch' + link: 'http://localhost:8000/learn/versicherungsvermittlerin/versicherungsvermittlerin-circle-analyse', + openWindow: false }, { title: 'Circle: Einstieg – Lernsequenz: Anwenden', iconUrl: '', description: '', linkText: 'Lerineinheit anzeigen', - link: 'https://www.iterativ.ch' + link: 'http://localhost:8000/learn/versicherungsvermittlerin/versicherungsvermittlerin-circle-analyse', + openWindow: false }, ] }, @@ -126,14 +138,16 @@ const field = { iconUrl: '/static/icons/demo/icon-hf-einkommenssicherung.svg', description: 'Lernmedium: Verkehrsrechtsschutz – Buch «Sach- und Vermögensversicherungen/Kapitel 12.3»', linkText: 'Handlungsfeldanzeigen', - link: 'https://www.iterativ.ch' + link: 'http://localhost:8000/mediacenter/handlungsfeld', + openWindow: false }, { title: 'Rechtsstreigkeiten', iconUrl: '/static/icons/demo/icon-hf-einkommenssicherung.svg', description: 'Lernmedium: Verkehrsrechtsschutz – Buch «Sach- und Vermögensversicherungen/Kapitel 12.3»', linkText: 'Handlungsfeldanzeigen', - link: 'https://www.iterativ.ch' + link: 'http://localhost:8000/mediacenter/handlungsfeld', + openWindow: false }, ] }, @@ -174,7 +188,7 @@ const hasMoreItemsForType = (itemType: string, items: object[]) => { Handlungsfeld - {{field.title}} + {{field.title}} {{field.description}} { :icon="subItem.iconUrl" :description="subItem.description" :url="subItem.link" - :link-text="subItem.linkText" /> + :link-text="subItem.linkText" + :open-window="subItem.openWindow" + /> {{subItem.title}} - {{subItem.linkText}} + {{subItem.linkText}} + to="/mediacenter/handlungsfeldlist" class="flex items-center"> Alle anschauen diff --git a/client/src/views/HandlungsfelderOverview.vue b/client/src/views/HandlungsfelderOverview.vue index 2552430e..0361d168 100644 --- a/client/src/views/HandlungsfelderOverview.vue +++ b/client/src/views/HandlungsfelderOverview.vue @@ -1,7 +1,8 @@ @@ -79,7 +73,7 @@ const dropdownSelected = ref(dropdownItems[0]) Handlungsfelder + :items="mediaStore.availableLearningPaths"> diff --git a/client/src/views/MediaList.vue b/client/src/views/MediaList.vue index 32b22f60..8f3e6864 100644 --- a/client/src/views/MediaList.vue +++ b/client/src/views/MediaList.vue @@ -1,5 +1,6 @@ @@ -29,7 +23,7 @@ const dropdownSelected = ref(dropdownItems[0]) Mediathek + :items="mediaStore.availableLearningPaths"> - - - - - - - - diff --git a/server/vbv_lernwelt/static/media/documents/01a_Motorfahrzeughaftpflicht.pdf b/server/vbv_lernwelt/static/media/documents/01a_Motorfahrzeughaftpflicht.pdf new file mode 100644 index 00000000..27b14f13 Binary files /dev/null and b/server/vbv_lernwelt/static/media/documents/01a_Motorfahrzeughaftpflicht.pdf differ
{{description}}
{{field.description}}