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

refactoring

This commit is contained in:
Lorenz Padberg 2022-06-27 16:17:50 +02:00
parent 6918822554
commit a92437ce5b
2 changed files with 143 additions and 143 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

280
client/src/components/circle/LearningPathCircleDiagram.vue → client/src/components/circle/LearningPathDiagram.vue
View File

@ -5,146 +5,146 @@ import * as _ from 'underscore'
export default {
props: {
learningPathContents: {
default: 34,
// topics: [
// {
// id: 4,
// title: 'Basissdf',
// slug: 'basissdf',
// type: 'learnpath.Topic',
// translation_key: 'fdabcf72-728a-4279-ba34-e079761a14ad',
// is_visible: false,
// circles: [
// {
// id: 5,
// title: 'Basis',
// slug: 'basis',
// type: 'learnpath.Circle',
// translation_key: '13951cfd-b36d-42d5-b84a-178f0a7da106',
// learning_sequences: [
// {
// id: 11,
// title: 'Starten',
// done: false,
// },
// {
// id: 13,
// title: 'Beobachten',
// done: false,
// },
// ],
// },
// ],
// },
// // {
// // id: 6,
// // title: 'Gewinnen von Kunden',
// // slug: 'gewinnen-von-kunden',
// // type: 'learnpath.Topic',
// // translation_key: 'e3a9a61e-2c60-4363-a4a8-d4ef4d4ff466',
// // is_visible: true,
// // circles: [
// // {
// // id: 7,
// // title: 'Gewinnen',
// // slug: 'gewinnen',
// // type: 'learnpath.Circle',
// // translation_key: '23b689c9-8800-4783-9842-725ee5f3a3f1',
// // learning_sequences: [
// // {
// // id: 11,
// // title: 'Starten',
// // done: true,
// // },
// // {
// // id: 13,
// // title: 'Beobachten',
// // done: false,
// // },
// // {
// // id: 11,
// // title: 'Starten',
// // done: false,
// // },
// // {
// // id: 13,
// // title: 'Beobachten',
// // done: false,
// // },
// // {
// // id: 11,
// // title: 'Starten',
// // done: true,
// // },
// // {
// // id: 13,
// // title: 'Beobachten',
// // done: false,
// // },
// // ],
// // },
// // ],
// // },
// // {
// // id: 8,
// // title: 'Beraten der Kunden',
// // slug: 'beraten-der-kunden',
// // type: 'learnpath.Topic',
// // translation_key: '66fdc053-68ee-4e53-b8e3-3b3816c4f8f4',
// // is_visible: true,
// // circles: [
// // {
// // id: 9,
// // title: 'Einstieg',
// // slug: 'einstieg',
// // type: 'learnpath.Circle',
// // translation_key: 'a608ce8c-1482-491d-becd-2280787285b3',
// // learning_sequences: [
// // {
// // id: 11,
// // title: 'Starten',
// // done: true,
// // },
// // {
// // id: 13,
// // title: 'Beobachten',
// // done: false,
// // },
// // ],
// // },
// // {
// // id: 10,
// // title: 'Analyse des letzten Falles',
// // slug: 'analyse',
// // type: 'learnpath.Circle',
// // translation_key: '2ca5ba7a-98b8-4511-ba50-bc190714886d',
// // learning_sequences: [
// // {
// // id: 11,
// // title: 'Starten',
// // done: true,
// // },
// // {
// // id: 13,
// // title: 'Beobachten',
// // done: true,
// // },
// // {
// // id: 18,
// // title: 'Anwenden',
// // done: true,
// // },
// // {
// // id: 30,
// // title: 'Üben',
// // done: false,
// // },
// // ],
// // },
// // ],
// // },
// ],
// },
default: {
topics: [
{
id: 4,
title: 'Basissdf',
slug: 'basissdf',
type: 'learnpath.Topic',
translation_key: 'fdabcf72-728a-4279-ba34-e079761a14ad',
is_visible: false,
circles: [
{
id: 5,
title: 'Basis',
slug: 'basis',
type: 'learnpath.Circle',
translation_key: '13951cfd-b36d-42d5-b84a-178f0a7da106',
learning_sequences: [
{
id: 11,
title: 'Starten',
done: false,
},
{
id: 13,
title: 'Beobachten',
done: false,
},
],
},
],
},
// {
// id: 6,
// title: 'Gewinnen von Kunden',
// slug: 'gewinnen-von-kunden',
// type: 'learnpath.Topic',
// translation_key: 'e3a9a61e-2c60-4363-a4a8-d4ef4d4ff466',
// is_visible: true,
// circles: [
// {
// id: 7,
// title: 'Gewinnen',
// slug: 'gewinnen',
// type: 'learnpath.Circle',
// translation_key: '23b689c9-8800-4783-9842-725ee5f3a3f1',
// learning_sequences: [
// {
// id: 11,
// title: 'Starten',
// done: true,
// },
// {
// id: 13,
// title: 'Beobachten',
// done: false,
// },
// {
// id: 11,
// title: 'Starten',
// done: false,
// },
// {
// id: 13,
// title: 'Beobachten',
// done: false,
// },
// {
// id: 11,
// title: 'Starten',
// done: true,
// },
// {
// id: 13,
// title: 'Beobachten',
// done: false,
// },
// ],
// },
// ],
// },
// {
// id: 8,
// title: 'Beraten der Kunden',
// slug: 'beraten-der-kunden',
// type: 'learnpath.Topic',
// translation_key: '66fdc053-68ee-4e53-b8e3-3b3816c4f8f4',
// is_visible: true,
// circles: [
// {
// id: 9,
// title: 'Einstieg',
// slug: 'einstieg',
// type: 'learnpath.Circle',
// translation_key: 'a608ce8c-1482-491d-becd-2280787285b3',
// learning_sequences: [
// {
// id: 11,
// title: 'Starten',
// done: true,
// },
// {
// id: 13,
// title: 'Beobachten',
// done: false,
// },
// ],
// },
// {
// id: 10,
// title: 'Analyse des letzten Falles',
// slug: 'analyse',
// type: 'learnpath.Circle',
// translation_key: '2ca5ba7a-98b8-4511-ba50-bc190714886d',
// learning_sequences: [
// {
// id: 11,
// title: 'Starten',
// done: true,
// },
// {
// id: 13,
// title: 'Beobachten',
// done: true,
// },
// {
// id: 18,
// title: 'Anwenden',
// done: true,
// },
// {
// id: 30,
// title: 'Üben',
// done: false,
// },
// ],
// },
// ],
// },
],
},
type: Object,
},

6
client/src/views/LearningPathView.vue
View File

@ -3,13 +3,13 @@ import axios from 'axios';
import * as log from 'loglevel';
import MainNavigationBar from '../components/MainNavigationBar.vue';
import SimpleCircleDiagram from '../components/circle/LearningPathCircleDiagram.vue';
import LearningPathDiagram from '../components/circle/LearningPathDiagram.vue';
export default {
components: {MainNavigationBar, SimpleCircleDiagram},
components: {MainNavigationBar, LearningPathDiagram},
props: ['learningPathSlug',],
data() {
return {
@ -71,7 +71,7 @@ export default {
<div class="learningpath flex flex-col">
<div class="flex flex-col h-max">
<div class="bg-white h-80 pt-8">
<SimpleCircleDiagram :learning-path-contents="learningPathContents"></SimpleCircleDiagram>
<LearningPathDiagram :learning-path-contents="learningPathContents"></LearningPathDiagram>
</div>
<div class="text-blue-dark font-bold text-7xl m-12">