From 6255f06770b1c9ca9458b3c73b7ab78cb8ce690d Mon Sep 17 00:00:00 2001
From: Aiko Mastboom <Aiko.Mastboom@informaat.nl>
Date: Sun, 28 Apr 2013 23:34:41 +0200
Subject: [PATCH] put README in a modal

---
 public/index.html                | 12 ++++++++++++
 public/templates/navigation.json |  3 ++-
 2 files changed, 14 insertions(+), 1 deletion(-)
diff --git a/public/index.html b/public/index.html
index 320868b..fb26c92 100644
--- a/public/index.html
+++ b/public/index.html
@@ -61,6 +61,10 @@
 </head>
 
 <body>
+<!-- Modal -->
+<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-body"></div>
+</div>
 <!-- @@template__app_main_body__context__app_main -->
 <!-- @@import__app_main_body_ -->
 <div id="header">
@@ -81,10 +85,18 @@
                 <script type="text/html" id="links_nav_sub">
                     <li data-bind="css: { 'dropdown-submenu': $data.hasOwnProperty('links')}">
                         <!-- ko ifnot: $data.hasOwnProperty('links') -->
+                        <!-- ko ifnot: $data.hasOwnProperty('modal') -->
                         <a href="#" data-bind="attr: { href: $data.url(), title: $data.title() }, click: $root._openLink">
+                        <span data-bind="attr: { class: $data.icon_class && $data.icon_class() || $root.default_icon() }"></span>
+                            <span data-bind="text: $data.title()"></span>
+                        </a>
+                        <!-- /ko --><!-- ko if: $data.hasOwnProperty('modal') -->
+                        <a href="#" data-toggle="modal" data-bind="attr: { href: $data.url(), title: $data.title(), 'data-target': '#' + $data.modal() }">
                             <span data-bind="attr: { class: $data.icon_class && $data.icon_class() || $root.default_icon() }"></span>
                             <span data-bind="text: $data.title()"></span>
                         </a>
+                        <!-- /ko -->
+                        <!--<a data-toggle="modal" href="remote.html" data-target="#modal">click me</a>-->
                         <!-- /ko --><!-- ko if: $data.hasOwnProperty('links') -->
                         <a href="#" data-bind="text: $data.title()"></a>
                         <ul class="dropdown-menu" data-bind="template: {name: 'links_nav_sub', foreach: links }"></ul>
diff --git a/public/templates/navigation.json b/public/templates/navigation.json
index 5e16a31..f46c37a 100644
--- a/public/templates/navigation.json
+++ b/public/templates/navigation.json
@@ -27,7 +27,8 @@
 				{
 					"title": "Readme",
 					"url": "/page/app/main.readme.md",
-					"icon_class": "icon-info-sign"
+					"icon_class": "icon-info-sign",
+					"modal": "popup"
 				}
 			]
 		},
