140 lines
4.5 KiB
HTML
140 lines
4.5 KiB
HTML
<div class="page-editor">
|
|
<details id="details-info" open>
|
|
<summary>
|
|
<span>Крок 1.</span> Інформація про будинок, територію, точки на карті
|
|
</summary>
|
|
<form id="info-form">
|
|
<div id="details-info-address" class="details-info-input">
|
|
<label for="info-address-title">Назва вулиці</label>
|
|
<input
|
|
type="text"
|
|
id="info-address-title"
|
|
name="address"
|
|
required
|
|
value=""
|
|
/>
|
|
</div>
|
|
|
|
<div id="details-info-number" class="details-info-input">
|
|
<label for="info-number-title">Номер будинку</label>
|
|
<input
|
|
type="text"
|
|
id="info-number-title"
|
|
name="number"
|
|
required
|
|
value=""
|
|
/>
|
|
</div>
|
|
|
|
<div id="details-info-settlement" class="details-info-input">
|
|
<label for="info-settlement-title">Місто</label>
|
|
<input
|
|
type="text"
|
|
id="info-settlement-title"
|
|
name="settlement"
|
|
required
|
|
value=""
|
|
/>
|
|
</div>
|
|
|
|
<div id="details-info-group" class="details-info-input">
|
|
<label for="info-group-title">Теократична група</label>
|
|
<input
|
|
type="number"
|
|
id="info-group-title"
|
|
name="group"
|
|
required
|
|
value=""
|
|
/>
|
|
</div>
|
|
|
|
<div id="details-info-osm" class="details-info-input">
|
|
<label for="info-settlement-title">OSM iD</label>
|
|
<div>
|
|
<input
|
|
type="text"
|
|
id="info-osm-title"
|
|
name="osm"
|
|
placeholder="123, 345, 678"
|
|
required
|
|
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"
|
|
/></svg
|
|
></a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</details>
|
|
|
|
<details id="details-map" open>
|
|
<summary id="details-map-title">
|
|
<span>Крок 2.</span> Перегляд
|
|
</summary>
|
|
<form id="map-form">
|
|
<!-- <div class="editor-buttons" id="details-map-buttons-entranse">
|
|
<button type="button" onclick="Editor.editor.drawEntranse()">
|
|
Створити новий під'їзд
|
|
</button>
|
|
<div>
|
|
<button type="button" id="ruler" onclick="Editor.editor.drawRectangle()">
|
|
Лінійка
|
|
</button>
|
|
<button
|
|
type="button"
|
|
id="ruler_divide"
|
|
onclick="Editor.editor.ruler()"
|
|
style="display: none"
|
|
>
|
|
Поділити
|
|
</button>
|
|
</div>
|
|
</div> -->
|
|
|
|
<div
|
|
class="editor-buttons"
|
|
id="details-map-buttons-homestead"
|
|
style="display: none"
|
|
>
|
|
<!-- <div>
|
|
<button type="button" id="ruler" onclick="Editor.editor.drawRectangle()">
|
|
Лінійка
|
|
</button>
|
|
<button
|
|
type="button"
|
|
id="ruler_divide"
|
|
onclick="Editor.editor.ruler()"
|
|
style="display: none"
|
|
>
|
|
Поділити
|
|
</button>
|
|
</div> -->
|
|
</div>
|
|
|
|
<div id="list-entranse" style="display: none"></div>
|
|
<div id="list-homestead" style="display: none"></div>
|
|
|
|
<div class="block-map">
|
|
<div id="map"></div>
|
|
</div>
|
|
<button id="map-form-button" type="submit" style="display: none;">Далі</button>
|
|
</form>
|
|
</details>
|
|
|
|
<details id="details-area" open style="display: none;">
|
|
<summary><span>Крок 3.</span> Конструктор квартир <input type="number" value="1" id="next-apartment-title" onchange="Editor.apartments.editNum(this)" title="Авто-номер наступної квартири"></summary>
|
|
|
|
<form id="area-form">
|
|
<div id="list-area"></div>
|
|
</form>
|
|
</details>
|
|
</div>
|