Re-organizing the poi editor form

This commit is contained in:
Léo Serre 2020-05-18 10:16:09 +04:00
parent 4679eaa82a
commit 1589a33aaf
2 changed files with 17 additions and 15 deletions

View File

@ -50,13 +50,16 @@ form.form input, form.form textarea, form.form input[type=radio]:checked+label,
} }
form.form h1 input { form.form h1 input {
width: 58%; flex: 2 !important;
margin: 10px 0 10px 0px;
font-size: 18px; font-size: 18px;
} }
form.form h1 {
padding: 10px 0;
margin: 0 0 10px 0;
}
#locale { #locale {
width: 38%; flex: 1;
float: right; margin: 10px 5px 0 5px;
font-size: 17px; font-size: 17px;
} }

View File

@ -13,7 +13,15 @@
<section> <section>
<i id="slide-icon" class="fas fa-chevron-up"></i> <i id="slide-icon" class="fas fa-chevron-up"></i>
<form class="form" action="<?=$config['rel_root_folder']?>wiki/<?=$poi->permalink?>/edit" method="post"> <form class="form" action="<?=$config['rel_root_folder']?>wiki/<?=$poi->permalink?>/edit" method="post">
<br> <h1 class="flex_line">
<input type="text" value="<?=$poi->name?>" name="name" id="name" placeholder="Nom de l'hébergement">
<select name="locale" id="locale">
<? foreach($locales->objs as $locale) { ?>
<option <?=$poi->locale==$locale->name?'selected':''?> value="<?=$locale->name?>"><?=$locale->display_name?></option>
<? } ?>
</select>
</h1>
<div class="flex_line" id="type_selector"> <div class="flex_line" id="type_selector">
<? foreach($poi_types as $type) { ?> <? foreach($poi_types as $type) { ?>
<input type="radio" name="poi_type" value="<?=$type[3]?>" id="<?=$type[3]?>"> <input type="radio" name="poi_type" value="<?=$type[3]?>" id="<?=$type[3]?>">
@ -21,22 +29,13 @@
<? } ?> <? } ?>
</div> </div>
<h1>
<select name="locale" id="locale">
<? foreach($locales->objs as $locale) { ?>
<option <?=$poi->locale==$locale->name?'selected':''?> value="<?=$locale->name?>"><?=$locale->display_name?></option>
<? } ?>
</select>
<input type="text" value="<?=$poi->name?>" name="name" id="name" placeholder="Nom de l'hébergement">
</h1>
<div class="flex_line"> <div class="flex_line">
<input type="text" value="<?=$poi->lat?>" name="lat" id="lat" placeholder="Latitude"> <input type="text" value="<?=$poi->lat?>" name="lat" id="lat" placeholder="Latitude">
<input type="text" value="<?=$poi->lon?>" name="lon" id="lon" placeholder="Longitude"> <input type="text" value="<?=$poi->lon?>" name="lon" id="lon" placeholder="Longitude">
<input type="text" value="<?=$poi->alt?>" name="alt" id="alt" placeholder="Altitude"> <input type="text" value="<?=$poi->alt?>" name="alt" id="alt" placeholder="Altitude">
</div> </div>
<input name="submit" id="submit" type="submit" value="Envoyer"> <input name="submit" id="submit" type="submit" value="Ajouter l'hébergement">
</form> </form>
</section> </section>