Widok - koncept wyświetlania menu.
This commit is contained in:
+85
-7
@@ -24,7 +24,7 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<header>
|
||||
<header id="mainHeader">
|
||||
<h1 class="logo-text">Karczma Biesiada</h1>
|
||||
<div id="tableLabel" class="table-badge">Wybierz stolik</div>
|
||||
</header>
|
||||
@@ -80,13 +80,91 @@
|
||||
</div> <!-- Koniec statusView -->
|
||||
|
||||
<div id="menuView" class="view-section hidden">
|
||||
<section class="items-container" style="margin-top: 10px;">
|
||||
<h3>Menu Restauracji</h3>
|
||||
<div class="empty-state">
|
||||
<div class="empty-icon">📖</div>
|
||||
<p style="color: var(--text-muted)">Nasza wspaniała karta dań pojawi się tutaj niebawem.</p>
|
||||
<div class="menu-search-container">
|
||||
<input type="text" id="menuSearchInput" placeholder="Szukaj dania..." oninput="filterMenu()" />
|
||||
</div>
|
||||
|
||||
<div class="restaurant-menu-container">
|
||||
<nav class="menu-categories-nav">
|
||||
<ul>
|
||||
<li><a href="#" class="active" data-category-badge="0" onclick="showCategory(0)">Wszystko</a></li>
|
||||
<li><a href="#" onclick="showCategory(1)" data-category-badge="1">Przystawki</a></li>
|
||||
<li><a href="#" onclick="showCategory(2)" data-category-badge="2">Zupy</a></li>
|
||||
<li><a href="#" onclick="showCategory(3)" data-category-badge="3">Dania główne</a></li>
|
||||
<li><a href="#" onclick="showCategory(4)" data-category-badge="4">Dania swojskie</a></li>
|
||||
<li><a href="#" onclick="showCategory(5)" data-category-badge="5">Ryby</a></li>
|
||||
<li><a href="#" onclick="showCategory(7)" data-category-badge="7">Sałatki</a></li>
|
||||
<li><a href="#" onclick="showCategory(6)" data-category-badge="6">Makarony</a></li>
|
||||
<li><a href="#" onclick="showCategory(9)" data-category-badge="9">Dla dzieci</a></li>
|
||||
<li><a href="#" onclick="showCategory(8)" data-category-badge="8">Dodatki</a></li>
|
||||
<li><a href="#" onclick="showCategory(10)" data-category-badge="10">Desery</a></li>
|
||||
<li><a href="#" onclick="showCategory(11)" data-category-badge="11">Napoje</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="restaurant-menu-scroll">
|
||||
<div class="rm-category" data-cat-id="1">
|
||||
<div class="restaurant-menu-category">Na dobry początek</div>
|
||||
<div class="rmc-positions">
|
||||
<div class="rmc-position" data-position="331" data-category-id="1">
|
||||
<img class="rmc-image" src="https://www.karczmabiesiada.eu/cache/images/files/potrawy/400_320_crop/losos-na-placku.webp" alt="" loading="lazy">
|
||||
<div class="rmc-title">
|
||||
<h4>Wędzony łosoś na chrupkim placku ziemniaczanym<span>ze śmietaną i sosem a'la duńskim</span></h4>
|
||||
</div>
|
||||
<div class="rmc-other"><span>31,00</span></div>
|
||||
</div>
|
||||
<div class="rmc-position" data-position="11" data-category-id="1">
|
||||
<img class="rmc-image" src="https://www.karczmabiesiada.eu/cache/images/files/menu/400_320_crop/smalczyk.webp" alt="" loading="lazy">
|
||||
<div class="rmc-title">
|
||||
<h4>Skiśnięte ogórki i smolec swojej roboty z pieczywem<span></span></h4>
|
||||
</div>
|
||||
<div class="rmc-other"><span>28,00</span></div>
|
||||
</div>
|
||||
<div class="rmc-position" data-position="12" data-category-id="1">
|
||||
<img class="rmc-image" src="https://www.karczmabiesiada.eu/cache/images/files/potrawy/400_320_crop/przystawki-Tatar-siekany.webp" alt="" loading="lazy">
|
||||
<div class="rmc-title">
|
||||
<h4>Tatar siekany z wołowiny z piklami i pieczywem<span></span></h4>
|
||||
</div>
|
||||
<div class="rmc-other"><span>62,00</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rm-category" data-cat-id="2">
|
||||
<div class="restaurant-menu-category">Polywki</div>
|
||||
<div class="rmc-positions">
|
||||
<div class="rmc-position" data-position="18" data-category-id="2">
|
||||
<img class="rmc-image" src="https://www.karczmabiesiada.eu/cache/images/files/wielkanocne-2020/400_320_crop/Karczma-biesiada-stalowa-wola-dania-na-wielkanoc.webp" alt="" loading="lazy">
|
||||
<div class="rmc-title">
|
||||
<h4>Żurek na wędzonce z jajkiem w chlebie<span></span></h4>
|
||||
</div>
|
||||
<div class="rmc-other"><span>31,00</span></div>
|
||||
</div>
|
||||
<div class="rmc-position" data-position="22" data-category-id="2">
|
||||
<img class="rmc-image" src="https://www.karczmabiesiada.eu/cache/images/files/potrawy/400_320_crop/rosol-z-makaronem.webp" alt="" loading="lazy">
|
||||
<div class="rmc-title">
|
||||
<h4>Rosół wiejski z trzech rodzajów mięs z makaronem<span></span></h4>
|
||||
</div>
|
||||
<div class="rmc-other"><span>19,00</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rm-category" data-cat-id="3">
|
||||
<div class="restaurant-menu-category">Co przez gospodarza lubiane</div>
|
||||
<div class="rmc-positions">
|
||||
<div class="rmc-position" data-position="363" data-category-id="3">
|
||||
<img class="rmc-image" src="https://www.karczmabiesiada.eu/cache/images/files/aktualnosci/nowe-smaki-lato-2024/400_320_crop/pyszne-jedzenie-karczma-biesiada-6.webp" alt="" loading="lazy">
|
||||
<div class="rmc-title">
|
||||
<h4>Schab po zbóju z ogórkiem kiszonym podany z białym sosem i ziemniakami opiekanymi<span></span></h4>
|
||||
</div>
|
||||
<div class="rmc-other"><span>53,00</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div> <!-- Koniec menuView -->
|
||||
|
||||
</main>
|
||||
|
||||
Reference in New Issue
Block a user