Merged in feature/VBV-263-circle-rework (pull request #48)

Show only start and stop icon in circle

Approved-by: Daniel Egger
This commit is contained in:
Christian Cueni 2023-03-29 13:21:19 +00:00 committed by Daniel Egger
commit bd028d4b18
5 changed files with 45 additions and 53 deletions

View File

@ -5,6 +5,7 @@ import * as d3 from "d3";
import pick from "lodash/pick";
import * as log from "loglevel";
import { computed, onMounted } from "vue";
import { showIcon } from "./learningSequenceUtils";
// @ts-ignore
import colors from "@/colors.json";
@ -208,7 +209,10 @@ function render() {
const learningSequenceIcon = learningSequences
.append("svg:image")
.attr("xlink:href", (d) => {
return "/static/icons/" + d.icon.replace("it-", "") + ".svg";
if (showIcon(d.icon)) {
return "/static/icons/" + d.icon.replace("it-", "") + ".svg";
}
return "";
})
.attr("width", iconWidth)
.attr("height", iconWidth)

View File

@ -10,11 +10,12 @@ import { humanizeDuration } from "@/utils/humanizeDuration";
import findLast from "lodash/findLast";
import { computed } from "vue";
import LearningContentBadge from "./LearningContentTypeBadge.vue";
import { showIcon } from "./learningSequenceUtils";
interface Props {
type Props = {
learningSequence: LearningSequence;
readonly?: boolean;
}
};
const props = withDefaults(defineProps<Props>(), {
readonly: false,
@ -91,7 +92,7 @@ const learningSequenceBorderClass = computed(() => {
<template>
<div :id="learningSequence.slug" class="learning-sequence mb-8">
<div class="mb-2 flex items-center gap-4 text-blue-900">
<component :is="learningSequence.icon" />
<component v-if="showIcon(learningSequence.icon)" :is="learningSequence.icon" />
<h3 class="text-large font-semibold">
{{ learningSequence.title }}
</h3>

View File

@ -0,0 +1,3 @@
export function showIcon(iconName: string): boolean {
return ["it-icon-ls-start", "it-icon-ls-end"].some((icon) => icon === iconName);
}

View File

@ -190,7 +190,7 @@ damit du erfolgreich mit deinem Lernpfad (durch-)starten kannst.
title="Selbsteinschätzung",
parent=circle,
)
LearningSequenceFactory(title="Training", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Training", parent=circle)
LearningUnitFactory(title="Unterlagen", parent=circle)
LearningContentFactory(
title="Unterlagen für den Unterricht",
@ -253,7 +253,7 @@ damit du erfolgreich mit deinem Lernpfad (durch-)starten kannst.
title="Vorbereitungsauftrag",
parent=circle,
)
LearningSequenceFactory(title="Training", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Training", parent=circle)
LearningUnitFactory(title="Unterlagen", parent=circle)
LearningContentFactory(
title="Unterlagen für den Unterricht",

View File

@ -164,7 +164,7 @@ def create_circle_basis(lp, title="Basis"):
parent=circle,
)
LearningSequenceFactory(title="Lernreise", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Lernreise", parent=circle)
LearningUnitFactory(
title="Lerntechnik, Lernbegleitung, Lernpartner/-in und Einführung in MyVBV",
parent=circle,
@ -186,9 +186,7 @@ def create_circle_basis(lp, title="Basis"):
parent=circle,
)
LearningSequenceFactory(
title="Arbeitsalltag", parent=circle, icon="it-icon-ls-watch"
)
LearningSequenceFactory(title="Arbeitsalltag", parent=circle)
LearningUnitFactory(
title="Mein neuer Job, Arbeitstechnik, Soziale Medien, Datenschutz und Beratungspflichten",
parent=circle,
@ -218,7 +216,7 @@ def create_circle_basis(lp, title="Basis"):
parent=circle,
)
LearningSequenceFactory(title="Basiswissen", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Basiswissen", parent=circle)
LearningUnitFactory(
title="Basiswissen Versicherungen, VVG",
parent=circle,
@ -289,9 +287,7 @@ wie du dein Netzwerk aufbauen und erweitern kannst, um damit neue Kunden zu gewi
parent=circle,
)
LearningSequenceFactory(
title="Verkaufsgrundlagen", parent=circle, icon="it-icon-ls-watch"
)
LearningSequenceFactory(title="Verkaufsgrundlagen", parent=circle)
LearningUnitFactory(title="Verkaufsgrundlagen", parent=circle)
LearningContentFactory(
title="Mediathek",
@ -314,9 +310,7 @@ wie du dein Netzwerk aufbauen und erweitern kannst, um damit neue Kunden zu gewi
parent=circle,
)
LearningSequenceFactory(
title="Kundenakquise", parent=circle, icon="it-icon-ls-watch"
)
LearningSequenceFactory(title="Kundenakquise", parent=circle)
LearningUnitFactory(title="Kundenakquise", parent=circle)
LearningContentFactory(
title="Mediathek",
@ -386,7 +380,7 @@ def create_circle_fahrzeug(lp, title="Fahrzeug"):
],
)
LearningSequenceFactory(title="Einstieg", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Einstieg", parent=circle)
create_standard_learning_unit(
"Rafael Fasel wechselt sein Auto - Einstieg",
parent=circle,
@ -396,7 +390,7 @@ def create_circle_fahrzeug(lp, title="Fahrzeug"):
learning_unit_title="Gesprächsvorbereitung und -einstieg",
)
LearningSequenceFactory(title="Analyse", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Analyse", parent=circle)
create_standard_learning_unit(
"Rafael Fasel wechselt sein Auto - Analyse",
parent=circle,
@ -406,7 +400,7 @@ def create_circle_fahrzeug(lp, title="Fahrzeug"):
learning_unit_title="Bedarfsanalyse, Ist- und Soll-Situation",
)
LearningSequenceFactory(title="Lösung", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Lösung", parent=circle)
create_standard_learning_unit(
"Rafael Fasel wechselt sein Auto - Lösung",
parent=circle,
@ -416,7 +410,7 @@ def create_circle_fahrzeug(lp, title="Fahrzeug"):
learning_unit_title="Lösungsvorschlag erarbeiten und präsentieren",
)
LearningSequenceFactory(title="Abschluss", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Abschluss", parent=circle)
create_standard_learning_unit(
"Rafael Fasel wechselt sein Auto - Abschluss",
parent=circle,
@ -489,9 +483,7 @@ def create_circle_rechtsstreitigkeiten(lp, title="Rechtsstreitigkeiten"):
],
)
LearningSequenceFactory(
title="Rechtsstreitigkeiten", parent=circle, icon="it-icon-ls-watch"
)
LearningSequenceFactory(title="Rechtsstreitigkeiten", parent=circle)
create_standard_learning_unit(
"Rafael Fasel hat Ärger mit seinem Vermieter",
parent=circle,
@ -537,7 +529,7 @@ def create_circle_reisen(lp, title="Reisen"):
],
)
LearningSequenceFactory(title="Einstieg", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Einstieg", parent=circle)
create_standard_learning_unit(
"Emma und Ayla campen durch Amerika - Einstieg",
parent=circle,
@ -547,7 +539,7 @@ def create_circle_reisen(lp, title="Reisen"):
learning_unit_title="Terminvereinbarung, Vorbereitung und Gesprächseröffnung",
)
LearningSequenceFactory(title="Analyse", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Analyse", parent=circle)
create_standard_learning_unit(
"Emma und Ayla campen durch Amerika - Analyse",
parent=circle,
@ -557,7 +549,7 @@ def create_circle_reisen(lp, title="Reisen"):
learning_unit_title="Bedarfsanalyse, Ist- und Soll-Situation",
)
LearningSequenceFactory(title="Lösung", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Lösung", parent=circle)
create_standard_learning_unit(
"Emma und Ayla campen durch Amerika - Lösung",
parent=circle,
@ -567,7 +559,7 @@ def create_circle_reisen(lp, title="Reisen"):
learning_unit_title="Lösungsvorschlag erarbeiten und präsentieren",
)
LearningSequenceFactory(title="Abschluss", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Abschluss", parent=circle)
create_standard_learning_unit(
"Emma und Ayla campen durch Amerika - Abschluss",
parent=circle,
@ -615,7 +607,7 @@ def create_circle_einkommenssicherung(lp, title="Einkommenssicherung"):
],
)
LearningSequenceFactory(title="Einstieg", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Einstieg", parent=circle)
create_standard_learning_unit(
"Patrizia und Marco sichern sich ab - Einstieg",
parent=circle,
@ -625,7 +617,7 @@ def create_circle_einkommenssicherung(lp, title="Einkommenssicherung"):
learning_unit_title="Terminvereinbarung, Vorbereitung und Gesprächseröffnung",
)
LearningSequenceFactory(title="Analyse", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Analyse", parent=circle)
create_standard_learning_unit(
"Patrizia und Marco sichern sich ab - Analyse",
parent=circle,
@ -635,7 +627,7 @@ def create_circle_einkommenssicherung(lp, title="Einkommenssicherung"):
learning_unit_title="Bedarfsanalyse, Ist- und Soll-Situation",
)
LearningSequenceFactory(title="Lösung", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Lösung", parent=circle)
create_standard_learning_unit(
"Patrizia und Marco sichern sich ab - Lösung",
parent=circle,
@ -645,7 +637,7 @@ def create_circle_einkommenssicherung(lp, title="Einkommenssicherung"):
learning_unit_title="Lösungsvorschlag erarbeiten und präsentieren",
)
LearningSequenceFactory(title="Abschluss", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Abschluss", parent=circle)
create_standard_learning_unit(
"Patrizia und Marco sichern sich ab - Abschluss",
parent=circle,
@ -700,7 +692,7 @@ def create_circle_standard_small(
if lu_title is None:
lu_title = title
LearningSequenceFactory(title=title, parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title=title, parent=circle)
create_standard_learning_unit(
lc_title,
parent=circle,
@ -742,7 +734,7 @@ def create_circle_standard(lp, title, lc_title, goals=None, description=None):
],
)
LearningSequenceFactory(title="Einstieg", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Einstieg", parent=circle)
create_standard_learning_unit(
f"{lc_title} - Einstieg",
parent=circle,
@ -751,7 +743,7 @@ def create_circle_standard(lp, title, lc_title, goals=None, description=None):
learning_unit_title="Gesprächsvorbereitung und -einstieg",
)
LearningSequenceFactory(title="Analyse", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Analyse", parent=circle)
create_standard_learning_unit(
f"{lc_title} - Analyse",
parent=circle,
@ -760,7 +752,7 @@ def create_circle_standard(lp, title, lc_title, goals=None, description=None):
learning_unit_title="Bedarfsanalyse, Ist- und Soll-Situation",
)
LearningSequenceFactory(title="Lösung", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Lösung", parent=circle)
create_standard_learning_unit(
f"{lc_title} - Lösung",
parent=circle,
@ -769,7 +761,7 @@ def create_circle_standard(lp, title, lc_title, goals=None, description=None):
learning_unit_title="Lösungsvorschlag erarbeiten und präsentieren",
)
LearningSequenceFactory(title="Abschluss", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Abschluss", parent=circle)
create_standard_learning_unit(
f"{lc_title} - Abschluss",
parent=circle,
@ -829,9 +821,7 @@ def create_circle_betreuen(lp, title="Betreuen"):
parent=circle,
)
LearningSequenceFactory(
title="Rechtsstreitigkeiten", parent=circle, icon="it-icon-ls-watch"
)
LearningSequenceFactory(title="Rechtsstreitigkeiten", parent=circle)
LearningUnitFactory(title="Rechtsstreitigkeiten", parent=circle)
LearningContentFactory(
title="Mediathek",
@ -846,7 +836,7 @@ def create_circle_betreuen(lp, title="Betreuen"):
parent=circle,
)
LearningSequenceFactory(title="Sparen", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Sparen", parent=circle)
LearningUnitFactory(title="Sparen", parent=circle)
LearningContentFactory(
title="Mediathek",
@ -861,9 +851,7 @@ def create_circle_betreuen(lp, title="Betreuen"):
parent=circle,
)
LearningSequenceFactory(
title="Wohneigentum", parent=circle, icon="it-icon-ls-watch"
)
LearningSequenceFactory(title="Wohneigentum", parent=circle)
LearningUnitFactory(title="Wohneigentum", parent=circle)
LearningContentFactory(
title="Mediathek",
@ -878,9 +866,7 @@ def create_circle_betreuen(lp, title="Betreuen"):
parent=circle,
)
LearningSequenceFactory(
title="Selbstständigkeit", parent=circle, icon="it-icon-ls-watch"
)
LearningSequenceFactory(title="Selbstständigkeit", parent=circle)
LearningUnitFactory(title="Selbstständigkeit", parent=circle)
LearningContentFactory(
title="Mediathek",
@ -895,9 +881,7 @@ def create_circle_betreuen(lp, title="Betreuen"):
parent=circle,
)
LearningSequenceFactory(
title="Erben/Vererben", parent=circle, icon="it-icon-ls-watch"
)
LearningSequenceFactory(title="Erben/Vererben", parent=circle)
LearningUnitFactory(title="Erben/Vererben", parent=circle)
LearningContentFactory(
title="Mediathek",
@ -934,7 +918,7 @@ def create_circle_vernetzen(lp, title="Vernetzen"):
parent=circle,
)
LearningSequenceFactory(title="Training", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Training", parent=circle)
LearningUnitFactory(title="Onlinetrainings", parent=circle)
LearningContentFactory(
title="Unknown ???",
@ -965,14 +949,14 @@ def create_circle_pruefungsvorbereitung(lp, title="Prüfungsvorbereitung"):
parent=circle,
)
LearningSequenceFactory(title="Aufbau", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Aufbau", parent=circle)
LearningUnitFactory(title="Aufbau und Struktur", parent=circle)
LearningContentFactory(
title="Unknown ???",
parent=circle,
)
LearningSequenceFactory(title="Nullserien", parent=circle, icon="it-icon-ls-watch")
LearningSequenceFactory(title="Nullserien", parent=circle)
LearningUnitFactory(title="Schriftliche Nullserien", parent=circle)
LearningContentFactory(
title="Nullserie 1",