HTML
xxxxxxxxxx1
<div class="container-fluid">2
<nav class="navbar navbar-expand-lg navbar-light bg-light">3
<a class="navbar-brand" href="#">bestelltool.ch ®</a>4
<button class="navbar-toggler" type="button" data-mdb-toggle="collapse" data-mdb-target="#navbarNav"5
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">6
<i class="fas fa-bars"></i>7
</button>8
<div class="collapse navbar-collapse" id="navbarNav">9
<ul class="navbar-nav">10
<li class="nav-item">11
<a class="nav-link" href="index.php?kundeCode=4e614bfd893faf73faa94962eef74d77">Übersicht</a>12
</li>13
<li class="nav-item">14
<a class="nav-link" href="standorte.php?kundeCode=4e614bfd893faf73faa94962eef74d77">Standorte</a>15
</li>16
<li class="nav-item">17
<a class="nav-link" href="kategorien.php?kundeCode=4e614bfd893faf73faa94962eef74d77">Kategorien</a>18
</li>19
<li class="nav-item">20
<a class="nav-link active" href="#">Artikel</a>21
</li>22
<li class="nav-item">23
<a class="nav-link" href="bilder.php?kundeCode=4e614bfd893faf73faa94962eef74d77">Bilder</a>24
</li>25
<li class="nav-item">26
<a class="nav-link" href="inventar.php?kundeCode=4e614bfd893faf73faa94962eef74d77">Inventar</a>27
</li>28
<li class="nav-item">29
<a class="nav-link" href="einstellungen.php?kundeCode=4e614bfd893faf73faa94962eef74d77">Einstellungen</a>30
</li>31
<li class="nav-item">32
<a class="nav-link" href="benutzer.php?kundeCode=4e614bfd893faf73faa94962eef74d77">Benutzer</a>33
</li>34
<li class="nav-item">35
<a class="nav-link" href="lizenzen.php?kundeCode=4e614bfd893faf73faa94962eef74d77">Lizenzen</a>36
</li>37
<li class="vr">38
39
<li class="nav-item dropdown">40
<a class="nav-link dropdown-toggle" role="button" data-mdb-toggle="dropdown" aria-expanded="false">41
Severin Schmid </a>42
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">43
<li>44
<a class="dropdown-item" href="index.php"><i class="fas fa-rotate"></i> Kunde wechseln45
</a>46
</li>47
<li>48
<a class="dropdown-item" href="funktionen/person/person_logout.php"><i49
class="fas fa-sign-out-alt"></i> Ausloggen50
</a>51
</li>52
</ul>53
</li>54
</ul>55
</div>56
</nav>57
<br>58
<h2 class="text-center">Artikel<i class="fas fa-sm fa-clipboard-list ms-3"></i></h2>59
<br>60
<button type="button" class="btn btn-lg btn-primary" data-mdb-toggle="modal" data-mdb-target="#artikelAddModal"><i61
class="fas fa-plus"></i> Artikel hinzufügen</button>62
<br>63
<br>64
<div id="datatable" data-mdb-loading="true"></div>65
<br>66
67
<div class="modal top fade" id="artikelAddModal" tabindex="-1" aria-hidden="true" data-mdb-backdrop="static"68
data-mdb-keyboard="false">69
<div class="modal-dialog modal-lg ">70
<div class="modal-content">71
<div class="modal-header">72
<h5 class="modal-title">Artikel erstellen</h5>73
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>74
</div>75
<div class="modal-body">76
77
<h6>Bezeichnung des Artikels:</h6>78
<div class="form-outline">79
<input type="text" id="artikelNameAdd" class="form-control" />80
<label class="form-label" for="artikelNameAdd">Name</label>81
</div>82
<br>83
84
<h6>Preis:</h6>85
<div class="form-outline">86
<input type="number" id="artikelPreisAdd" class="form-control" value="0.0" />87
<label class="form-label" for="artikelPreisAdd">Preis inkl. MwSt</label>88
</div>89
90
<hr>91
92
<div class="row">93
<div class="col-md">94
<h6>Kategorie:</h6>95
<select id="artikelKategorieAdd" class="select">96
<option value="ada1afb2a20b735bc00ba20432155be4">Vorspeisen</option>97
<option value="2acb0ce6417ef49a8f508d35c2da8244">Hauptspeisen</option>98
</select>99
<br>100
101
<h6>Alterbeschränkung:</h6>102
<select id="artikelAlterbeschraenkungAdd" class="select">103
<option value="40b2762eb2de5f65bf60c75156377a98">Ab 18 Jahren</option>104
</select>105
<br>106
107
</div>108
109
<div class="col-md">110
111
<h6>Mehrwertsteuer:</h6>112
<select id="artikelMehrwertsteuerAdd" class="select">113
<option value="d78df9d2eaccb920683bcaf2b4524a71" data-mdb-secondary-text='10%'>Testmwst</option>114
</select>115
<br>116
117
<h6>Bild:</h6>118
<select id="artikelBildAdd" class="select">119
<option value="NULL">Kein Bild</option>120
</select>121
<br>122
123
</div>124
</div>125
126
</div>127
<div class="modal-footer">128
<button type="button" class="btn btn-danger" data-mdb-dismiss="modal">129
Abbrechen130
</button>131
<button type="button" id="artikelButtonAdd" onclick="artikelErstellen();"132
class="btn btn-success text-white disabled">Hinzufügen</button>133
</div>134
</div>135
</div>136
</div>137
138
<div class="modal top fade" id="artikelEditModal" tabindex="-1" aria-hidden="true" data-mdb-backdrop="static"139
data-mdb-keyboard="false">140
<div class="modal-dialog modal-lg ">141
<div class="modal-content">142
<div class="modal-header">143
<h5 class="modal-title">Artikel bearbeiten</h5>144
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>145
</div>146
<div class="modal-body">147
<h6>Bezeichnung des Artikels:</h6>148
<div class="form-outline">149
<input type="text" id="artikelNameEdit" class="form-control active" />150
<label class="form-label" for="artikelNameAdd">Name</label>151
</div>152
<br>153
<h6>Preis:</h6>154
<div class="form-outline">155
<input type="number" id="artikelPreisEdit" class="form-control active" value="0.0" />156
<label class="form-label" for="artikelPreisAdd">Preis inkl. MwSt</label>157
</div>158
<br>159
160
<h6>Zuordnung:</h6>161
<select id="artikelZuordnungEdit" class="select" data-mdb-select-all-label="Alle Standorte"162
data-mdb-options-selected-label="Standorte ausgewählt" multiple>163
<option value='8a670fa7f4c0fe6bd529ec6ad091131a' data-mdb-secondary-text='8a670fa7f4c0fe6bd529ec6ad091131a'>Standort 86</option> </select>164
<label class="form-label select-label">Standort(e)</label>165
<br>166
167
<h6>Status:</h6>168
<div class="form-check">169
<input class="form-check-input" type="checkbox" value="" id="artikelAktivEdit" />170
<label class="form-check-label" for="artikelAktivEdit">Aktiv</label>171
</div>172
<hr>173
<div class="row">174
<div class="col-md">175
<h6>Kategorie:</h6>176
<select id="artikelKategorieEdit" class="select">177
<option value="ada1afb2a20b735bc00ba20432155be4">Vorspeisen</option>178
<option value="2acb0ce6417ef49a8f508d35c2da8244">Hauptspeisen</option>179
</select>180
<br>181
<h6>Alterbeschränkung:</h6>182
<select id="artikelAlterbeschraenkungEdit" class="select">183
<option value="40b2762eb2de5f65bf60c75156377a98">Ab 18 Jahren</option>184
</select>185
<br>186
<br>187
</div>188
<div class="col-md">189
190
<h6>Mehrwertsteuer:</h6>191
<select id="artikelMehrwertsteuerEdit" class="select">192
<option value="d78df9d2eaccb920683bcaf2b4524a71" data-mdb-secondary-text='10%'>Testmwst</option>193
</select>194
<br>195
196
<h6>Bild:</h6>197
<select id="artikelBildEdit" class="select">198
<option value="NULL">Kein Bild</option>199
</select>200
<br>201
202
</div>203
</div>204
205
</div>206
<div class="modal-footer">207
<button type="button" class="btn btn-danger" data-mdb-dismiss="modal">208
Abbrechen209
</button>210
<button type="button" id="artikelButtonEdit" onclick="artikelSpeichern();"211
class="btn btn-success text-white">Speichern</button>212
</div>213
</div>214
</div>215
</div>216
</div>CSS
1
1
JS
1
1
Console errors: 0