110 lines
1.9 KiB
PHP
110 lines
1.9 KiB
PHP
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title><?php echo "Maphp";?></title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="asset/leaflet/leaflet.css"/>
|
|
<link rel="stylesheet" href="asset/css/style.css"/>
|
|
<link rel="stylesheet" href="asset/css/edit.css"/>
|
|
<link rel="stylesheet" href="asset/fonts/byl-iconfont-v4.0/icons.css"/>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="root">
|
|
<header>
|
|
<section id="logo">Hôtel Machin</section>
|
|
|
|
<span> </span>
|
|
</header>
|
|
|
|
|
|
<section id="edit-tab-nav">
|
|
<span
|
|
id="edit-tab-nav-marker"
|
|
v-bind:style="{
|
|
left : editTabMarkerL,
|
|
width : editTabMarkerW
|
|
}">
|
|
</span>
|
|
<span
|
|
id="edit-tab-nav-ing"
|
|
class="edit-tab-nav-link"
|
|
v-on:click="setEditTab('ing')">Ings</span>
|
|
<span
|
|
id="edit-tab-nav-dish"
|
|
class="edit-tab-nav-link"
|
|
v-on:click="setEditTab('dish')">Dish</span>
|
|
|
|
</section>
|
|
<section
|
|
id="edit-tab-roll"
|
|
v-bind:style="{
|
|
width : this.tabrollw,
|
|
transform : this.editTabRollTransX}">
|
|
|
|
<section class="edit-single-tab">
|
|
|
|
<h3>Ingredients</h3>
|
|
|
|
<input
|
|
v-model="newIng.name"
|
|
type="text"
|
|
placeholder="Nom"
|
|
>
|
|
|
|
<input
|
|
v-model="newIng.fr"
|
|
class="ing-input-lang"
|
|
type="text"
|
|
placeholder="fr name"
|
|
>
|
|
|
|
<input
|
|
v-model="newIng.en"
|
|
class="ing-input-lang"
|
|
type="text"
|
|
placeholder="en name"
|
|
>
|
|
|
|
<input
|
|
v-model="newIng.it"
|
|
class="ing-input-lang"
|
|
type="text"
|
|
placeholder="it name"
|
|
>
|
|
|
|
<span class="byl-icon-save ing-form-save" v-on:click="saveIng()"></span>
|
|
|
|
<span v-for="i in Object.entries(ingredients)">
|
|
<h4>{{ i[0] }}</h4>
|
|
<li>fr: {{ i[1]['fr'] }}</li>
|
|
<li>en: {{ i[1]['en'] }}</li>
|
|
<li>it: {{ i[1]['it'] }}</li>
|
|
</span>
|
|
|
|
</section>
|
|
|
|
|
|
<section class="edit-single-tab">
|
|
|
|
<h3>Dishes</h3>
|
|
|
|
</section>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<?php include("asset/php/ing.php"); ?>
|
|
|
|
<script src="asset/js/vue.min.js"></script>
|
|
<script src="asset/js/edit.js"></script>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|