69 lines
2.2 KiB
HTML
69 lines
2.2 KiB
HTML
{% extends "layout.html" %}
|
|
{% set active_page = "locations" -%}
|
|
|
|
{% import "utils.html" as util %}
|
|
|
|
{% block container %}
|
|
<div class="row" xmlns="http://www.w3.org/1999/html">
|
|
<div class="col-md-push-1 col-md-5 darker">
|
|
<h3>{{ location.name }}</h3>
|
|
<span class="glyphicon glyphicon-home"></span> {{ location.address }} <br/>
|
|
<span class="glyphicon glyphicon-phone"></span> {{ location.telephone }} <br/>
|
|
<span class="glyphicon glyphicon-link"></span> <a href="{{ location.website}}">{{ location.website }}</a>
|
|
{% if not current_user.is_anonymous() %}
|
|
<a href="{{ url_for("order_bp.orders", location_id=location.id) }}" class="btn btn-primary btn-sm">Create order</a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="col-md-push-1 col-md-5 padding-top sm-no-side-padding md-no-right-padding">
|
|
{% if location.address %}
|
|
<div class="small-map" id="mapid"></div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-push-1 col-md-10 darker">
|
|
<h3 id="order-title">Products</h3>
|
|
<table class="table table-hover table-condensed">
|
|
<thead>
|
|
<tr><th>Name</th><th>Price</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for prod in location.products -%}
|
|
<tr>
|
|
<td>{{ prod.name }}</td>
|
|
<td>{{ prod.price|euro }}<td>
|
|
</tr>
|
|
{%- endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block styles %}
|
|
{{ super() }}
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/leaflet.css') }}">
|
|
<link rel="stylesheet" href="{{url_for('static', filename='css/map.css')}}">
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
{{super()}}
|
|
|
|
{% if location.address %}
|
|
<script src="{{ url_for('static', filename='js/leaflet.js')}}"></script>
|
|
<script src="{{ url_for('static', filename='js/map.js' ) }}"></script>
|
|
<script>
|
|
let locations = [];
|
|
|
|
loc = {
|
|
"address": "{{location.address}}",
|
|
"name": "{{location.name}}",
|
|
"url": "{{location.website}}",
|
|
"center": true,
|
|
};
|
|
locations.push(loc);
|
|
|
|
loadmap(locations);
|
|
</script>
|
|
{% endif %}
|
|
{% endblock %}
|