-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
275 lines (270 loc) · 29.1 KB
/
index.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
<!DOCTYPE html>
<html lang=en>
<head>
<title>Overview</title>
</head>
<body>
<h1>web-components-toolbox-klubschule</h1>
<h2>Setup</h2>
<ol>
<li>git submodule update --init --recursive --force</li>
<li>npm install</li>
<li>npm run serve</li>
<li>note: on windows systems you may need to run: "git config --system core.longpaths true"</li>
</ol>
<br>
<h2>Components & Pages</h2>
<br>
Brand:
<select value="Klubschule" id="theme-select">
<option value="Klubschule">Klubschule</option>
<option value="Ibaw">IBAW</option>
<option value="Ksos">KSOS (Pro)</option>
</select>
<div id=pages></div>
<script>
const defaultTheme = new URL(location.href).searchParams.get('theme') || "Klubschule"; // "Klubschule" | "Ibaw" | "Ksos"
const themeSelect = document.querySelector('#theme-select');
themeSelect.value = defaultTheme
themeSelect.onchange = (event) => {
renderPages(event.target.value)
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('theme', event.target.value);
window.location.search = urlParams;
}
const pageQuery = (theme) => 'rootFolder=src&css=./src/css/variablesCustom' + theme + '.css&login=./src/es/components/molecules/login/default-/default-.html&logo=./src/es/components/atoms/logo/default-/default-.html&nav=./src/es/components/web-components-toolbox/src/es/components/molecules/multiLevelNavigation/default-/default-.html&footer=./src/es/components/organisms/footer/default-/default-.html'
const pages = (pageQuery) => /* HTML */`
<section>
<h3>Styleguide</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Spacings.html">Spacings</a></li>
</ul>
<h3>Atoms</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/BackLink.html">Backlink</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Buttons.html">Buttons</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/BigButtons.html">Buttons (Big)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/SmallButtons.html">Buttons (Small)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Checkbox.html">Checkbox</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/DoubleButtons.html">DoubleButtons</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/FilterButtons.html">FilterButtons</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/IconButtons.html">IconButtons</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Links.html">Links</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Picture.html">Picture</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Videos.html">Videos</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/atoms/heading/default-/default-.html">Heading</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Radio.html">Radio</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Input.html">Input</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/GoogleMaps.html">GoogleMaps</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Datepicker.html">Datepicker</a></li>
</ul>
<h3>Molecules</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/AboDetail.html">Abo Detail</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Abonnements.html">Abonnements</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/molecules/autoCompleteList/default-/default-.html">AutoCompleteList (default)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Badge.html">Badge</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/BadgeLegend.html">Badge Legend</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/ButtonsMolecule.html">Buttons (Tile)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/ContentSearchItem.html">Content-Search-Item</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/LinkList.html">LinkList</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/NavLevelItem.html">Nav Level Item</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Sort.html">Sort</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Teaser.html">Teaser</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Tile.html">Tile (Angebotskachel)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/TilesFilter.html">Tile Filter (Angebotsfilter)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Tooltip.html">Tooltip</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/molecules/troublemaker/Troublemaker.html">Troublemaker (Störer)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?rootFolder=src&css=./src/css/variablesCustom.css&login=./src/es/components/web-components-toolbox/src/es/components/msrc/login/default-/default-.html&logo=./src/es/components/atoms/logo/default-/default-.html&nav=./src/es/components/web-components-toolbox/src/es/components/molecules/multiLevelNavigation/default-/default-.html">KlubschuleNavigation</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Figure.html">Figure (Image)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Tab.html">Tab</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/ImageCarousel.html">Carousel(Image)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/TeaserCarousel.html">Carousel(3-column-Teaser)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Facts.html">Facts</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/LogoList.html">LogoList (Partnerlist)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Event.html">Event</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/SystemNotification.html">SystemNotification</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/OpeningHours.html">OpeningHours</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/LinkItem.html">LinkItem</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Select.html">Select</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/molecules/popUpWindow/PopUpWindow.html">PopUpWindow</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/ExtraInfo.html">ExtraInfo</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/PartnerOfferInfo.html">Partner Offer Info</a></li>
</ul>
<h3>Organisms</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Accordion.html">Accordion</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/ContactBox.html">Contact Box</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/TileList.html">Tile List (Angebotsliste)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/OBodySection.html">BodySection (Section mit/ohne Hintergrund)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Modal.html">Modal</a></li>
</ul>
<h3>Partials</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/ColorStage.html">ColorStage</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Stage.html">Stage</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Filter.html">Filter</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/FilterCategories.html">FilterCategories</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/FilterCenter.html">FilterCenter</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/FilterOverlay.html">FilterOverlay</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/FilterSelect.html">FilterSelect</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/BackForward.html">BackForward (Navigation)</a></li>
</ul>
<h3>Partials Checkout</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutColorStage.html">CheckoutColorStage</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutLayout.html">CheckoutLayout</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutOverlay.html">CheckoutOverlay</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutBookingInformation.html">Checkout Booking Informations</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutAdditionalInput.html">Checkout Additional Informations</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutBookedOffer.html">CheckoutBookedOffer</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Checkout-Abonnement-Configuration.html">Checkout Abonnement Konfiguration</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Checkout-Easy-Buchungsart-Kurskonfiguration.html">Checkout Easy Buchungsart Kurskonfiguration</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Checkout-Insurance.html">Checkout-Insurance</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutLehrmittel.html">Checkout Konfiguration Lehrmittel View</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/bugs/Konfiguration.html">Checkout Konfiguration Lehrmittel (Bug)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutStepper.html">CheckoutStepper</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutLogin.html">CheckoutLogin</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutPayment.html">Checkout Payment </a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutTeilnehmer.html">Checkout Teilnehmer</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutFirmenangaben.html">Checkout Firmenangaben</a> - ✅ ready for Patrik</li>
</ul>
<h3>Pages Checkout</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutLayoutFormExample.html">CheckoutLayoutFormExample (Zusammenbau Konfigurations-Seite)</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutBookingPage.html">CheckoutBookingInformationPage</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutBookingPageCorporate.html">CheckoutBookingInformationPage (Corporate)</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutPaymentPage.html">Checkout Payment Page</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutBewilliger.html">Checkout Bewilliger</a> - ✅ ready for Patrik</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutDankeseite.html">Checkout Dankeseite</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutAnmeldeDatenPage.html">Checkout Anmelde Daten - ✅ ready for Patrik</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/CheckoutAnmeldeDatenPageEasy.html">Checkout Anmelde Daten (Easy) - ✅ ready for Patrik</a></li>
</ul>
<h3>Pages</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Angebotsliste.html">Angebotsliste</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Angebotsliste-Suchergebnis.html">Angebotsliste (Suchergebnis)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Angebotsliste-SuchergebnisNoPartnerSearch.html">Angebotsliste (Suchergebnis) - no-partner-search</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Angebotsliste-Suchergebnis-No-Search-Tab.html">Angebotsliste (Suchergebnis-Angebotsliste-Suchergebnis-No-Search-Tab)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Angebotsliste-Prefilter.html">Angebotsliste (Prefilter)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Veranstaltungsliste-Suchergebnis.html">Veranstaltungsliste (Suchergebnis) (Event List)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/SearchLandingPage.html">Suche (Suchergebins Landing Page)</a></li>
<li>
<a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/ContentPage.html">ContentPage</a> |
<a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/ContentPageWithoutSubNav.html">Ohne Sub Navigation</a>
</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Home.html">Home</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/MdxComponent.html">MdxComponent</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/SearchField.html">SearchField</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/TileFactory.html">TileFactory</a></li>
<li>
<a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Inspirationsdetail.html">Inspirationsdetail</a> |
<a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/InspirationsdetailWithoutSubNav.html">Ohne Sub Navigation</a>
</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/InspirationsUebersicht.html">InspirationsUebersicht</a></li>
<li>
<a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/AngebotslevelPage.html">AngebotslevelPage</a> |
<a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/AngebotslevelPageWithoutSubNav.html">Ohne Sub Navigation</a>
</li>
<li>
<a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/AngebotsDetailPage.html">Angebots Detail Page</a>
</li>
<li>
<a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/bugs/AngebotsDetailPage.html">Angebots Detail Page (Bugs)</a>
</li>
<li>
<a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/AboDetailPage.html">Abo Detail Page</a><br />
<a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/AboDetailPage_Bugs.html">Abo Detail Page (Bugs)</a>
</li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/StandortDetailPage.html">StandortDetailPage</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/StandortUebersicht.html">StandortUebersicht</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Merkliste.html">Merkliste</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Merkliste.html">Merkliste</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/Infoveranstaltungen.html">Infoveranstaltungen</a></li>
<hr>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/https___dev.klubschule.ch_entdecken_.html">entdecken (dev)</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/view-source_https___dev.klubschule.ch.html">m-load-template-tag test (dev)</a></li>
</ul>
<h3>Generator Pages</h3>
<generator-download-template-preview template-uri="./src/es/components/pages/generator/" href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}"></generator-download-template-preview>
<h3>Forms</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/MDXinsideFormTest.html">MDXinsideFormTest</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/WebComponentsInsideForm.html">WebComponentsInsideForm.html</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/SimpleForm.html">Simple Form Miduweb</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/FormOverlay.html">FormOverlay</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/FormSubmitted.html">FormSubmitted</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/FormRaumreservierung.html">FormRaumreservierung</a></li>
</ul>
<h3>Customer Portal</h3>
<ul>
<!-- <li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/customer-portal/index.html">Customer Portal</a></li> -->
<li><a href="./src/es/customer-portal/index.html">Customer Portal</a></li>
</ul>
<h3>Customer Loyality</h3>
<ul>
<li><a href="../src/es/customer-loyality/index-wc.html?kursId=E_1718844&teilnehmerId=12490971">Customer Loyality</a></li>
</ul>
<h3>Easy Portal</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/EasyPortalStart.html">EasyPortalStart</a></li>
</ul>
<h3>MDX</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/MdxForm.html">MDX Form Elements</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/MdxLogin.html">MDX Login</a></li>
</ul>
</section>
<hr />
<h3>Testseiten Int</h3>
<div></div>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/generelle-testseite.html">generelle-testseite</a> <small>(copied 03.06.2024 from <a href=https://intadmin.klubschule.ch/de/qs-pep/generelle-testseite/ target=_blank>generelle-testseite</a> regarding <a href=https://jira.migros.net/browse/MIDUWEB-657 target=_blank>MIDUWEB-657</a>)</small></li>
</ul>
<hr />
<h3>Tests</h3>
<div id=tests></div>
<ul>
<li><a href="./src/es/components/pages/Buttons.html">Buttons</a></li>
</ul>
<hr />
<h3>SSR (server side rendering) Test</h3>
<div id=ssr></div>
<ul>
<li><a href="./src/es/components/pages/SSR_teaser_classic.html">Teaser Classic</a></li>
<li><a href="./src/es/components/pages/SSR_teaser_prerendered.html">Teaser Prerendered</a></li>
</ul>
<hr />
<h3>web-components-toolbox</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/">Base web-components-toolbox</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/HomeToolbox.html">HomeToolbox</a></li>
</ul>
<hr />
<h3>web-components-toolbox-migros-design-experience</h3>
<ul>
<li><a href="./src/css/web-components-toolbox-migros-design-experience/">MDX stuff</a></li>
</ul>
<hr />
<h3>Error</h3>
<ul>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/error/Angebotsliste-dev.html">Angebotsliste DEV-API</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/error/Angebotsliste-int.html">Angebotsliste INT-API</a></li>
<li><a href="./src/es/components/web-components-toolbox/docs/TemplateMiduweb.html?${pageQuery}&content=./src/es/components/pages/error/Angebotsliste-prod.html">Angebotsliste PROD-API</a></li>
</ul>
<hr />
`
const renderPages = (theme) => {
document.querySelector('#pages').innerHTML = pages(pageQuery(theme));
}
renderPages(defaultTheme)
// load web component
Promise.all([
import('./src/es/components/web-components-toolbox/generator/templates/component/downloadTemplatePreview/DownloadTemplatePreview.js').then(module => ['generator-download-template-preview', module.default])
]).then(elements => elements.forEach(element => {
// don't define already existing customElements
if (element && !customElements.get(element[0])) customElements.define(...element)
}))
</script>
</body>
</html>