wikipoints/ground/views/indexTemplate.php

<div id="map"></div>
<div id="routeWindow" class="popover fade in" style="display: none; position: absolute; top: 50px; right: 7px; left: auto;">
	<h3 class="popover-title">Мой маршрут</h3>
	<div class="popover-content">
		<ul id="wayPoints"></ul>
		<button class="btn btn-default" onclick="buildRoute()"><span class="glyphicon glyphicon-send"></span> Проложить</button>
	</div>
</div>
<div id="footer">
    <table width="100%">
        <tr>
            <td width="30%">
                <div class="input-group">
                    <input type="text" id="addressField" class="form-control" placeholder="Поиск на карте..." onkeydown="if(event.keyCode == 13) {searchAdderess()}" />
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button" onclick="searchAdderess()"><span class="glyphicon glyphicon-search"></span></button>
                    </span>
                </div>
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                <button class="btn btn-default" type="button" onclick="$('#routeWindow').toggle(200)"><span class="glyphicon glyphicon-align-justify"></span> Маршрут</button>
                <button class="btn btn-default" type="button" onclick="showMeOnTheMap()"><span class="glyphicon glyphicon-screenshot"></span> Я на карте</button>
            </td>
            <td class="text-right">
                <button class="btn btn-default" type="button" id="addPointButton" onclick="activateAddPoint()"><span class="glyphicon glyphicon-plus-sign"></span> Добавить точку</button>
            </td>
        </tr>
    </table>
</div>
<div class="modal fade" id="addPointModal" tabindex="-1" role="dialog" aria-labelledby="Добавление новой точки" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Добавление новой точки</h4>
            </div>
            <div class="modal-body">
                <form method="POST" action="/json/addpoint/" id="addPointForm">
                    <div class="form-group">
                        <label class="control-label" for="name">Название</label>
                        <label class="control-label error" for="name">(Слишком короткое название точки)</label>
                        <input type="text" id="addPointName" name="name" class="form-control" />
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="img">URL изображения</label>
                        <label class="control-label error" for="img">(Что-то не так с сылкой на изображение)</label>
                        <input type="text" id="addPointImg" name="img" class="form-control" />
                    </div>

                    <div class="form-group">
                        <label class="control-label" for="description">Описание</label>
                        <label class="control-label error" for="img">(Слишком короткое описание - минимум 25 символов)</label>
                        <textarea id="addPointDescription" name="description" class="form-control"></textarea>
                    </div>

                    <div class="form-group">
                        <label class="control-label" for="categoryId">Тип</label>
                        <select id="addPointCategoryId" name="categoryId" class="form-control">
                            <?php foreach ($categories as $category): ?>
                                <option value="<?=$category['id']?>"><?=$category['name']?></option>
                            <?php endforeach; ?>
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="control-label" for="source">Ссылка на источник</label>
                        <input type="text" id="addPointSource" name="source" class="form-control" placeholder="http://" />
                    </div>

                    <input type="hidden" id="addPointLat" name="lat" />
                    <input type="hidden" id="addPointLng" name="lng" />
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Отмена</button>
                <button type="button" class="btn btn-primary" onclick="addPoint();">Сохранить</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="categoriesModal" tabindex="-1" role="dialog" aria-labelledby="Список доступных категорий" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Список доступных категорий</h4>
            </div>
            <div class="modal-body">
                <?php foreach ($categories as $category): ?>
                    <img src="<?=$category['icon']?>"> - <?=$category['name']?><br/>
                <?php endforeach; ?>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
            </div>
        </div>
    </div>
</div>