ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP: Use real criteria data structure

This commit is contained in:
Christian Cueni 2022-09-28 13:29:05 +02:00 committed by Daniel Egger
parent b78cf5ffd0
commit 31331f9d16
5 changed files with 227 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
client/src/components/competences/CompetenceDetail.vue
View File

@ -4,14 +4,17 @@ import LeistungskriteriumRow from '@/components/competences/LeistungskriteriumRo
import {ref} from "vue";
const props = defineProps<{
competence: object
competence: object,
userProgress: object
}>()
const isOpen = ref(false);
const togglePerformanceCriteria = () => {
isOpen.value = !isOpen.value
}
};
const userStateForCriteria = (id: string) => props.userProgress[id] ? props.userProgress[id] : 'open'
</script>
@ -38,12 +41,12 @@ const togglePerformanceCriteria = () => {
<li v-for="performanceCriteria in competence.criteria" :key="performanceCriteria.description"
class="mb-4 pb-4 border-b border-gray-500">
<LeistungskriteriumRow
:state="userStateForCriteria(`${performanceCriteria.id}`)"
:showState="true"
:state="performanceCriteria.state"
:unit-url="performanceCriteria.unitUrl"
:unit="performanceCriteria.unit"
:description="performanceCriteria.description"
:unit-id="performanceCriteria.unitId"></LeistungskriteriumRow>
:unit-url="performanceCriteria.learning_unit.slug"
:unit="performanceCriteria.pc_id"
:title="performanceCriteria.title"
:unit-id="performanceCriteria.learning_unit.id"></LeistungskriteriumRow>
</li>
</ul>
</div>

10
client/src/components/competences/LeistungskriteriumRow.vue
View File

@ -3,16 +3,16 @@
interface Props {
description: string
title: string
unit: string
unitUrl: string
unitId: number
state: string // maybe enum
showState: boolean
state?: string // maybe enum
showState?: boolean
}
const props = withDefaults(defineProps<Props>(), {
description: '',
title: '',
unit: '',
unitUrl: '',
unitId: -1,
@ -30,7 +30,7 @@ const props = withDefaults(defineProps<Props>(), {
<it-icon-smiley-neutral v-else></it-icon-smiley-neutral>
</div>
<div class="pr-5 mr-10">
<h4 class="text-bold mb-2">{{description}}</h4>
<h4 class="text-bold mb-2">{{title}}</h4>
<p>Lerneinheit: <a :href="unitUrl">{{unit}}</a></p>
</div>
<span class="whitespace-nowrap">Sich nochmals einschätzen</span>

13
client/src/pages/CompetencePerfomanceCriteriaView.vue Normal file
View File

@ -0,0 +1,13 @@
<template>
$END$
</template>
<script>
export default {
name: "CompetencePerfomanceCriteriaView"
}
</script>
<style scoped>
</style>

244
client/src/pages/CompetencesDetailView.vue
View File

@ -9,113 +9,171 @@ const competences = [
description: 'Analyse des Kundenbedarfs und des Kundenbedürfnisses durchführen',
id: 1,
criteria: [
{
description: "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die IST-Situation des Kunden mit der geeigneten Gesprächs-/Fragetechnik zu erfassen.",
state: 'done',
unit: 'Fahrzeug',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'open',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'notDone',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'open',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'done',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
}
{
"id": 341,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die Ziele und Pläne des Kunden zu ergründen (SOLL).",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-ziele-und-pläne-des-kunden-zu-ergründen-soll",
"type": "competence.PerformanceCriteria",
"translation_key": "e4aeeb81-0730-44f5-9c70-cec84d162569",
"pc_id": "B1.3 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
},
{
"id": 342,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die IST-Situation des Kunden mit der geeigneten Gesprächs-/Fragetechnik zu erfassen.",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-ist-situation-des-kunden-mit-der-geeigneten-gesprächs-fragetechnik-zu-erfassen",
"type": "competence.PerformanceCriteria",
"translation_key": "25d56b74-4151-49bd-ac1f-5e706a660aae",
"pc_id": "B2.1 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
},
{
"id": 343,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die Risiken aufzuzeigen.",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-risiken-aufzuzeigen",
"type": "competence.PerformanceCriteria",
"translation_key": "71bfb708-70c7-4e50-a424-104fe10ab7bc",
"pc_id": "B2.2 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
}
]
},
{
description: 'Analyse des Kundenbedarfs und des Kundenbedürfnisses durchführen',
id: 2,
criteria: [
{
description: "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die IST-Situation des Kunden mit der geeigneten Gesprächs-/Fragetechnik zu erfassen.",
state: 'done',
unit: 'Fahrzeug',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'open',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'notDone',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'open',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'done',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
}
{
"id": 341,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die Ziele und Pläne des Kunden zu ergründen (SOLL).",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-ziele-und-pläne-des-kunden-zu-ergründen-soll",
"type": "competence.PerformanceCriteria",
"translation_key": "e4aeeb81-0730-44f5-9c70-cec84d162569",
"pc_id": "B1.3 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
},
{
"id": 342,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die IST-Situation des Kunden mit der geeigneten Gesprächs-/Fragetechnik zu erfassen.",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-ist-situation-des-kunden-mit-der-geeigneten-gesprächs-fragetechnik-zu-erfassen",
"type": "competence.PerformanceCriteria",
"translation_key": "25d56b74-4151-49bd-ac1f-5e706a660aae",
"pc_id": "B2.1 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
},
{
"id": 343,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die Risiken aufzuzeigen.",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-risiken-aufzuzeigen",
"type": "competence.PerformanceCriteria",
"translation_key": "71bfb708-70c7-4e50-a424-104fe10ab7bc",
"pc_id": "B2.2 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
}
]
},
{
description: 'Analyse des Kundenbedarfs und des Kundenbedürfnisses durchführen',
id: 3,
criteria: [
{
description: "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die IST-Situation des Kunden mit der geeigneten Gesprächs-/Fragetechnik zu erfassen.",
state: 'done',
unit: 'Fahrzeug',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'open',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'notDone',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'open',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
},
{
description: "Innerhalb des Handlungsfelds «Reisen» bin ich fähig, dem Kunden die Vorschläge verständlich zu erläutern und die entsprechenden Informationspflichten zu erfüllen.",
state: 'done',
unit: 'Reisen',
url: 'https://www.iterativ.ch'
}
{
"id": 341,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die Ziele und Pläne des Kunden zu ergründen (SOLL).",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-ziele-und-pläne-des-kunden-zu-ergründen-soll",
"type": "competence.PerformanceCriteria",
"translation_key": "e4aeeb81-0730-44f5-9c70-cec84d162569",
"pc_id": "B1.3 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
},
{
"id": 342,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die IST-Situation des Kunden mit der geeigneten Gesprächs-/Fragetechnik zu erfassen.",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-ist-situation-des-kunden-mit-der-geeigneten-gesprächs-fragetechnik-zu-erfassen",
"type": "competence.PerformanceCriteria",
"translation_key": "25d56b74-4151-49bd-ac1f-5e706a660aae",
"pc_id": "B2.1 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
},
{
"id": 343,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die Risiken aufzuzeigen.",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-risiken-aufzuzeigen",
"type": "competence.PerformanceCriteria",
"translation_key": "71bfb708-70c7-4e50-a424-104fe10ab7bc",
"pc_id": "B2.2 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
}
]
}
];
const openCompetences = []
const userProgress = {
341: 'open',
342: 'notDone',
343: 'done'
}
</script>
@ -135,7 +193,9 @@ const openCompetences = []
<ul>
<li v-for="competence in competences" :key="competence.description"
class="bg-white p-8 mb-8">
<CompetenceDetail :competence="competence"></CompetenceDetail>
<CompetenceDetail
:competence="competence"
:user-progress="userProgress"></CompetenceDetail>
</li>
</ul>
</div>

64
client/src/pages/CompetencesMainView.vue
View File

@ -121,23 +121,53 @@ const summary = {
const nokCriteria = [
{
unitId: 1,
unit: 'Fahrzeuge',
unitUrl: 'https://www.iterativ.ch',
description: 'Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die Ziele und Pläne des Kunden zu ergründen (SOLL).'
"id": 341,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die Ziele und Pläne des Kunden zu ergründen (SOLL).",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-ziele-und-pläne-des-kunden-zu-ergründen-soll",
"type": "competence.PerformanceCriteria",
"translation_key": "e4aeeb81-0730-44f5-9c70-cec84d162569",
"pc_id": "B1.3 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
},
{
unitId: 2,
unit: 'Reisen',
unitUrl: 'https://www.iterativ.ch',
description: 'Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die IST-Situation des Kunden mit der geeigneten Gesprächs-/Fragetechnik zu erfassen.'
"id": 342,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die IST-Situation des Kunden mit der geeigneten Gesprächs-/Fragetechnik zu erfassen.",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-ist-situation-des-kunden-mit-der-geeigneten-gesprächs-fragetechnik-zu-erfassen",
"type": "competence.PerformanceCriteria",
"translation_key": "25d56b74-4151-49bd-ac1f-5e706a660aae",
"pc_id": "B2.1 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
},
{
unitId: 3,
unit: 'Einkommenssicherung',
unitUrl: 'https://www.iterativ.ch',
description: 'Innerhalb des Handlungsfelds «Einkommenssicherung» bin ich fähig, mir intern und extern die nötigen Informationen über den (Neu-) Kunden zu beschaffen.'
},
"id": 343,
"title": "Innerhalb des Handlungsfelds «Fahrzeug» bin ich fähig, die Risiken aufzuzeigen.",
"slug": "kompetenzprofil-crit-innerhalb-des-handlungsfelds-fahrzeug-bin-ich-fähig-die-risiken-aufzuzeigen",
"type": "competence.PerformanceCriteria",
"translation_key": "71bfb708-70c7-4e50-a424-104fe10ab7bc",
"pc_id": "B2.2 Fahrzeug",
"learning_unit": {
"id": 123,
"title": "Auto verkaufen",
"slug": "versicherungsvermittlerin-lp-circle-analyse-lu-fahrzeug",
"type": "learnpath.LearningUnit",
"translation_key": "c4797663-90c3-493f-9f21-e95ad0a37eb2"
},
"circle": "Analyse"
}
]
</script>
@ -215,10 +245,10 @@ const nokCriteria = [
<li v-for="criteria in nokCriteria" :key="criteria.description"
class="mb-4 pb-4 border-b border-gray-500">
<LeistungskriteriumRow
:unit-url="criteria.unitUrl"
:unit="criteria.unit"
:description="criteria.description"
:unit-id="criteria.unitId"></LeistungskriteriumRow>
:unit-url="criteria.learning_unit.slug"
:unit="criteria.pc_id"
:title="criteria.title"
:unit-id="criteria.learning_unit.id"></LeistungskriteriumRow>
</li>
</ul>
<router-link