Changeset 3491 in products

Timestamp:

Aug 9, 2012 3:56:44 PM (12 years ago)

Author:

kroman0

Message:

Added select for mobile menu

Location:

quintagroup.dropdownmenu/trunk/quintagroup/dropdownmenu

Files:

• browser/resources/drop_down.css (modified) (1 diff)
• browser/templates/sections.pt (modified) (1 diff)
• browser/templates/sections_mobile.pt (added)
• browser/viewlets.py (modified) (2 diffs)
• interfaces.py (modified) (1 diff)

quintagroup.dropdownmenu/trunk/quintagroup/dropdownmenu/browser/resources/drop_down.css

@@ -95 +95 @@
   color:#205C90;
   }
+#portal-globalnav-mobile {
+  display:none;
+  }
 
+@media (max-width:5in) {
+#portal-globalnav.mobileMenuOn {
+  display:none;
+  }
+#portal-globalnav-mobile {
+  display:block;
+  margin:0.5em;
+  min-width:150px;
+  }   
+}

quintagroup.dropdownmenu/trunk/quintagroup/dropdownmenu/browser/templates/sections.pt

@@ -2 +2 @@
           tal:condition="menu"
           i18n:domain="plone">
-    <ul id="portal-globalnav">
+    <ul id="portal-globalnav" tal:attributes="class python:view.conf.mobile_menu and 'mobileMenuOn' or ''">
         <li tal:replace="structure menu">
             DropDown Menu
         </li>
     </ul>
+    <select id="portal-globalnav-mobile"
+            tal:condition="view/conf/mobile_menu"
+            tal:content="structure view/createMenuMobile"
+            onchange="location = this.options[this.selectedIndex].value;">
+        <option value="" selected="selected">Menu</option>
+    </select>
 </tal:tabs>

quintagroup.dropdownmenu/trunk/quintagroup/dropdownmenu/browser/viewlets.py

@@ -79 +79 @@
     index = ViewPageTemplateFile('templates/sections.pt')
     recurse = ViewPageTemplateFile('templates/sections_recurse.pt')
+    mobile = ViewPageTemplateFile('templates/sections_mobile.pt')
 
     def update(self):
@@ -255 +256 @@
 
     @dropdowncache
+    def createMenuMobile(self):
+        html = self.mobile(children=self.portal_tabs(), level=1)
+        return xhtmlslimmer.compress(html).strip('\n')
+
+    @dropdowncache
     def createMenu(self):
         html = self.recurse(children=self.portal_tabs(), level=1)

quintagroup.dropdownmenu/trunk/quintagroup/dropdownmenu/interfaces.py

@@ -93 +93 @@
 
     caching_strategy = schema.Choice(
-    title=_(u"Select caching strategy"),
-    description=_(u"Caching strategy defines how the cache key will be built."
-                 ),
-    default="anonymous",
-    vocabulary=cachings
-    )
+        title=_(u"Select caching strategy"),
+        description=_(u"Caching strategy defines how the cache key will be "
+                      u"built."),
+        default="anonymous",
+        vocabulary=cachings
+        )
+
+    mobile_menu = schema.Bool(
+        title=_(u"Display menu as select for small screens"),
+        description=_(u"Use select tag to display menu for small screens"),
+        default=False,
+        )