marek/creator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
team3
2026-06-30 00:14:18 +02:00
parent 3e3559aa8f
commit c794fcaccf
152 changed files with 9485 additions and 9583 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/components/WorkedExampleBlock.vue
View File

@@ -2,27 +2,27 @@
import { ref } from 'vue'
import { renderMarkdownInline } from '../markdown.js'
defineProps({ beispiele: { type: Array, default: () => [] } })
const offen = ref(false)
defineProps({ examples: { type: Array, default: () => [] } })
const open = ref(false)
</script>
<template>
<div v-if="beispiele.length" class="worked">
<button class="art-head" @click="offen = !offen">
<span class="art-icon">📝</span> Beispiele
<span class="art-count">{{ beispiele.length }}</span>
<span class="art-toggle">{{ offen ? '▾' : '▸' }}</span>
<div v-if="examples.length" class="worked">
<button class="art-head" @click="open = !open">
<span class="art-icon">📝</span> Examples
<span class="art-count">{{ examples.length }}</span>
<span class="art-toggle">{{ open ? '▾' : '▸' }}</span>
</button>
<div v-if="offen" class="we-body">
<div v-for="(b, i) in beispiele" :key="i" class="we-card">
<div v-if="b.subbaustein" class="we-sub">{{ b.subbaustein }}</div>
<div v-if="open" class="we-body">
<div v-for="(b, i) in examples" :key="i" class="we-card">
<div v-if="b.subblock" class="we-sub">{{ b.subblock }}</div>
<div class="we-problem" v-html="renderMarkdownInline(b.problem)"></div>
<ol class="we-schritte">
<li v-for="(s, j) in b.schritte" :key="j" v-html="renderMarkdownInline(s)"></li>
<ol class="we-steps">
<li v-for="(s, j) in b.steps" :key="j" v-html="renderMarkdownInline(s)"></li>
</ol>
<div v-if="b.ergebnis" class="we-ergebnis">
<span class="we-label">Ergebnis</span>
<span v-html="renderMarkdownInline(b.ergebnis)"></span>
<div v-if="b.result" class="we-result">
<span class="we-label">Result</span>
<span v-html="renderMarkdownInline(b.result)"></span>
</div>
</div>
</div>
@@ -54,9 +54,9 @@ const offen = ref(false)
color: var(--text-faint); font-weight: 700; margin-bottom: 0.3rem;
}
.we-problem { font-weight: 600; margin-bottom: 0.4rem; }
.we-schritte { margin: 0 0 0.4rem 1.1rem; padding: 0; }
.we-schritte li { margin: 0.2rem 0; }
.we-ergebnis {
.we-steps { margin: 0 0 0.4rem 1.1rem; padding: 0; }
.we-steps li { margin: 0.2rem 0; }
.we-result {
display: flex; gap: 6px; align-items: baseline;
padding-top: 0.35rem; border-top: 1px dashed var(--border);
}