TheCitadelofRicks/src/test/resources/html/Mensa_normal-week.html

467 lines
35 KiB
HTML

<div id="tabsWeekdaysMenu">
<div id="tab-mon" class="menu-tagesplan" role="tabpanel" aria-labelledby="label-mon" x-show="currentDay == 1">
<h3>Montag 19.12.</h3>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-y-30px md:gap-30px mb-30px">
<div class="col-span-1 bg-lighter-cyan py-20px px-15px flex flex-col">
<div class="flex justify-between">
<h5>Essen 1</h5>
<img class="w-30px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/vegetarisch.svg" width="27" height="27" alt="" />
</div>
<small class="extra-text mb-15px">auf Wunsch vegan<br>Gemüselasagne oder<br>Cannelloni mit Gemüse und Käsekruste<br>Tomatensauce<br>Beilagensalat oder Regio-Apfel</small>
<div class="border-t-1px border-light-cyan w-full pt-15px mt-15px flex justify-between">
<div id="accordion-collapse-1-1" class="w-full" data-accordion="collapse" data-active-classes="bg-primary-cyan text-white" data-inactive-classes="text-primary-cyan">
<h4 id="accordion-collapse-heading-1-1">
<button type="button" class="text-14px text-left extra-text text-primary-cyan flex items-center justify-between w-full" data-accordion-target="#accordion-collapse-body-1-1" aria-expanded="false" aria-controls="accordion-collapse-body--1">
<span>Preise + Kennzeichnungen</span>
<img class="w-12px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/plus-cyan.svg" width="12" height="12" alt="" />
</button>
</h4>
<div id="accordion-collapse-body-1-1" class="hidden" aria-labelledby="accordion-collapse-heading-1-1">
<dl class="text-14px mb-20px">
<div class="flex items-end justify-between">
<dt class="price-studierende">Studierende, Schüler</dt>
<dd>3,45 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-mitarbeiter">Beschäftigte</dt>
<dd>4,75 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-gaeste">Gäste</dt>
<dd>6,90 €</dd>
</div>
</dl>
<small class="zusatzsstoffe" x-show="!showAllergenes">Kennzeichnungen/Zusatzstoffe:<br>5</small>
<small class="zusatzsstoffe" x-show="showAllergenes">Kennzeichnungen/Zusatzstoffe:<br> 5<br>enthält Allergene: ML,GlW,Gl,Ei,Se</small>
</div>
</div>
</div>
</div>
<div class="col-span-1 bg-lighter-cyan py-20px px-15px flex flex-col">
<div class="flex justify-between">
<h5>Essen 2</h5>
</div>
<small class="extra-text mb-15px">Grönsaksbullar -Gemüsebällchen oder<br>Köttbullar<br>Pfeffer-Rahmsauce<br>Blumenkohl-Kartoffelpüree<br>Beilagensalat oder Regio-Apfel</small>
<div class="border-t-1px border-light-cyan w-full pt-15px mt-15px flex justify-between">
<div id="accordion-collapse-1-2" class="w-full" data-accordion="collapse" data-active-classes="bg-primary-cyan text-white" data-inactive-classes="text-primary-cyan">
<h4 id="accordion-collapse-heading-1-2">
<button type="button" class="text-14px text-left extra-text text-primary-cyan flex items-center justify-between w-full" data-accordion-target="#accordion-collapse-body-1-2" aria-expanded="false" aria-controls="accordion-collapse-body--1">
<span>Preise + Kennzeichnungen</span>
<img class="w-12px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/plus-cyan.svg" width="12" height="12" alt="" />
</button>
</h4>
<div id="accordion-collapse-body-1-2" class="hidden" aria-labelledby="accordion-collapse-heading-1-2">
<dl class="text-14px mb-20px">
<div class="flex items-end justify-between">
<dt class="price-studierende">Studierende, Schüler</dt>
<dd>3,45 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-mitarbeiter">Beschäftigte</dt>
<dd>4,75 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-gaeste">Gäste</dt>
<dd>6,90 €</dd>
</div>
</dl>
<small class="zusatzsstoffe" x-show="!showAllergenes">Kennzeichnungen/Zusatzstoffe:<br>5,sch,ri,4</small>
<small class="zusatzsstoffe" x-show="showAllergenes">Kennzeichnungen/Zusatzstoffe:<br> 5,sch,ri,4<br>enthält Allergene: ML,GlW,Gl,Ei</small>
</div>
</div>
</div>
</div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
</div>
</div>
<div id="tab-tue" class="menu-tagesplan" role="tabpanel" aria-labelledby="label-tue" x-show="currentDay == 2">
<h3>Dienstag 20.12.</h3>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-y-30px md:gap-30px mb-30px">
<div class="col-span-1 bg-lighter-cyan py-20px px-15px flex flex-col">
<div class="flex justify-between">
<h5>Essen 1</h5>
<img class="w-30px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/vegetarisch.svg" width="27" height="27" alt="" />
</div>
<small class="extra-text mb-15px">Brokkoli-Nussecken<br>Rotweinsauce<br>Kartoffel-Kürbispüree<br>Apfelrotkraut<br>Feldsalat</small>
<div class="border-t-1px border-light-cyan w-full pt-15px mt-15px flex justify-between">
<div id="accordion-collapse-2-1" class="w-full" data-accordion="collapse" data-active-classes="bg-primary-cyan text-white" data-inactive-classes="text-primary-cyan">
<h4 id="accordion-collapse-heading-2-1">
<button type="button" class="text-14px text-left extra-text text-primary-cyan flex items-center justify-between w-full" data-accordion-target="#accordion-collapse-body-2-1" aria-expanded="false" aria-controls="accordion-collapse-body--2">
<span>Preise + Kennzeichnungen</span>
<img class="w-12px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/plus-cyan.svg" width="12" height="12" alt="" />
</button>
</h4>
<div id="accordion-collapse-body-2-1" class="hidden" aria-labelledby="accordion-collapse-heading-2-1">
<dl class="text-14px mb-20px">
<div class="flex items-end justify-between">
<dt class="price-studierende">Studierende, Schüler</dt>
<dd>3,45 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-mitarbeiter">Beschäftigte</dt>
<dd>4,75 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-gaeste">Gäste</dt>
<dd>6,90 €</dd>
</div>
</dl>
<small class="zusatzsstoffe" x-show="!showAllergenes">Kennzeichnungen/Zusatzstoffe:<br>5</small>
<small class="zusatzsstoffe" x-show="showAllergenes">Kennzeichnungen/Zusatzstoffe:<br> 5<br>enthält Allergene: GlW,GlH,ML,NM,Gl,Sf,Se,Nu,NH</small>
</div>
</div>
</div>
</div>
<div class="col-span-1 bg-lighter-cyan py-20px px-15px flex flex-col">
<div class="flex justify-between">
<h5>Essen 2</h5>
</div>
<small class="extra-text mb-15px">Weihnachtsessen<br>Hirschgulasch<br>Rotweinsauce<br>Bauernspätzle<br>Apfelrotkraut<br>Feldsalat</small>
<div class="border-t-1px border-light-cyan w-full pt-15px mt-15px flex justify-between">
<div id="accordion-collapse-2-2" class="w-full" data-accordion="collapse" data-active-classes="bg-primary-cyan text-white" data-inactive-classes="text-primary-cyan">
<h4 id="accordion-collapse-heading-2-2">
<button type="button" class="text-14px text-left extra-text text-primary-cyan flex items-center justify-between w-full" data-accordion-target="#accordion-collapse-body-2-2" aria-expanded="false" aria-controls="accordion-collapse-body--2">
<span>Preise + Kennzeichnungen</span>
<img class="w-12px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/plus-cyan.svg" width="12" height="12" alt="" />
</button>
</h4>
<div id="accordion-collapse-body-2-2" class="hidden" aria-labelledby="accordion-collapse-heading-2-2">
<dl class="text-14px mb-20px">
<div class="flex items-end justify-between">
<dt class="price-studierende">Studierende, Schüler</dt>
<dd>3,45 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-mitarbeiter">Beschäftigte</dt>
<dd>4,75 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-gaeste">Gäste</dt>
<dd>6,90 €</dd>
</div>
</dl>
<small class="zusatzsstoffe" x-show="!showAllergenes">Kennzeichnungen/Zusatzstoffe:<br>5</small>
<small class="zusatzsstoffe" x-show="showAllergenes">Kennzeichnungen/Zusatzstoffe:<br> 5<br>enthält Allergene: Ei,Gl,GlW,ML,Sf</small>
</div>
</div>
</div>
</div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
</div>
</div>
<div id="tab-wed" class="menu-tagesplan" role="tabpanel" aria-labelledby="label-wed" x-show="currentDay == 3">
<h3>Mittwoch 21.12.</h3>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-y-30px md:gap-30px mb-30px">
<div class="col-span-1 bg-lighter-cyan py-20px px-15px flex flex-col">
<div class="flex justify-between">
<h5>Essen 1</h5>
<img class="w-30px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/vegetarisch.svg" width="27" height="27" alt="" />
</div>
<small class="extra-text mb-15px">Gemüsenuggets<br>Mojo Dip<br>Gitterkartoffeln<br>Beilagensalat oder Regio-Apfel</small>
<div class="border-t-1px border-light-cyan w-full pt-15px mt-15px flex justify-between">
<div id="accordion-collapse-3-1" class="w-full" data-accordion="collapse" data-active-classes="bg-primary-cyan text-white" data-inactive-classes="text-primary-cyan">
<h4 id="accordion-collapse-heading-3-1">
<button type="button" class="text-14px text-left extra-text text-primary-cyan flex items-center justify-between w-full" data-accordion-target="#accordion-collapse-body-3-1" aria-expanded="false" aria-controls="accordion-collapse-body--3">
<span>Preise + Kennzeichnungen</span>
<img class="w-12px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/plus-cyan.svg" width="12" height="12" alt="" />
</button>
</h4>
<div id="accordion-collapse-body-3-1" class="hidden" aria-labelledby="accordion-collapse-heading-3-1">
<dl class="text-14px mb-20px">
<div class="flex items-end justify-between">
<dt class="price-studierende">Studierende, Schüler</dt>
<dd>3,45 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-mitarbeiter">Beschäftigte</dt>
<dd>4,75 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-gaeste">Gäste</dt>
<dd>6,90 €</dd>
</div>
</dl>
<small class="zusatzsstoffe" x-show="!showAllergenes">Kennzeichnungen/Zusatzstoffe:<br>5</small>
<small class="zusatzsstoffe" x-show="showAllergenes">Kennzeichnungen/Zusatzstoffe:<br> 5<br>enthält Allergene: GlW,GlG,Gl,ML</small>
</div>
</div>
</div>
</div>
<div class="col-span-1 bg-lighter-cyan py-20px px-15px flex flex-col">
<div class="flex justify-between">
<h5>Essen 2</h5>
<img class="w-30px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/vegan.svg" width="27" height="27" alt="" />
</div>
<small class="extra-text mb-15px">Gebratener Gemüsereis Nasi Goreng<br>Bio Tofu-Erdnusswürfel<br>Beilagensalat oder Regio-Apfel</small>
<div class="border-t-1px border-light-cyan w-full pt-15px mt-15px flex justify-between">
<div id="accordion-collapse-3-2" class="w-full" data-accordion="collapse" data-active-classes="bg-primary-cyan text-white" data-inactive-classes="text-primary-cyan">
<h4 id="accordion-collapse-heading-3-2">
<button type="button" class="text-14px text-left extra-text text-primary-cyan flex items-center justify-between w-full" data-accordion-target="#accordion-collapse-body-3-2" aria-expanded="false" aria-controls="accordion-collapse-body--3">
<span>Preise + Kennzeichnungen</span>
<img class="w-12px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/plus-cyan.svg" width="12" height="12" alt="" />
</button>
</h4>
<div id="accordion-collapse-body-3-2" class="hidden" aria-labelledby="accordion-collapse-heading-3-2">
<dl class="text-14px mb-20px">
<div class="flex items-end justify-between">
<dt class="price-studierende">Studierende, Schüler</dt>
<dd>3,45 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-mitarbeiter">Beschäftigte</dt>
<dd>4,75 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-gaeste">Gäste</dt>
<dd>6,90 €</dd>
</div>
</dl>
<small class="zusatzsstoffe" x-show="!showAllergenes">Kennzeichnungen/Zusatzstoffe:<br>o</small>
<small class="zusatzsstoffe" x-show="showAllergenes">Kennzeichnungen/Zusatzstoffe:<br> o<br>enthält Allergene: Gl,GlW,Se,Sf,So,Sn</small>
</div>
</div>
</div>
</div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
</div>
</div>
<div id="tab-thu" class="menu-tagesplan" role="tabpanel" aria-labelledby="label-thu" x-show="currentDay == 4">
<h3>Donnerstag 22.12.</h3>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-y-30px md:gap-30px mb-30px">
<div class="col-span-1 bg-lighter-cyan py-20px px-15px flex flex-col">
<div class="flex justify-between">
<h5>Essen 1</h5>
<img class="w-30px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/vegan.svg" width="27" height="27" alt="" />
</div>
<small class="extra-text mb-15px">Schupfnudel-Gemüsepfanne<br>Weiße Sauce<br>Beilagensalat oder Regio-Apfel</small>
<div class="border-t-1px border-light-cyan w-full pt-15px mt-15px flex justify-between">
<div id="accordion-collapse-4-1" class="w-full" data-accordion="collapse" data-active-classes="bg-primary-cyan text-white" data-inactive-classes="text-primary-cyan">
<h4 id="accordion-collapse-heading-4-1">
<button type="button" class="text-14px text-left extra-text text-primary-cyan flex items-center justify-between w-full" data-accordion-target="#accordion-collapse-body-4-1" aria-expanded="false" aria-controls="accordion-collapse-body--4">
<span>Preise + Kennzeichnungen</span>
<img class="w-12px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/plus-cyan.svg" width="12" height="12" alt="" />
</button>
</h4>
<div id="accordion-collapse-body-4-1" class="hidden" aria-labelledby="accordion-collapse-heading-4-1">
<dl class="text-14px mb-20px">
<div class="flex items-end justify-between">
<dt class="price-studierende">Studierende, Schüler</dt>
<dd>3,45 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-mitarbeiter">Beschäftigte</dt>
<dd>4,75 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-gaeste">Gäste</dt>
<dd>6,90 €</dd>
</div>
</dl>
<small class="zusatzsstoffe" x-show="showAllergenes">enthält Allergene:<br> Gl,GlW,Se,So</small>
</div>
</div>
</div>
</div>
<div class="col-span-1 bg-lighter-cyan py-20px px-15px flex flex-col">
<div class="flex justify-between">
<h5>Essen 2</h5>
</div>
<small class="extra-text mb-15px">Fischragout<br>Bandnudeln<br>Buntes Marktgemüse</small>
<div class="border-t-1px border-light-cyan w-full pt-15px mt-15px flex justify-between">
<div id="accordion-collapse-4-2" class="w-full" data-accordion="collapse" data-active-classes="bg-primary-cyan text-white" data-inactive-classes="text-primary-cyan">
<h4 id="accordion-collapse-heading-4-2">
<button type="button" class="text-14px text-left extra-text text-primary-cyan flex items-center justify-between w-full" data-accordion-target="#accordion-collapse-body-4-2" aria-expanded="false" aria-controls="accordion-collapse-body--4">
<span>Preise + Kennzeichnungen</span>
<img class="w-12px" src="/typo3conf/ext/speiseplan/Resources/Public/Images/plus-cyan.svg" width="12" height="12" alt="" />
</button>
</h4>
<div id="accordion-collapse-body-4-2" class="hidden" aria-labelledby="accordion-collapse-heading-4-2">
<dl class="text-14px mb-20px">
<div class="flex items-end justify-between">
<dt class="price-studierende">Studierende, Schüler</dt>
<dd>3,45 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-mitarbeiter">Beschäftigte</dt>
<dd>4,75 €</dd>
</div>
<div class="flex items-end justify-between">
<dt class="price-gaeste">Gäste</dt>
<dd>6,90 €</dd>
</div>
</dl>
<small class="zusatzsstoffe" x-show="!showAllergenes">Kennzeichnungen/Zusatzstoffe:<br>nF</small>
<small class="zusatzsstoffe" x-show="showAllergenes">Kennzeichnungen/Zusatzstoffe:<br> nF<br>enthält Allergene: Se,ML,GlW,Gl,Ei,Fi</small>
</div>
</div>
</div>
</div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
<div class="hidden xl:block xl:col-span-1 bg-lighter-green"></div>
</div>
</div>
<div id="tab-fri" class="menu-tagesplan" role="tabpanel" aria-labelledby="label-fri" x-show="currentDay == 5">
<h3>Freitag 23.12.</h3>
<div class="row row-narrow row-buffer row-table">
<div class="col-md-1 bg-beige-hell zusatzangaben">
<i class="glyphicons glyphicons-circle-info"></i>
</div>
<div class="col-md-11 border-beige-hell">
<h4>heute keine Essensausgabe</h4>
</div>
</div>
</div>
<div id="tab-sat" class="menu-tagesplan" role="tabpanel" aria-labelledby="label-sat" x-show="currentDay == 6">
<h3>Samstag 24.12.</h3>
<div class="row row-narrow row-buffer row-table">
<div class="col-md-1 bg-beige-hell zusatzangaben">
<i class="glyphicons glyphicons-circle-info"></i>
</div>
<div class="col-md-11 border-beige-hell">
<h4>heute keine Essensausgabe</h4>
</div>
</div>
</div>
</div>