-
Notifications
You must be signed in to change notification settings - Fork 0
/
vorkontierung.html
126 lines (122 loc) · 13 KB
/
vorkontierung.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Buchführung</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/html2canvas.min.js"></script>
<script src="js/kontenplan.js"></script>
<script src="js/js-yaml.min.js"></script>
<script src="js/clipboard.min.js"></script>
<script src="js/menu.js"></script>
</head>
<main>
<div w3-include-html="navigation.html"></div>
<h2>Vorkontierung</h2>
<details>
<summary>Anleitung</summary>
<div style="padding-left:6px;border: 1px solid #ddd;padding: 4px;">
<video style="width:100%;margin: 0 auto;" controls>
<source src="media/video/vorkontierung.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</details><br>
<form id="vorkontierungForm" class="box">
<p>Das ist eine einfache Vorlage für die Vorkontierung oder EDV-Kontierung zur Weiterverarbeitung, zum Beispiel als HTML in der mebis Lernplattform. Für den Lückentext (Cloze) in mebis Test kann ein Auswahlmenü der Konten hinzugefügt werden.</p>
<label for="anzahlZeilen">Anzahl der Zeilen (1-20):</label>
<input type="number" id="anzahlZeilenVorkontierung" name="anzahlZeilen" value="2" min="1" max="20" required>
<br><br>
<button type="button" onclick="generiereVorkontierung()"><svg xmlns="http://www.w3.org/2000/svg" fill="#ff4800"
height="16" width="16"
viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H352c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32s-32 14.3-32 32v35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V432c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H160c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z" />
</svg> Vorlage für Vorkontierung erstellen</button>
</form><br>
<div id="vorkontierungButtonContainer" style="margin:0 auto;">
<div style="width:775px" contenteditable="true">
<div id="vorkontierungContainer" style="min-height: 50px;margin: 0 auto"></div>
</div>
<div class="exportButtons">
<button class="icon" type="button" onclick="vorkontierungHerunterladenAlsPNG()"><svg
xmlns="http://www.w3.org/2000/svg" height="16" width="16"
viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z" />
</svg></button>
<button class="icon" type="button" id="officeButtonVorkontierung"
data-clipboard-target="#vorkontierungContainer"><svg xmlns="http://www.w3.org/2000/svg" height="16"
width="12"
viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M48 448V64c0-8.8 7.2-16 16-16H224v80c0 17.7 14.3 32 32 32h80V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0H64zm55 241.1c-3.8-12.7-17.2-19.9-29.9-16.1s-19.9 17.2-16.1 29.9l48 160c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l25-83.4 25 83.4c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l48-160c3.8-12.7-3.4-26.1-16.1-29.9s-26.1 3.4-29.9 16.1l-25 83.4-25-83.4c-3-10.2-12.4-17.1-23-17.1s-19.9 7-23 17.1l-25 83.4-25-83.4z" />
</svg></button>
<button class="icon" type="button" onclick="vorkontierungHerunterladen()"><svg
xmlns="http://www.w3.org/2000/svg" height="16" width="12"
viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M64 464c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H224v80c0 17.7 14.3 32 32 32h80V448c0 8.8-7.2 16-16 16H64zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0H64zm97 289c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L79 303c-9.4 9.4-9.4 24.6 0 33.9l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31 31-31zM257 255c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l48-48c9.4-9.4 9.4-24.6 0-33.9l-48-48z" />
</svg></button>
<button class="icon" type="button" onclick="vorkontierungKopiereInZwischenablage()"><svg
xmlns="http://www.w3.org/2000/svg" height="16" width="20"
viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z" />
</svg></button>
</div><br>
</div>
<aside id="moodleDropdown">
<h2>Tools</h2>
<details>
<summary>Kontenplan für Moodle eintragen: Multichoice-Fragetyp Lückentext_(Cloze)</summary>
<div style="padding-left:6px;border: 1px solid #ddd;padding: 4px;">
<p><small>Markieren Sie das Konto, das mit 100% bewertet werden soll und ziehen Sie das nun grüne
Icon an die gewünschte Stelle (bei Mobilgeräten lang gedrückt halten). Es sollte dort anschließend "{1:MULTICHOICE:~..." erscheinen. Alternativ können Sie auch auf das Icon klicken, um den Text in die Zwischenablage zu kopieren.</small></p>
<div id="kontenplan" draggable="true" ondragstart="handleDragStart(event)" onclick="handleCopyClick()"
style="text-align: center;cursor: pointer;background-color: #f5f5f5; border: 1px dashed #c32e04;margin: 0 auto;width: 100px;padding: 4px">
<svg id="svgKonto" xmlns="http://www.w3.org/2000/svg" height="32" width="24" viewBox="0 0 384 512"
fill="red">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M64 464c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H224v80c0 17.7 14.3 32 32 32h80V448c0 8.8-7.2 16-16 16H64zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0H64zm56 256c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H120zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H120z" />
</svg> Kontenplan
</div><br>
<div id="radioOptionsContainer" style="text-align:left"></div>
</div>
<div id="dragContainer" ondragstart="handleDragStart(event)" style="min-width:400px;word-wrap: break-word;display: none;">{1:MULTICHOICE:~0500 GR ~0530 BVG ~0700 MA ~0840 FP ~0860 BM ~0870 BGA ~0890 GWG ~1500 WP ~2000 R ~2010 F ~2020 H ~2030 B ~2400 FO ~2470 ZWFO ~2600 VORST ~2800 BK ~2880 KA ~2900 ARA ~3000 EK ~3001 P ~3670 EWB ~3680 PWB ~3900 RST ~4200 KBKV ~4250 LBKV ~4400 VE ~4800 UST ~4830 VFA ~4840 VSV ~4900 PRA ~5000 UEFE ~5001 EBFE ~5400 EMP ~5430 ASBE ~5490 PFE ~5495 EFO ~5650 EAWP ~5710 ZE ~5780 DDE ~6000 AWR ~6001 BZKR ~6002 NR ~6010 AWF ~6011 BZKF ~6012 NF ~6020 AWH ~6021 BZKH ~6022 NH ~6030 AWB ~6031 BZKB ~6032 NB ~6040 AWVM ~6140 AFR ~6160 FRI ~6200 LG ~6400 AGASV ~6520 ABSA ~6540 ABGWG ~6700 AWMP ~6730 GEB ~6750 KGV ~6760 PROV ~6770 RBK ~6800 BMK ~6820 KOM ~6850 REK ~6870 WER ~6900 VBEI ~6950 ABFO ~6990 PFAW ~7000 GWST ~7020 GRST ~7030 KFZST ~7460 VAWP ~7510 ZAW ~8010 SKB ~8020 GUV}</div>
</details>
<details>
<summary>Umsatzsteuer in Vorkontierung: Multichoice-Fragetyp Lückentext_(Cloze)</summary>
<div style="padding-left:6px;border: 1px solid #ddd;padding: 4px;">
<p><small>Markieren Sie die Steuer, die mit 100% bewertet werden soll und ziehen Sie das nun grüne
Icon an die gewünschte Stelle (bei Mobilgeräten lang gedrückt halten). Es sollte dort anschließend "{1:MULTICHOICE:~..." erscheinen. Alternativ können Sie auch auf das Icon klicken, um den Text in die Zwischenablage zu kopieren.</small></p>
<div id="steuervorkontierung" draggable="true" ondragstart="handleDragStartUST(event)" onclick="handleUSTCopyClick()"
style="text-align: center;cursor: pointer;background-color: #f5f5f5; border: 1px dashed #c32e04;margin: 0 auto;width: 100px;padding: 4px">
<svg id="svgKontoUST" xmlns="http://www.w3.org/2000/svg" height="32" width="24" viewBox="0 0 384 512"
fill="red">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M64 464c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H224v80c0 17.7 14.3 32 32 32h80V448c0 8.8-7.2 16-16 16H64zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0H64zm56 256c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H120zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H120z" />
</svg> Umsatzsteuer
</div><br>
<div id="radioOptionsContainerUST" class="flex-row" style="text-align:left;">
<div class="radioUST"><input type="radio" name="USTOption" value="V7"><label>V7</label></div>
<div class="radioUST"><input type="radio" name="USTOption" value="V19"><label>V19</label></div>
<div class="radioUST"><input type="radio" name="USTOption" value="U7"><label>U7</label></div>
<div class="radioUST"><input type="radio" name="USTOption" value="U19"><label>U19</label></div>
</div>
</div>
<div id="dragContainerUST" ondragstart="handleDragStartUST(event)" style="min-width:400px;word-wrap: break-word;display: none;">{1:MULTICHOICE:~V19~V7~U19~U7~-}</div>
</details>
</aside>
</main>
<script src="js/vorkontierung.js"></script>
<script src="js/moodle.js"></script>
<div w3-include-html="footer.html"></div>
<script>
includeHTML();
</script>
</body>
</html>