85 lines
2.8 KiB
HTML
85 lines
2.8 KiB
HTML
<div class="page-editor">
|
||
<div id="part-1" class="part_block">
|
||
<h1>
|
||
<span>Крок 1.</span> Інформація про будинок, територію, точки на карті
|
||
</h1>
|
||
|
||
<form id="info-form">
|
||
<div>
|
||
<label for="info-title">Назва вулиці</label>
|
||
<input
|
||
type="text"
|
||
id="info-title"
|
||
name="address"
|
||
required
|
||
value=""
|
||
/>
|
||
</div>
|
||
|
||
<div>
|
||
<label for="info-number">Номер будинку / частини</label>
|
||
<input type="text" id="info-number" name="number" required value="" />
|
||
</div>
|
||
|
||
<div>
|
||
<label for="info-settlement">Місто</label>
|
||
<input
|
||
type="text"
|
||
id="info-settlement"
|
||
name="settlement"
|
||
required
|
||
value="Тернопіль"
|
||
/>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div id="part-2" class="part_block">
|
||
<h1 id="part-2-title"><span>Крок 2.</span> Створення будинку / ділянки</h1>
|
||
|
||
<div class="osm-info">
|
||
<div>
|
||
<label for="info-osm">OSM iD</label>
|
||
<div>
|
||
<input
|
||
id="info-osm"
|
||
type="text"
|
||
placeholder="123, 345, 678"
|
||
onchange="Territory_editor.osm.autoPoligon(this.value)"
|
||
/>
|
||
<a
|
||
href="https://www.openstreetmap.org/#map=19/49.561725/25.604458"
|
||
target="_blank"
|
||
title="Де знайти OSM iD ?"
|
||
>
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 48 48"
|
||
width="100px"
|
||
height="100px"
|
||
>
|
||
<path
|
||
d="M 24 4 C 12.972066 4 4 12.972074 4 24 C 4 35.027926 12.972066 44 24 44 C 35.027934 44 44 35.027926 44 24 C 44 12.972074 35.027934 4 24 4 z M 24 7 C 33.406615 7 41 14.593391 41 24 C 41 33.406609 33.406615 41 24 41 C 14.593385 41 7 33.406609 7 24 C 7 14.593391 14.593385 7 24 7 z M 24 14 A 2 2 0 0 0 24 18 A 2 2 0 0 0 24 14 z M 23.976562 20.978516 A 1.50015 1.50015 0 0 0 22.5 22.5 L 22.5 33.5 A 1.50015 1.50015 0 1 0 25.5 33.5 L 25.5 22.5 A 1.50015 1.50015 0 0 0 23.976562 20.978516 z"
|
||
></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<span>або</span>
|
||
<button onclick="Territory_editor.osm.newPoligon()">Обрати на карті</button>
|
||
</div>
|
||
|
||
<div class="block-map">
|
||
<div id="map"></div>
|
||
</div>
|
||
|
||
<button type="button" id="part-2-button" onclick="Territory_editor.save()">Зберегти</button>
|
||
</div>
|
||
|
||
<div id="part-3" class="part_block" style="display: none">
|
||
<h1 id="part-3-title"><span>Крок 3.</span> Створення квартир</h1>
|
||
|
||
<div id="house"></div>
|
||
</div>
|
||
</div>
|