Легенда карты в главном меню

ground/views/indexTemplate.php

@@ -74,3 +74,21 @@
         </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>

ground/views/layout.php

@@ -23,6 +23,8 @@
                 <a onclick="$('#aboutModal').modal('show');" href="#">О проекте</a>
                 |
                 <a onclick="$('#howToUseModal').modal('show');" href="#">Как пользоваться</a>
+                |
+                <a onclick="$('#categoriesModal').modal('show');" href="#">Легенда</a>
             </span>
         </div>
         <?= isset($content) && !empty($content) ? $content : 'No content =(' ?>