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

WIP: Add self assesment

This commit is contained in:
Christian Cueni 2022-09-27 15:21:20 +02:00 committed by Daniel Egger
parent f9f213231b
commit 7d7a5c198f
2 changed files with 52 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/competences/CompetenceProgress.vue
View File

@ -6,9 +6,8 @@ const props = defineProps<{
open: number open: number
}>() }>()
const done = 100 * props.done / props.total const done = 100 * props.done / props.total;
const notDone = 100 * ((props.total - props.open - props.done) / props.total) + done const notDone = 100 * ((props.total - props.open - props.done) / props.total) + done;
console.log(done, notDone)
</script> </script>

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

@ -111,7 +111,13 @@ const lastCompetences = [
} }
] ]
} }
] ];
const summary = {
ok: 325,
nok: 32,
open: 28
};
</script> </script>
@ -123,7 +129,7 @@ const lastCompetences = [
<!-- v-model="dropdownSelected"--> <!-- v-model="dropdownSelected"-->
<!-- :items="mediaStore.availableLearningPaths"></ItDropdownSelect>--> <!-- :items="mediaStore.availableLearningPaths"></ItDropdownSelect>-->
</div> </div>
<div class="bg-white p-8"> <div class="bg-white p-8 mb-8">
<div> <div>
<h3 class="pb-4 border-b">Letzte verbesserte Kompetenzen</h3> <h3 class="pb-4 border-b">Letzte verbesserte Kompetenzen</h3>
<ul class="divide-y"> <ul class="divide-y">
@ -133,7 +139,48 @@ const lastCompetences = [
<ComptenceProgress :total="7" :done="3" :open="2"></ComptenceProgress> <ComptenceProgress :total="7" :done="3" :open="2"></ComptenceProgress>
</li> </li>
</ul> </ul>
<router-link
to="/mediacenter/handlungsfeldlist"
class="flex items-center"
>
<span>Alle anschauen</span>
<it-icon-arrow-right></it-icon-arrow-right>
</router-link>
</div>
</div>
<div class="bg-white p-8">
<div>
<h3 class="pb-4">Einschätzungen</h3>
<ul class="flex flex-col lg:flex-row items-center mb-6">
<li class="inline-block pr-12 mr-12 border-r">
<h5 class="text-gray-700 mb-4">«Das muss ich nochmals anschauen»</h5>
<div class="flex flex-row items-center">
<it-icon-smiley-thinking class="w-16 h-16"></it-icon-smiley-thinking>
<p class="text-7xl font-bold inline-block ml-4">{{summary.nok}}</p>
</div>
</li>
<li class="inline-block pr-12 mr-12 border-r">
<h5 class="text-gray-700 mb-4">«Ja, ich kann das»</h5>
<div class="flex flex-row items-center">
<it-icon-smiley-happy class="w-16 h-16"></it-icon-smiley-happy>
<p class="text-7xl font-bold inline-block ml-4">{{summary.ok}}</p>
</div>
</li>
<li>
<h5 class="text-gray-700 mb-4">Nicht eingeschätzt</h5>
<div class="flex flex-row items-center border-r">
<it-icon-smiley-neutral class="w-16 h-16"></it-icon-smiley-neutral>
<p class="text-7xl font-bold inline-block ml-4">{{summary.open}}</p>
</div>
</li>
</ul>
<router-link
to="/mediacenter/handlungsfeldlist"
class="flex items-center"
>
<span>Alle anschauen</span>
<it-icon-arrow-right></it-icon-arrow-right>
</router-link>
</div> </div>
</div> </div>
</div> </div>