346 lines
13 KiB
HTML
346 lines
13 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Редактор границ для MAPS.ME</title>
|
||
<link rel="stylesheet" href="{{ url_for('static', filename='lib/leaflet.css') }}"/>
|
||
<script src="{{ url_for('static', filename='lib/leaflet.js') }}"></script>
|
||
<script src="{{ url_for('static', filename='lib/Leaflet.Editable.js') }}"></script>
|
||
<script src="{{ url_for('static', filename='lib/leaflet-hash.js') }}"></script>
|
||
<script src="{{ url_for('static', filename='lib/jquery-1.11.2.min.js') }}"></script>
|
||
<script src="{{ url_for('static', filename='config.js') }}"></script>
|
||
<script src="{{ url_for('static', filename='borders.js') }}"></script>
|
||
<style>
|
||
html,
|
||
body,
|
||
#map,
|
||
#panel {
|
||
margin: 0;
|
||
height: 100%;
|
||
}
|
||
|
||
#panel {
|
||
width: 250px;
|
||
float: right;
|
||
padding: 1em;
|
||
font-family: sans-serif;
|
||
font-size: 80%
|
||
}
|
||
|
||
#panel button {
|
||
font-size: 9pt;
|
||
margin: 4px 0;
|
||
background-color: #eee;
|
||
}
|
||
|
||
#map {
|
||
margin-right: 250px;
|
||
}
|
||
|
||
#selected_border_actions,
|
||
#b_divide,
|
||
#unbound_actions,
|
||
#backups,
|
||
#wait_start_over,
|
||
#split,
|
||
#join,
|
||
#join_to_parent,
|
||
#point,
|
||
#divide,
|
||
#backup,
|
||
#filefm,
|
||
#old_action,
|
||
#josm_old {
|
||
display: none;
|
||
}
|
||
|
||
#unbound_actions {
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
#rename,
|
||
#potential_parents {
|
||
display: none;
|
||
margin-left: 10px;
|
||
}
|
||
|
||
#info {
|
||
margin-top: 1em;
|
||
}
|
||
|
||
#b_delete,
|
||
#b_clear,
|
||
.back_del {
|
||
font-size: 8pt;
|
||
}
|
||
|
||
.actions input[type='text'],
|
||
#search input[type='text'] {
|
||
width: 150px;
|
||
}
|
||
|
||
#header {
|
||
border-bottom: 1px solid gray;
|
||
margin-bottom: 1em;
|
||
padding-bottom: 1em;
|
||
}
|
||
|
||
#f_topo,
|
||
#f_chars,
|
||
#f_comments,
|
||
#links {
|
||
font-size: 10pt;
|
||
}
|
||
|
||
#backup_saving,
|
||
#backup_restoring {
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
#h_iframe {
|
||
display: block;
|
||
width: 100%;
|
||
height: 80px;
|
||
}
|
||
|
||
a,
|
||
a:hover,
|
||
a:visited {
|
||
color: blue;
|
||
}
|
||
|
||
#start_over,
|
||
#start_over:hover,
|
||
#start_over:visited {
|
||
color: red;
|
||
}
|
||
|
||
#population_thresholds {
|
||
padding-left: 1.5em;
|
||
}
|
||
|
||
#mwm_size_thr {
|
||
max-width: 50px;
|
||
}
|
||
|
||
#r_green,
|
||
#r_red {
|
||
width: 40px;
|
||
}
|
||
|
||
#b_import {
|
||
max-width: 180px;
|
||
}
|
||
|
||
#import_div {
|
||
position: relative;
|
||
display: none;
|
||
}
|
||
|
||
#hide_import_button {
|
||
position: absolute;
|
||
width: 20px;
|
||
height: 20px;
|
||
top: 0;
|
||
right: 0;
|
||
background-color: #ccc;
|
||
text-align: center;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body onload="init();">
|
||
<div id="panel">
|
||
<div id="header">
|
||
<div id="filter">
|
||
Раскраска по <select size="1" id="f_type" value="size" onchange="filterSelect()">
|
||
<option value="country">стране</option>
|
||
<option value="nodes_size">размеру по точкам</option>
|
||
<option value="predict_size">предсказ. размеру</option>
|
||
<option value="topo">топологии</option>
|
||
<option value="chars">буквам в назв.</option>
|
||
<option value="comments">комментариям</option>
|
||
</select>
|
||
<div id="f_size">
|
||
Цвета: 0–<input type="text" size="2" id="r_green">–<input type="text" size="3" id="r_red">
|
||
<button onclick="bUpdateColors()">✓</button>
|
||
</div>
|
||
<div id="f_topo">
|
||
Красный — есть дыры, синий — больше одного полигона.
|
||
Маркерами обозначены мелкие острова.
|
||
</div>
|
||
<div id="f_chars">
|
||
Синий — есть пробелы, красный — символы не из ASCII.
|
||
</div>
|
||
<div id="f_comments">
|
||
Красный — есть комментарий.
|
||
</div>
|
||
</div>
|
||
<div id="b_josm">
|
||
<button onclick="bJOSM()">Открыть в JOSM</button>
|
||
<button id="josm_old" onclick="bJosmOld()">ст.</button>
|
||
<button onclick="bJosmZoom()">🔍</button>
|
||
</div>
|
||
<form action="" enctype="multipart/form-data" method="post" id="filefm" target="import_frame">
|
||
Импорт <input type="file" accept=".osm,.xml" name="file" id="b_import" onchange="bImport();">
|
||
</form>
|
||
<div id="import_div">
|
||
<iframe name="import_frame" id="h_iframe" src="about:blank"></iframe>
|
||
<div id="hide_import_button">
|
||
<div>x</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="backups">
|
||
<button onclick="bBackup()">Архив границ</button>
|
||
<br>
|
||
</div>
|
||
<div id="old_action">
|
||
<input type="checkbox" id="old" onchange="bOldBorders()"><label for="old"> старые границы</label>
|
||
</div>
|
||
<div id="links">
|
||
<a href="stat.html">Статистика</a>
|
||
<a href="#" id="poly_bbox">Скачать в poly видимое</a>,
|
||
<a href="#" id="poly_all">всё</a><br>
|
||
<a href="#" id="start_over" onclick="startOver()">Начать заново</a>
|
||
<span id="wait_start_over">ожидайте...</span>
|
||
</div>
|
||
<div id="search">
|
||
Поиск <input type="text" id="fsearch" placeholder="Use ^/$ for start/end">
|
||
<button id="b_search" onclick="doSearch()">🔍</button>
|
||
</div>
|
||
</div>
|
||
<div id="actions">
|
||
<div id="unbound_actions">
|
||
<button id="b_point" onclick="bPoint()">Регион из точки</button>
|
||
<br>
|
||
</div>
|
||
<div id="selected_border_actions" class="actions">
|
||
<div id="action_buttons">
|
||
<!--button onclick="bDisable()" id="b_disable">Убрать</button-->
|
||
<button onclick="bDelete()" id="b_delete">Удалить</button>
|
||
<br>
|
||
<button onclick="bSplit()">Разрезать</button>
|
||
<button onclick="bJoin()">Склеить</button>
|
||
<br>
|
||
<button onclick="bJoinToParent()">Склеить всё до родителя</button>
|
||
<br>
|
||
<button onclick="bLargest()">Выделить острова</button>
|
||
<button onclick="bHull()">Единый контур</button>
|
||
<br>
|
||
<button id="b_divide" onclick="bDivide()">Заменить регионами</button>
|
||
<br>
|
||
</div>
|
||
<div id="info">
|
||
<b><a href="#" id="rename_link" onclick="bToggleRename(); return false;">Название ▼:</a></b>
|
||
<span id="b_name"></span>
|
||
<span id="b_al"></span><br>
|
||
<div id="rename">
|
||
<input type="text" id="b_rename">
|
||
<button onclick="bRename()">Переименовать</button>
|
||
</div>
|
||
<div>
|
||
<b><a href="#" id="parent_link" onclick="bTogglePotentialParents(); return false;">Родитель
|
||
▼:</a></b>
|
||
<span id="b_parent_name"></span>
|
||
</div>
|
||
<div id="potential_parents">
|
||
</div>
|
||
<b>Оценка размера по точкам:</b> <span id="b_size"></span><br>
|
||
<b>Оценка размера по нас+пл:</b> <span id="pa_size"></span><br>
|
||
<b>Последняя правка:</b> <span id="b_date"></span><br>
|
||
<b>Количество точек:</b> <span id="b_nodes"></span><br>
|
||
<b>Площадь:</b> <span id="b_area"></span> км²<br>
|
||
<!--b>Статус:</b> <span id="b_status"></span><br-->
|
||
<b>Комментарий:</b><br>
|
||
<textarea style="width: 240px; height: 100px;" id="b_comment"></textarea><br>
|
||
<button id="b_comment_send" onclick="bComment()">Отправить</button>
|
||
<a href="#" onclick="bClearComment(); return false;" id="b_clear">Очистить</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="split" class="actions">
|
||
Выбрана область <span id="s_sel"></span>.<br><br>
|
||
Нарисуйте линию через выбранную область (повторный клик на последней точке для завершения), затем нажмите кнопку<br>
|
||
<div id="s_do">
|
||
<button onclick="bSplitDo()">Разрезать область</button>
|
||
<input type="checkbox" id="save_split_region" checked></input>
|
||
<label for="save_split_region">Не удалять</label><br>
|
||
<button onclick="bSplitJosm()">Границы вдоль — в JOSM</button>
|
||
<br>
|
||
<button onclick="bSplitAgain()">Нарисовать по-другому</button>
|
||
</div>
|
||
<br>
|
||
<button onclick="bSplitCancel()">Вернуться</button>
|
||
</div>
|
||
<div id="join" class="actions">
|
||
Выбрана область <span id="j_sel"></span>.<br><br>
|
||
Выберите область, которую к ней присоединить.<br>
|
||
<div id="j_do">
|
||
Выбрана: <span id="j_name2"></span><br>
|
||
<button onclick="bJoinDo()">Склеить области</button>
|
||
</div>
|
||
<br>
|
||
<button onclick="bJoinCancel()">Вернуться</button>
|
||
</div>
|
||
<div id="join_to_parent" class="actions">
|
||
Выбрана область <span id="j_to_parent_sel"></span>.<br>
|
||
Родительская область <span id="j_sel_parent"></span>.<br><br>
|
||
<button onclick="bJoinToParentPreview()">Посмотреть результат</button>
|
||
<br>
|
||
<button onclick="bJoinToParentDo()">Склеить всё до родителя</button>
|
||
<br>
|
||
<button onclick="bJoinToParentCancel()">Вернуться</button>
|
||
</div>
|
||
<div id="point" class="actions">
|
||
Переместите маркер в нужную точку и нажмите<br>
|
||
<button onclick="bPointList()">Получить список областей</button>
|
||
<br>
|
||
Название <input type="text" id="p_name"><br>
|
||
<div id="p_list"></div>
|
||
<br>
|
||
<button onclick="bPointCancel()">Вернуться</button>
|
||
</div>
|
||
<div id="divide" class="actions">
|
||
Выбранная область <span id="region_to_divide"></span>
|
||
будет заменена вложенными областями уровня
|
||
<input type="number" id="next_level" min="2" max="12">.<br>
|
||
<br>
|
||
<div>
|
||
<input type="checkbox" id="auto_divide" checked>
|
||
<label for="auto_divide">Автослияние по населению</label>
|
||
<div id="population_thresholds">
|
||
Верхняя граница размера mwm:
|
||
<input id="mwm_size_thr" type="number"
|
||
min="1" value="70" step="1"> Мб
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="apply_to_similar">
|
||
<label for="apply_to_similar">
|
||
Для всех областей страны того же уровня
|
||
</label>
|
||
</div>
|
||
<button onclick="bDividePreview()">Посмотреть субобласти</button>
|
||
<br>
|
||
<div id="d_count"></div>
|
||
<button id="b_divide_do" onclick="bDivideDo()">Заменить область</button>
|
||
<br>
|
||
<button onclick="bDivideCancel()">Вернуться</button>
|
||
</div>
|
||
<div id="backup" class="actions">
|
||
<button onclick="bBackupSave()" id="backup_save">Сохранить границы</button>
|
||
<div id="backup_saving">Копирую границы...</div>
|
||
<div id="backup_restoring">Восстанавливаю границы...</div>
|
||
<div>Или выберите набор границ для восстановления:</div>
|
||
<div id="backup_list"></div>
|
||
<button onclick="bBackupCancel()">Вернуться</button>
|
||
</div>
|
||
</div>
|
||
<div id="map"></div>
|
||
</body>
|
||
</html>
|