From a47ccbf56d161230271da576ffe60d393e2602b6 Mon Sep 17 00:00:00 2001
From: Thierry Parmentelat <thierry.parmentelat@inria.fr>
Date: Sun, 2 Dec 2012 00:35:21 +0100
Subject: [PATCH] toplevel menus use pills for now - need alignment

---
 myslice/static/css/myslice.css |  6 +++++-
 myslice/templates/logo.html    |  1 +
 myslice/templates/mymenu.html  | 19 +++++++++++++++----
 myslice/templates/myslice.html |  5 +++--
 slice/static/js/sample.js      |  1 -
 slice/templates/sample.html    | 10 ++--------
 slice/views.py                 |  2 +-
 7 files changed, 27 insertions(+), 17 deletions(-)
 create mode 100644 myslice/templates/logo.html
 delete mode 100644 slice/static/js/sample.js

diff --git a/myslice/static/css/myslice.css b/myslice/static/css/myslice.css
index 4173ccc4..84d376a4 100644
--- a/myslice/static/css/myslice.css
+++ b/myslice/static/css/myslice.css
@@ -6,7 +6,7 @@
     left: 0px;
     right: 0px; 
     height: 60px;
-    background-color: #fc9;
+    background-color: #f8f8f8;
 }
 
 #column-wrap {
@@ -26,3 +26,7 @@
 #content-related {
     width: 200px;
 }
+
+img.logo {
+    right:0px;
+}
diff --git a/myslice/templates/logo.html b/myslice/templates/logo.html
new file mode 100644
index 00000000..ff3ed501
--- /dev/null
+++ b/myslice/templates/logo.html
@@ -0,0 +1 @@
+<a href="/"><img class="logo" src="{{ STATIC_URL }}img/myslice-logo.png" alt="MySlice" /></a>
diff --git a/myslice/templates/mymenu.html b/myslice/templates/mymenu.html
index d19b19d1..b32ffa34 100644
--- a/myslice/templates/mymenu.html
+++ b/myslice/templates/mymenu.html
@@ -1,16 +1,17 @@
 {% insert_str prelude "js/mymenu.js" %}
 {% insert_str prelude "css/mymenu.css" %}
-{# this shows how to add raw js code #}
-{# {% insert raw_js %} "some script useful for mymenu" {% endinsert %} #}
-{# use the raw_css container for css style #}
+{# this shows how to add raw js or css code #}
+{# {% insert prelude_js %} "some script useful for mymenu" {% endinsert %} #}
+{# use the prelude_css container for css style #}
 
+<!--
 <div id='mymenu'>
 <ul id='mymenu'>
 <li>
   <a href="/"><img class="logo mymenu" src="{{ STATIC_URL }}img/myslice-logo.png" alt="MySlice" /></a>
 </li>
 {% for d in menu_items %}
-  {% if d.current %}
+  {% if d.active %}
   <li class='current'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
   {% else %}
   <li class='other'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
@@ -18,4 +19,14 @@
   {% endfor %}
 </ul>
 </div>
+-->
 
+<div class="nav nav-pills">
+{% for d in menu_items %}
+  {% if d.active %}
+  <li class='active'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
+  {% else %}
+  <li class='other'> <a href="{{ d.href }}"> {{ d.label }} </a> </li>
+  {% endif %}
+  {% endfor %}
+</ul>
diff --git a/myslice/templates/myslice.html b/myslice/templates/myslice.html
index a1129171..fc9d3c9f 100644
--- a/myslice/templates/myslice.html
+++ b/myslice/templates/myslice.html
@@ -10,11 +10,11 @@
 {% insert_str prelude "bootstrap/css/bootstrap.css" %}
 <script type="text/javascript">
 {# In case we need to add raw js code #}
-{% container raw_js %}
+{% container prelude_js %}
 </script>
 <style type="text/css">
 {# In case we need to add raw css code #}
-{% container raw_css %}
+{% container prelude_css %}
 </style>
 </head>
 
@@ -30,6 +30,7 @@
     <div id='header'>
     {% block header %}
       {% include 'mymenu.html' %}
+      {% include 'logo.html' %}
     {% endblock header %}
     </div>
 
diff --git a/slice/static/js/sample.js b/slice/static/js/sample.js
deleted file mode 100644
index 8b137891..00000000
--- a/slice/static/js/sample.js
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/slice/templates/sample.html b/slice/templates/sample.html
index 717b6d94..40c85ba7 100644
--- a/slice/templates/sample.html
+++ b/slice/templates/sample.html
@@ -12,7 +12,7 @@
   </ul>
 <div class="tab-content">
    <div class="tab-pane fade in" id="name1">
-     <p> {{ lorem }} </p>
+     <p> {{ lorem|safe }} </p>
    </div>
    <div class="tab-pane fade in active" id="name2">
      <p> Sample tabs, this one is the active one; A shorter Lorem <code> with embedded code </code> <span class='bold'>ipsum dolor</span> sit amet, consectetuer
@@ -23,13 +23,7 @@
 </div>
 
 
-<script>
- $(function () {
-    $('#myTab a:last').tab('show');
-  })
-</script>
-
-<div class='well'> quis nostrud exerci tation </div>
+<div class='well'> a sample of the 'well' class quis nostrud exerci tation </div>
 
 <div>
  {{ lorem }}   Lorem <span class='bold'>ipsum dolor</span> <code> counter += 1
diff --git a/slice/views.py b/slice/views.py
index c7d7c9da..4e8fab38 100644
--- a/slice/views.py
+++ b/slice/views.py
@@ -23,7 +23,7 @@ def sample (request):
     return render_to_response ('sample.html',
                                { 'lorem': lorem,
                                  'menu_items':
-                                     [ { 'label':'Some label', 'href': '/url1/','current':True, },
+                                     [ { 'label':'Some label', 'href': '/url1/','active':True, },
                                        { 'label':'Another topic ', 'href': '/other/'},
                                        ]},
                                context_instance=RequestContext(request))
-- 
2.43.0