2015-03-31 20:15:22 +02:00
|
|
|
|
{% extends "layout.html" %}
|
|
|
|
|
{% set active_page = "orders" -%}
|
2020-08-14 04:57:02 +02:00
|
|
|
|
{% if current_user.is_anonymous() %}
|
|
|
|
|
{% set my_items = order.for_user(anon=session.get("anon_name", "")) %}
|
|
|
|
|
{% else %}
|
|
|
|
|
{% set my_items = order.for_user(user=current_user) %}
|
|
|
|
|
{% endif %}
|
2020-01-26 02:28:20 +01:00
|
|
|
|
{% set courier_or_admin = not current_user.is_anonymous() and (current_user.is_admin() or current_user.id == order.courier_id) -%}
|
2015-03-31 20:15:22 +02:00
|
|
|
|
|
|
|
|
|
{% import "utils.html" as util %}
|
|
|
|
|
|
|
|
|
|
{% block container %}
|
2020-08-14 04:57:02 +02:00
|
|
|
|
<header>
|
|
|
|
|
<h2 id="order-title">Order {{ order.id }}</h2>
|
|
|
|
|
|
|
|
|
|
<div class="location">
|
|
|
|
|
{% if order.location %}
|
2020-02-29 17:23:20 +01:00
|
|
|
|
<a href="{{ url_for('general_bp.location', location_id=order.location_id) }}">{{ order.location_name }}</a>
|
|
|
|
|
{% else %}
|
|
|
|
|
{{ order.location_name }}
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<section>
|
2020-08-21 15:17:10 +02:00
|
|
|
|
<div class="column">
|
|
|
|
|
<div class="box" id="order_info">
|
|
|
|
|
<h3>Order information</h3>
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>Location</dt>
|
|
|
|
|
<dd>
|
|
|
|
|
{% if order.location %}
|
|
|
|
|
<a href="{{ url_for('general_bp.location', location_id=order.location_id) }}">{{ order.location_name }}</a>
|
|
|
|
|
{% else %}
|
|
|
|
|
{{ order.location_name }}
|
|
|
|
|
{% endif %}
|
|
|
|
|
</dd>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
|
2020-08-21 15:17:10 +02:00
|
|
|
|
<dt>Courier</dt>
|
|
|
|
|
<dd>
|
|
|
|
|
{% if order.courier == None %}
|
|
|
|
|
{% if not current_user.is_anonymous() %}
|
|
|
|
|
<form action="{{ url_for('order_bp.volunteer', order_id=order.id) }}" method="post" style="display:inline">
|
|
|
|
|
<input type="submit" class="btn btn-primary btn-sm" value="Volunteer"></input>
|
|
|
|
|
</form>
|
|
|
|
|
{% else %}No-one{% endif %}
|
|
|
|
|
{% else %}
|
|
|
|
|
{{ order.courier.username }}
|
|
|
|
|
{% endif %}
|
|
|
|
|
</dd>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
|
2020-09-01 16:26:29 +02:00
|
|
|
|
<dt>Order opens</dt>
|
2020-08-21 15:17:10 +02:00
|
|
|
|
<dd>{{ order.starttime.strftime("%Y-%m-%d, %H:%M") }}</dd>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
|
2020-09-01 16:26:29 +02:00
|
|
|
|
<dt>Order closes</dt>
|
2020-08-21 15:17:10 +02:00
|
|
|
|
<dd>
|
|
|
|
|
{% if order.stoptime %}
|
|
|
|
|
{% set stoptimefmt = (
|
|
|
|
|
"%H:%M" if order.stoptime.date() == order.starttime.date()
|
|
|
|
|
else "%Y-%m-%d, %H:%M"
|
|
|
|
|
) %}
|
|
|
|
|
{{ order.stoptime.strftime(stoptimefmt) }} ({{ order.stoptime|countdown }})
|
|
|
|
|
{% else %}
|
|
|
|
|
Never
|
|
|
|
|
{% endif %}
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
2020-02-23 23:29:39 +01:00
|
|
|
|
|
2020-08-21 15:17:10 +02:00
|
|
|
|
<div>
|
|
|
|
|
{% if order.can_close(current_user.id) -%}
|
|
|
|
|
<form action="{{ url_for('order_bp.close_order', order_id=order.id) }}" method="post" style="display:inline">
|
|
|
|
|
<input type="submit" class="btn btn-danger" value="Close"></input>
|
|
|
|
|
</form>
|
2020-03-03 16:21:01 +01:00
|
|
|
|
{% endif %}
|
2020-08-21 15:17:10 +02:00
|
|
|
|
{% if courier_or_admin %}
|
|
|
|
|
<a class="btn" href="{{ url_for('order_bp.order_edit', order_id=order.id) }}">Edit</a>
|
|
|
|
|
{%- endif %}
|
2020-03-03 16:21:01 +01:00
|
|
|
|
</div>
|
2020-08-21 15:17:10 +02:00
|
|
|
|
</div>
|
2020-02-23 23:29:39 +01:00
|
|
|
|
|
2020-02-21 18:38:30 +01:00
|
|
|
|
|
2020-08-21 15:17:10 +02:00
|
|
|
|
{% if form %}
|
2020-08-14 04:57:02 +02:00
|
|
|
|
|
2020-09-01 16:26:29 +02:00
|
|
|
|
<!--
|
2020-08-21 15:17:10 +02:00
|
|
|
|
<div class="box" id="from_favourites">
|
|
|
|
|
<h3>Add from favourites</h3>
|
|
|
|
|
<ul>
|
|
|
|
|
<li>Todo</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
2020-09-01 16:26:29 +02:00
|
|
|
|
-->
|
2020-08-14 04:57:02 +02:00
|
|
|
|
|
2020-08-21 15:17:10 +02:00
|
|
|
|
<div class="box" id="add_item">
|
|
|
|
|
<h3>Add item to order</h3>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
|
2020-08-21 15:17:10 +02:00
|
|
|
|
{% for dish in order.location.dishes %}
|
|
|
|
|
<form method="post" action="{{ url_for('order_bp.order_item_create', order_id=order.id) }}">
|
|
|
|
|
{{ form.csrf_token }}
|
|
|
|
|
<input type="hidden" name="dish_id" value="{{ dish.id }}" />
|
|
|
|
|
|
|
|
|
|
{% if form.dish_id.errors %}
|
|
|
|
|
<div class="form-group has-errors">
|
|
|
|
|
{{ util.render_form_field_errors(form.dish_id) }}
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
<details {% if dish.id == selected_dish.id %}open="open"{% endif %}>
|
|
|
|
|
<summary class="spacecake"><span>{{ dish.name }}</span> <span class="tags"> {{ dish.tags | join(", ") }}</span><span class="spacer"></span><span>{{ dish.price_range() | price_range }}</span></summary>
|
|
|
|
|
{% for (choice_type, choice) in dish.choices %}
|
|
|
|
|
<div class="form-group select2-container select2">
|
|
|
|
|
<label class="control-label" for="choice_{{ choice.id }}">{{ choice.name }}</label><br/>
|
|
|
|
|
<select
|
|
|
|
|
{{ "multiple=multiple" if choice_type=="multi_choice" else "required=required" }}
|
|
|
|
|
name="choice_{{ choice.id }}"
|
|
|
|
|
class="form-control select">
|
|
|
|
|
{% for option in choice.options %}
|
|
|
|
|
<option value="{{ option.id }}"><!--
|
|
|
|
|
-->{{ option.name }}{{ ": " + option.price|euro if option.price else "" }}<!--
|
|
|
|
|
-->{{ " (" + option.description + ")" if option.description else "" }}<!--
|
|
|
|
|
--></option>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
|
|
|
|
|
<div class="form-group {{ 'has-errors' if form.dish_id.errors }}">
|
|
|
|
|
{{ form.comment.label }}<br>
|
|
|
|
|
{{ form.comment(class='form-control', placeholder='Fill in comment, when applicable') }}
|
|
|
|
|
{{ util.render_form_field_errors(form.comment) }}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{% if current_user.is_anonymous() %}
|
|
|
|
|
<div class="form-group{{ ' has-error' if form.user_name.errors }}{{ ' required' if form.user_name.flags.required }}">
|
|
|
|
|
{{ form.user_name.label(class='control-label') }}
|
|
|
|
|
{{ form.user_name(class='form-control', placeholder='Fill in your name...') }}
|
|
|
|
|
{{ util.render_form_field_errors(form.user_name) }}
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
<div class="form-group" style="padding-top: 8px;">
|
|
|
|
|
{{ form.submit_button(class='btn btn-primary') }}
|
|
|
|
|
</div>
|
|
|
|
|
</details>
|
|
|
|
|
</form>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
|
|
|
|
|
{% endif %}
|
2020-08-21 15:17:10 +02:00
|
|
|
|
|
|
|
|
|
{% if form %}
|
2020-02-29 17:23:20 +01:00
|
|
|
|
</div>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
|
2020-08-21 15:17:10 +02:00
|
|
|
|
<div class="column">
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="box" id="my_items">
|
|
|
|
|
<h3>My items</h3>
|
|
|
|
|
{% if my_items %}
|
|
|
|
|
<ul>
|
|
|
|
|
{% for item in my_items %}
|
|
|
|
|
<li class="spacecake">
|
|
|
|
|
{% if item.can_delete(order.id, current_user.id, session.get('anon_name', '')) -%}
|
|
|
|
|
<form action="{{ url_for('order_bp.delete_item', order_id=order.id, item_id=item.id) }}" method="post" style="display:inline">
|
|
|
|
|
<button class="btn btn-link btn-sm" type="submit" style="padding: 0 0.5em;"><span class="glyphicon glyphicon-remove"></span></button>
|
|
|
|
|
</form>
|
|
|
|
|
{%- endif %}
|
|
|
|
|
<span>{{ item.dish_name }}{% if item.comment %}; {{ item.comment }}{% endif %}</span><span class="spacer"> </span><span class="price_aligned">{{ item.price | euro }}</span>
|
|
|
|
|
</li>
|
2020-02-29 17:23:20 +01:00
|
|
|
|
{% endfor %}
|
2020-08-21 15:17:10 +02:00
|
|
|
|
</ul>
|
|
|
|
|
{% else %}
|
|
|
|
|
<div>(None)</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
|
2020-08-21 15:17:10 +02:00
|
|
|
|
<div class="box" id="how_to_order">
|
|
|
|
|
<h3>Ordering at {{ order.location_name }}</h3>
|
|
|
|
|
<dl>
|
|
|
|
|
{% if order.location.telephone %}
|
|
|
|
|
<dt>Telephone</dt>
|
|
|
|
|
<dd><a href="tel://{{ order.location.telephone }}">{{ order.location.telephone }}</a></dd>
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
{% if order.location.website %}
|
|
|
|
|
<dt>Website</dt>
|
|
|
|
|
<dd><a href="{{ order.location.website }}">{{ order.location.website }}</a></dd>
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
{% if order.location.address or order.location.osm %}
|
|
|
|
|
<dt>Location</dt>
|
|
|
|
|
<dd>
|
|
|
|
|
{% if order.location.osm %}
|
|
|
|
|
<a href="{{ order.location.osm }}">{{ order.location.address or "View on OSM" }}</a>
|
|
|
|
|
{% else %}
|
|
|
|
|
{{ order.location.address }}
|
|
|
|
|
{% endif %}
|
|
|
|
|
</dd>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</dl>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
</div>
|
|
|
|
|
|
2020-08-21 15:17:10 +02:00
|
|
|
|
{% if not form %}
|
|
|
|
|
</div>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
|
2020-08-21 15:17:10 +02:00
|
|
|
|
<div class="column">
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
<div class="box" id="per_dish">
|
|
|
|
|
<h3>Ordered dishes</h3>
|
|
|
|
|
{% for dish_name, dish_order_items in order.group_by_dish() -%}
|
|
|
|
|
{% set has_comments = dish_order_items | map(attribute="comment") | any -%}
|
|
|
|
|
<div class="dish {{ 'spacecake' if not has_comments }}">
|
|
|
|
|
<h4>
|
|
|
|
|
<span class="quantity">{{ dish_order_items | length }}</span> ×
|
|
|
|
|
{{ dish_name }}
|
|
|
|
|
</h4>
|
|
|
|
|
|
|
|
|
|
{% if has_comments -%}
|
|
|
|
|
<ul class="comments">
|
|
|
|
|
{% for item in dish_order_items -%}
|
|
|
|
|
<li class="spacecake">{% if item["comment"] %}<span>{{ item["comment"] }}</span>
|
|
|
|
|
{% else %}<i>No comment</i>
|
|
|
|
|
{% endif %}<span class="spacer"> </span><span class="item_for">for {{ item.for_name }}</span></li>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</ul>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
{% else %}
|
2020-08-21 15:17:10 +02:00
|
|
|
|
<span class="spacer"> </span><span class="item_for">for {{ dish_order_items | map(attribute="for_name") | join(", ") }}</span>
|
|
|
|
|
{%- endif %}
|
|
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
{%- endfor %}
|
|
|
|
|
<div class="footer">
|
|
|
|
|
Total {{ order.items.count() }} items — {{ total_price|euro }}
|
|
|
|
|
<a class="btn" href="{{ url_for('order_bp.items_showcase', order_id=order.id) }}">Shop view</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-02-29 17:23:20 +01:00
|
|
|
|
</div>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section class="single_column">
|
|
|
|
|
<div class="box" id="per_person">
|
|
|
|
|
<h3>Items per person</h3>
|
|
|
|
|
<table class="table table-condensed">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr><th>Total</th><th>Name</th><th>Items</th></tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
{% for user_name, order_items in order.group_by_user() -%}
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
{% set paid = order_items | map(attribute="paid") | all %}
|
|
|
|
|
<input type="checkbox" name="{{ user_name }}"
|
|
|
|
|
{{ "disabled" if paid }} style="{{ 'opacity: 0.5' if paid }}">
|
|
|
|
|
|
|
|
|
|
<span class="price">{{ order_items | map(attribute="price") | sum | euro }}</span>
|
|
|
|
|
|
|
|
|
|
{% if paid %}paid{% endif %}
|
|
|
|
|
</td>
|
|
|
|
|
<td>{{ user_name }}</td>
|
|
|
|
|
<td class="items">
|
|
|
|
|
<ul>
|
|
|
|
|
{% for item in order_items %}
|
|
|
|
|
<li class="{{ 'paid' if item.paid }}">
|
|
|
|
|
<div class="actions">
|
|
|
|
|
{% if item.can_delete(order.id, current_user.id, session.get('anon_name', '')) -%}
|
|
|
|
|
<form action="{{ url_for('order_bp.delete_item', order_id=order.id, item_id=item.id) }}" method="post" style="display:inline">
|
|
|
|
|
<button class="btn btn-link btn-sm" type="submit" style="padding: 0 0.5em;"><span class="glyphicon glyphicon-remove"></span></button>
|
2020-02-29 17:23:20 +01:00
|
|
|
|
</form>
|
|
|
|
|
{% else %}
|
2020-08-17 10:43:11 +02:00
|
|
|
|
<span class="glyphicon glyphicon-remove" style="color: var(--gray3); padding: 0 0.5em"></span>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
{%- endif %}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="price_aligned">{{ item.price|euro }}</div>
|
|
|
|
|
<div class="item_description">{{ item.dish_name }}{{ "; " + item.comment if item.comment }}</div>
|
|
|
|
|
</li>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
<li>
|
|
|
|
|
<button class="btn btn-link btn-sm" onclick="alert('TODO')" style="padding: 0 0.5em;"><span class="glyphicon glyphicon-plus"></span></button>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
|
|
|
{%- endfor %}
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
<div class="footer">
|
|
|
|
|
On selected:
|
|
|
|
|
<button class="btn btn-sm">Mark paid (TODO)</button>
|
|
|
|
|
|
|
|
|
|
Request payment for selected:
|
|
|
|
|
<button class="btn btn-sm"><span class="glyphicon glyphicon-piggy-bank"></span> Tab (TODO)</button>
|
|
|
|
|
<button class="btn btn-sm"><span class="glyphicon glyphicon-qrcode"></span> QR code (TODO)</button>
|
|
|
|
|
</div>
|
2020-02-29 17:23:20 +01:00
|
|
|
|
</div>
|
2020-08-14 04:57:02 +02:00
|
|
|
|
</section>
|
2015-03-31 20:15:22 +02:00
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
|
|
{% block styles %}
|
2020-02-29 17:23:20 +01:00
|
|
|
|
{{ super() }}
|
|
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/select2.min.css') }}" />
|
|
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/select2-bootstrap.min.css') }}">
|
|
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/print.css') }}">
|
2020-08-14 04:57:02 +02:00
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
body, h1, h2, h3, h4 {
|
2020-08-17 10:43:11 +02:00
|
|
|
|
color: var(--gray0);
|
2020-08-14 04:57:02 +02:00
|
|
|
|
}
|
|
|
|
|
table {
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
}
|
|
|
|
|
section {
|
2020-08-21 15:17:10 +02:00
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-columns: 1fr 1fr;
|
|
|
|
|
grid-gap: 0 30px;
|
|
|
|
|
align-items: start;
|
2020-08-14 04:57:02 +02:00
|
|
|
|
}
|
|
|
|
|
section.single_column {
|
2020-08-21 15:17:10 +02:00
|
|
|
|
grid-template-columns: unset;
|
2020-08-14 04:57:02 +02:00
|
|
|
|
}
|
|
|
|
|
header {
|
|
|
|
|
margin-bottom: 25px;
|
|
|
|
|
}
|
|
|
|
|
h2 {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
h3 {
|
|
|
|
|
margin-top: 0;
|
2020-08-21 15:17:10 +02:00
|
|
|
|
font-size: 150%;
|
|
|
|
|
font-weight: 500;
|
2020-08-14 04:57:02 +02:00
|
|
|
|
}
|
|
|
|
|
.location {
|
2020-08-21 15:17:10 +02:00
|
|
|
|
font-size: 150%;
|
2020-08-14 04:57:02 +02:00
|
|
|
|
font-weight: 500;
|
2020-08-21 15:17:10 +02:00
|
|
|
|
margin-left: 3px;
|
2020-08-14 04:57:02 +02:00
|
|
|
|
margin-top: -5px;
|
|
|
|
|
}
|
|
|
|
|
.box {
|
|
|
|
|
width: 100%;
|
2020-08-17 10:43:11 +02:00
|
|
|
|
border: 2px solid var(--gray0);
|
2020-08-14 04:57:02 +02:00
|
|
|
|
padding: 10px;
|
2020-08-21 15:17:10 +02:00
|
|
|
|
margin-bottom: 30px;
|
2020-08-14 04:57:02 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#order_info dl {
|
|
|
|
|
column-width: 150px;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-17 10:57:10 +02:00
|
|
|
|
#from_favourites ul, #my_items ul, #per_person ul {
|
2020-08-14 04:57:02 +02:00
|
|
|
|
list-style-type: none;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
dl {
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
.box :last-child {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.box h4 {
|
|
|
|
|
font-size: 110%;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
margin-bottom: 0.6em;
|
|
|
|
|
}
|
|
|
|
|
|
2020-08-21 15:17:10 +02:00
|
|
|
|
.spacecake {
|
2020-08-14 04:57:02 +02:00
|
|
|
|
display: flex;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
}
|
2020-08-21 15:17:10 +02:00
|
|
|
|
.spacecake .spacer {
|
2020-08-14 04:57:02 +02:00
|
|
|
|
content: ' ';
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
min-width: 10px;
|
2020-08-17 10:43:11 +02:00
|
|
|
|
border-bottom: 1px solid var(--gray3);
|
2020-08-14 04:57:02 +02:00
|
|
|
|
margin: 0.3em 0.5em;
|
|
|
|
|
}
|
2020-08-21 15:17:10 +02:00
|
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
margin: 0.5em 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#my_items li form {
|
|
|
|
|
align-self: flex-start;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#per_dish .comments li {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#per_dish .dish.no_comments {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
}
|
|
|
|
|
#per_dish .dish.no_comments h4 {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
line-height: inherit;
|
|
|
|
|
}
|
2020-08-14 04:57:02 +02:00
|
|
|
|
#per_dish .item_for {
|
2020-08-17 10:43:11 +02:00
|
|
|
|
color: var(--gray2);
|
2020-08-14 04:57:02 +02:00
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#per_person li {
|
|
|
|
|
white-space: nowrap;
|
2020-08-21 15:17:10 +02:00
|
|
|
|
margin-top: 0.15em;
|
2020-08-14 04:57:02 +02:00
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
#per_person li > * {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
#per_person .item_description {
|
|
|
|
|
white-space: normal;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.price, .price_aligned {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
.price_aligned {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 4em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.items .paid {
|
|
|
|
|
opacity: 0.4;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.footer {
|
|
|
|
|
margin-top: 1em;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2015-03-31 20:15:22 +02:00
|
|
|
|
{% endblock %}
|
|
|
|
|
{% block scripts %}
|
2020-02-29 17:23:20 +01:00
|
|
|
|
{{ super() }}
|
|
|
|
|
<script src="{{ url_for('static', filename='js/select2.min.js') }}"></script>
|
|
|
|
|
<script type="text/javascript">
|
2020-03-05 00:37:16 +01:00
|
|
|
|
{% if form %}
|
2020-08-21 15:17:10 +02:00
|
|
|
|
$(".select").select2({"sorter": x => x.sort()});
|
2020-03-04 22:07:33 +01:00
|
|
|
|
{% endif %}
|
2020-02-29 17:23:20 +01:00
|
|
|
|
</script>
|
2015-04-05 13:08:02 +02:00
|
|
|
|
{% endblock %}
|