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

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

@ -5,26 +5,65 @@ import * as _ from 'underscore'
export default { export default {
props: { props: {
learningPathContents: { learningPathContents: {
default: 34, default: {
// topics: [ 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: 4, // id: 6,
// title: 'Basissdf', // title: 'Gewinnen von Kunden',
// slug: 'basissdf', // slug: 'gewinnen-von-kunden',
// type: 'learnpath.Topic', // type: 'learnpath.Topic',
// translation_key: 'fdabcf72-728a-4279-ba34-e079761a14ad', // translation_key: 'e3a9a61e-2c60-4363-a4a8-d4ef4d4ff466',
// is_visible: false, // is_visible: true,
// circles: [ // circles: [
// { // {
// id: 5, // id: 7,
// title: 'Basis', // title: 'Gewinnen',
// slug: 'basis', // slug: 'gewinnen',
// type: 'learnpath.Circle', // type: 'learnpath.Circle',
// translation_key: '13951cfd-b36d-42d5-b84a-178f0a7da106', // translation_key: '23b689c9-8800-4783-9842-725ee5f3a3f1',
// learning_sequences: [ // learning_sequences: [
// { // {
// id: 11, // id: 11,
// title: 'Starten', // title: 'Starten',
// done: true,
// },
// {
// id: 13,
// title: 'Beobachten',
// done: false,
// },
// {
// id: 11,
// title: 'Starten',
// done: false, // done: false,
// }, // },
// { // {
@ -32,119 +71,80 @@ export default {
// title: 'Beobachten', // title: 'Beobachten',
// done: false, // done: false,
// }, // },
// {
// id: 11,
// title: 'Starten',
// done: true,
// },
// {
// id: 13,
// title: 'Beobachten',
// done: false,
// },
// ], // ],
// }, // },
// ], // ],
// }, // },
// // { // {
// // id: 6, // id: 8,
// // title: 'Gewinnen von Kunden', // title: 'Beraten der Kunden',
// // slug: 'gewinnen-von-kunden', // slug: 'beraten-der-kunden',
// // type: 'learnpath.Topic', // type: 'learnpath.Topic',
// // translation_key: 'e3a9a61e-2c60-4363-a4a8-d4ef4d4ff466', // translation_key: '66fdc053-68ee-4e53-b8e3-3b3816c4f8f4',
// // is_visible: true, // is_visible: true,
// // circles: [ // circles: [
// // { // {
// // id: 7, // id: 9,
// // title: 'Gewinnen', // title: 'Einstieg',
// // slug: 'gewinnen', // slug: 'einstieg',
// // type: 'learnpath.Circle', // type: 'learnpath.Circle',
// // translation_key: '23b689c9-8800-4783-9842-725ee5f3a3f1', // translation_key: 'a608ce8c-1482-491d-becd-2280787285b3',
// // learning_sequences: [ // learning_sequences: [
// // { // {
// // id: 11, // id: 11,
// // title: 'Starten', // title: 'Starten',
// // done: true, // done: true,
// // }, // },
// // { // {
// // id: 13, // id: 13,
// // title: 'Beobachten', // title: 'Beobachten',
// // done: false, // 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,
// // },
// // ],
// // },
// // ],
// // },
// ], // ],
// }, // },
// {
// 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, type: Object,
}, },

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

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