wikipoints/ground/views/indexTemplate.php

<div id="map"></div>
<div id="control">
	<div class="glyphicon glyphicon-info-sign boxButtonInfo" title="Информация" onclick="openBox('Info')"></div>

	<div class="glyphicon glyphicon-plus big _t" title="Приблизить" onclick="myMap.zoomIn()"></div>
	<div class="glyphicon glyphicon-minus big _b" title="Отдалить" onclick="myMap.zoomOut()"></div>

	<div class="glyphicon glyphicon-globe _t boxButtonLayers" onclick="openBox('Layers')" title="Слои карты"></div>
	<div class="glyphicon glyphicon-filter _c boxButtonFilter" title="Фильтры и поиск" onclick="openBox('Filter')"></div>
	<div class="glyphicon glyphicon-screenshot _b" id="showMeOnTheMap" title="Я на карте" onclick="showMeOnTheMap(false)"></div>
	<div class="glyphicon glyphicon-list boxButtonRoute" title="Маршрут" onclick="openBox('Route')"></div>


	<?php if ($user): ?>
		<div class="glyphicon glyphicon-map-marker _t" id="addPointButton" title="Добавить точку" onclick="activateAddPoint()"></div>
		<div class="glyphicon glyphicon-star _c boxButtonFavorites" onclick="openBox('Favorites')" title="Хочу посетить"></div>
		<div class="glyphicon glyphicon-cloud-download _c boxButtonRoutes" onclick="openBox('Routes')" title="Мои маршруты"></div>
		<div class="glyphicon glyphicon-user _b boxButtonUser" onclick="openBox('User')" title="Профиль"></div>
	<?php else: ?>
		<div class="glyphicon glyphicon-user" id="loginButton" onclick="$('#loginModal').modal('show');" title="Войти для добавления точки"></div>
	<?php endif; ?>

	<a href="https://vk.com/wikipoints" target="_blank"><img src="/img/vkBigLogo.png" style="margin-left: 285px; margin-top: 0px; position: absolute; display: none;" id="vkBigLogo" /><div class="glyphicon" style="line-height: 0;" title="WikiPoints вКонтакте"><img src="/img/b.png?v=2" style="margin-left: -5px; margin-top: 0px; height: 20px;" /></div></a>
</div>
<div id="box">
	<span id="boxClose" onclick="closeBox();">&times;</span>
	<div id="boxInfo">
		<h3>Информация</h3>
		<a href="/page/article/id/1">О проекте</a><br/>
		<a onclick="$('#howToUseModal').modal('show');" href="#">Как пользоваться</a><br/>
		<a onclick="$('#categoriesModal').modal('show');" href="#">Легенда</a><br/>
		<a href="/page/points">Список точек</a><br/>
		<br/>
		<a href="/?point=random" onclick="showRandomPoint();
				return false;">Случайная точка</a>
		<br/><br/><br/>
		<a href="http://vk.com/wikipoints" target="_blank"><img src="/img/vk.png" width="24" height="24"/> Группа ВКонтакте</a>
	</div>
	<div id="boxLayers">
		<h3>Карты</h3>
		<div onclick="setLayer('quest')" class="layers questLayer">map Quest</div>
		<div onclick="setLayer('topo')" class="layers osmLayer">Генштаб от маршруты.ру</div>
		<div onclick="setLayer('google')" class="layers googleLayer">Google maps</div>
		<div onclick="setLayer('yandex')" class="layers yandexLayer">Яндекс.Карты</div>
		<div onclick="setLayer('osm')" class="layers osmLayer">Open Street Map</div>
		<div onclick="setLayer('yandexMap')" class="layers yandexMapLayer">Яндекс.Карты (схема)</div>
	</div>
	<div id="boxFilter" style="height: 100%; overflow-y: auto;">
		<h3>Фильтры и поиск</h3>
		<span class="input-group">
			<input type="text" id="addressField" class="form-control" placeholder="Поиск на карте..." />
			<span class="input-group-btn">
				<button class="btn btn-default" type="button" onclick="searchAdderess()"><span class="glyphicon glyphicon-search"></span></button>
			</span>
		</span>
		<br />
		<?php foreach ($categories as $category): ?>
			<input type="checkbox" value="<?= $category->id ?>" class="filterSelector"> <?= $category->name ?><br/>
		<?php endforeach; ?>
	</div>
	<div id="boxRoute" style="height: 100%; overflow-y: auto;">
		<h3>Маршрут</h3>
		<div id="wayPoints"></div>
		<div id="routeDistance"></div>
		<button class="btn btn-info" onclick="buildRoute(true)"><span class="glyphicon glyphicon-send"></span> Проложить</button>
		<a class="btn btn-default" href="" id="printRoute" target="_blank" title="Печать"><span class="glyphicon glyphicon-print"></span></a>
		<?php if ($user): ?>
			<button class="btn btn-default" onclick="saveRoute()"><span class="glyphicon glyphicon-cloud-upload" title="Сохранить"></span></button>
		<?php endif; ?>
		<br/>
	</div>
	<?php if ($user): ?>
		<div id="boxFavorites">
			<h3>Хочу посетить</h3>
			<div id="favorites">
				<?php if ($favorites): ?>
					<?php foreach ($favorites as $favorite) : ?>
						<a onclick="showInfo(<?= $favorite->pointId ?>)" class="btn btn-link"><?= $favorite->point->name ?></a><br/>
					<?php endforeach; ?>
				<?php else: ?>
					Ваши закладки пока пусты.
	<?php endif; ?>
			</div>
		</div>
		<div id="boxRoutes">
			<h3>Мои маршруты</h3>
			<div id="routes">
				<?php if ($routes): ?>
					<?php foreach ($routes as $route) : ?>
						<div class="route" onclick="loadRoute(<?= $route->id ?>)"><span onclick="deleteRoute(<?= $route->id ?>);
								$(this).parent().remove();
								event.stopPropagation();">&times;</span> <?= $route->name ?></div>
					<?php endforeach; ?>
				<?php else: ?>
					У вас пока нет сохраненных маршрутов.
				<?php endif; ?>
			</div>
		</div>
	<?php endif; ?>
	<div id="boxUser">
		<h3>Профиль</h3>
		<a class="btn btn-default" type="button" href="/index/logout"><span class="glyphicon glyphicon-ban-circle"></span> Выйти</a>
		<hr/>
	</div>
</div>
<?= $user ? '' : self::renderPartial('modals/login.php', null, true) ?>
<?= $user ? self::renderPartial('modals/addPoint.php', array('categories' => $categories), true) : '' ?>
<?= self::renderPartial('modals/categories.php', array('categories' => $categories), true) ?>
<?= self::renderPartial('modals/image.php', array(), true) ?>
<script>
	$(document).ready(function () {
		if (!$.cookie('doNotShowVkLogo')) {
			setTimeout(function () {
				$('#vkBigLogo').show().animate({'margin-left': "-185px"}, 1500);
			}, 10000);

			setTimeout(function () {
				$('#vkBigLogo').animate({'margin-left': "285px"}, 1500, function () {
					$('#vkBigLogo').hide();
					$.cookie('doNotShowVkLogo', true, { expires: 100, path: '/' });
				});
			}, 15000);
		}
	})
</script>