83 lines
3.0 KiB
HTML
83 lines
3.0 KiB
HTML
{% extends "assets/base.html.twig" %}
|
|
|
|
{% block head %}
|
|
<!-- jsDelivr :: Sortable :: Latest (https://www.jsdelivr.com/package/npm/sortablejs) -->
|
|
<script src="/js/sortable/Sortable.min.js"></script> <!-- CDN: https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js -->
|
|
<script src="/js/sortable/jquery-sortable.js"></script> <!-- CDN: https://cdn.jsdelivr.net/npm/jquery-sortablejs@latest/jquery-sortable.js -->
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<h1 class="headline text-center">PaperBag</h1>
|
|
<div class="container" style="padding-top: 5px; padding-bottom: 15px; text-align: center;">
|
|
|
|
<div id="spaceSelectWrapper" style="max-width: 900px; margin: auto;">
|
|
<div class="input-group" style="width: 200px;">
|
|
<label class="input-group-text" for="spaceSelect">Space:</label>
|
|
<select class="form-select" id='spaceSelect' aria-label="Select space">
|
|
<option>...</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-columns" id="stores" style="text-align: center;">
|
|
<noscript>
|
|
<hr>
|
|
<h5>Please enable javascript for this page to work</h5>
|
|
<hr>
|
|
</noscript>
|
|
</div>
|
|
|
|
<div id='totalPriceWrapper'>Space subtotal: <span id="totalPrice" class="priceWrapper price">00.00</span></div>
|
|
<br>
|
|
<button class="btn btn-primary mb-2" id="addStore">Add store</button><br>
|
|
<button class="btn btn-secondary" id="refreshAll">Refresh all</button>
|
|
|
|
</div>
|
|
|
|
<script src='htmlElements.js'></script>
|
|
<script src='plan.js'></script>
|
|
<script src='recipe.js'></script>
|
|
<script src='product.js'></script>
|
|
|
|
<div class="modal" tabindex="-1" id="addStoreModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Add store</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body align-content-center">
|
|
<button class="btn btn-primary" id="addEmptyStore">Empty store</button>
|
|
<hr>
|
|
<div class="accordion mb-2" id="addStoreRecipe"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
let addStoreModal = new bootstrap.Modal( document.getElementById('addStoreModal') );
|
|
|
|
$("#addStore").on('click', ev=>{
|
|
ev.stopPropagation();
|
|
addStoreModal.show();
|
|
});
|
|
|
|
$("#addStoreModal").on('show.bs.modal', ev=> {
|
|
$("#addStoreRecipe").html('');
|
|
|
|
$.getJSON('/api/v1/recipe', {}, resp => {
|
|
let recipes = new Recipe(resp);
|
|
recipes.getAccordionHtml('#addStoreRecipe');
|
|
});
|
|
});
|
|
|
|
$("#addEmptyStore").on('click', ev => {
|
|
stores.push(new Store());
|
|
addStoreModal.hide();
|
|
});
|
|
</script>
|
|
{% endblock %}
|
|
|
|
|