bootystrappy
This commit is contained in:
parent
96b246462a
commit
321173dfe6
SSH key fingerprint:
SHA256:vW1EA0fRR3Fw+dD/sM0K+x3Il2gSry6YRYHqOeQwrfk
23 changed files with 9410 additions and 1027 deletions
|
|
@ -2,44 +2,59 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="color-scheme" content="dark light">
|
||||
<meta name="theme-color" content="#0000ff" media="(prefers-color-scheme: light)">
|
||||
<meta name="theme-color" content="#222222" media="(prefers-color-scheme: dark)">
|
||||
<title>{% block title %}Welcome!{% endblock %}</title>
|
||||
<link rel="icon" type="image/svg+xml"
|
||||
href="{{ favicon }}" />
|
||||
{% set currentDate = "now"|date("d") %}
|
||||
{% if currentDate % 4 == 0 %}
|
||||
<link rel="stylesheet" href="/static/css/new.min.css">
|
||||
{% elseif currentDate % 4 == 1 %}
|
||||
<link rel="stylesheet" href="/static/css/simple.min.css">
|
||||
{% elseif currentDate % 4 == 2 %}
|
||||
<link rel="stylesheet" href="/static/css/water.min.css">
|
||||
{% else %}
|
||||
<link rel="stylesheet" href="/static/css/fieber.css">
|
||||
{% endif %}
|
||||
<style>
|
||||
label{
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
{# Use Encore assets for CSS and JS #}
|
||||
{% block stylesheets %}
|
||||
{{ encore_entry_link_tags('app') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{{ encore_entry_script_tags('app') }}
|
||||
{% endblock %}
|
||||
<script src="/static/js/htmx.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<p>Hello {{ app.request.cookies.get('username', 'nobody') }} - <a href="{{ path('username') }}">change name</a></p>
|
||||
<nav>
|
||||
<a href="{{ path('app_food_order_index') }}">Orders</a> /
|
||||
<a href="{{ path('app_food_vendor_index') }}">Vendors</a> /
|
||||
<a
|
||||
href="https://git.hannover.ccc.de/lubiana/futtern/issues/new"
|
||||
target="_blank"
|
||||
>Create Issue</a> /
|
||||
<a href="/api">API</a>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ path('app_food_order_index') }}">Orders</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ path('app_food_vendor_index') }}">Vendors</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://git.hannover.ccc.de/lubiana/futtern/issues/new" target="_blank">Create Issue</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/api" target="_blank">API</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="d-flex">
|
||||
<span class="navbar-text me-2">
|
||||
Hello {{ app.request.cookies.get('username', 'nobody') }}
|
||||
<a href="{{ path('username') }}">Change name</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
{% block body %}{% endblock %}
|
||||
<main class="py-4">
|
||||
<div class="container">
|
||||
{% block body %}{% endblock %}
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@
|
|||
hx-get="{{ path('app_food_order_new') }}"
|
||||
hx-trigger="click"
|
||||
hx-target="closest div"
|
||||
class="btn btn-primary"
|
||||
>Create new</button>
|
||||
</div>
|
||||
<hr>
|
||||
|
|
|
|||
|
|
@ -1,2 +1,10 @@
|
|||
{{ include('_form.html.twig') }}
|
||||
<div class="card shadow-sm mb-4">
|
||||
<div class="card-body">
|
||||
{{ include('_form.html.twig') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="{{ path('app_food_order_index') }}" class="btn btn-secondary">
|
||||
<i class="bi bi-arrow-left"></i> Back to list
|
||||
</a>
|
||||
|
||||
|
|
|
|||
|
|
@ -3,30 +3,32 @@
|
|||
{% block title %}New OrderItem{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<h1>Create new OrderItem</h1>
|
||||
<h1 class="mb-4">Create new OrderItem</h1>
|
||||
|
||||
{{ include('order_item/_form.html.twig') }}
|
||||
|
||||
<hr />
|
||||
<hr class="my-4" />
|
||||
|
||||
{% if food_order.foodVendor.menuLink != '' %}
|
||||
<a href="{{ food_order.foodVendor.menuLink }}" target="_blank">
|
||||
External link to Menu
|
||||
<a href="{{ food_order.foodVendor.menuLink }}" class="btn btn-info mb-3" target="_blank">
|
||||
<i class="bi bi-link-45deg"></i> External link to Menu
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<div>
|
||||
<b>click a button to select a given menuitem</b>
|
||||
<div class="mb-3">
|
||||
<b>Click a button to select a given menu item:</b>
|
||||
</div>
|
||||
<div>
|
||||
<div class="mb-4">
|
||||
{% for menuItem in menuItems %}
|
||||
<a href="#" data-menu-item>{{ menuItem.name }}</a>
|
||||
<a href="#" class="btn btn-outline-secondary me-2 mb-2" data-menu-item>{{ menuItem.name }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
<hr class="my-4" />
|
||||
|
||||
<a class="button" href="{{ path('app_food_order_show', { 'id': food_order.id}) }}">back to list</a>
|
||||
<a class="btn btn-secondary" href="{{ path('app_food_order_show', { 'id': food_order.id}) }}">
|
||||
<i class="bi bi-arrow-left"></i> Back to list
|
||||
</a>
|
||||
|
||||
<script>
|
||||
document.querySelectorAll('[data-menu-item]').forEach(function(element) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue