Changeset 5958

Timestamp:

22 Apr 2011, 02:00:44 (13 years ago)

Author:

uli

Message:

Register the CSS files in static/ as resources. This way we can
include them programmatically in views without knowing about any real
filesystem locations, dependencies and the like. hurry.resource will
inject correctly formed links to these CSS files for us.

Also add a javascript file as resource that can render jQuery tabs.

File:

• main/waeup.sirp/trunk/src/waeup/sirp/browser/resources.py (modified) (2 diffs)

main/waeup.sirp/trunk/src/waeup/sirp/browser/resources.py

@@ -22 +22 @@
 """Special JavaScript and CSS resources provided by waeup.sirp.
 """
+from hurry import yui
 from hurry.resource import Library, ResourceInclusion
-from hurry.jqueryui import jqueryui
+from hurry.jqueryui import jqueryui, base, blitzer, ui_lightness, humanity
+from hurry.jquery import jquery
+
 
 #: All local resources are registered under the name ``waeup_sirp``.
@@ -82 +85 @@
 #:   <input type="submit" name="xyz" value="abc"/>
 #:          onclick="return confirmPost('Are you sure?')">
-                               
 warning = ResourceInclusion(waeup_sirp, 'warning.js')        
+
+#: A resource that binds jQueryUI tabs to <div> tags with class
+#: ``tabs``.
+#:
+#:
+#: If you want jQuery tabs for some <div>s in your page then you
+#: have to perform two steps:
+#:
+#: * In the `update()` method of the responsible view/page/form
+#:   require the JavaScript code to be rendered into the page:
+#:
+#:     from waeup.sirp.browser.resources import tabs
+#:     ...
+#:     class MyPage(...):
+#:       ...
+#:       def update(self):
+#:         tabs.need()
+#:
+#:   This way all required JavaScripts will be rendered correctly
+#:   into the HTML page generated.
+#:
+#: * In your HTML code add some ``<div>`` tag with ``class`` set to
+#    ``tabs``, like this::
+#:    
+#:      <div id="tabs">
+#:        <ul>
+#:          <li><a href="#tab-1"><span>Tab 1 Heading</span></a></li>
+#:          <li><a href="#tab-2"><span>Tab 2 Heading</span></a></li>
+#:        </ul>
+#:        <div id="tab-1">
+#:          Content of tab 1
+#:        </div>
+#:        <div id="tab-2">
+#:          Content of tab 2
+#:        </div>
+#:      </div>
+#:
+#: When the HTML is rendered, clicking into one of the tabs will make
+#: other <div>s disappear. See
+#:
+#:   http://jqueryui.com/demos/tabs/
+#:
+#: for details.
+#:
+tabs = ResourceInclusion(waeup_sirp, 'tabs.js',
+                         depends=[base, jquery, jqueryui])
+
+#: Register basic YUI based CSS as a resource.
+yuiapp_css = ResourceInclusion(
+    waeup_sirp, 'yuiapp.css',
+    depends=[yui.reset_fonts_grids, yui.sam])
+
+#: Register basic WAeUP base CSS (which is based on ``yuiapp.css`` as a
+#: resource.
+waeup_base_css = ResourceInclusion(
+    waeup_sirp, 'waeup-base.css',
+    depends=[yuiapp_css])
+
+#: The red WAeUP theme registered as a resource.
+waeuptheme_red1 = ResourceInclusion(
+    waeup_sirp, 'waeuptheme-red1.css',
+    depends=[waeup_base_css, base])
+
+#: The gray WAeUP theme registered as a resource.
+waeuptheme_gray1 = ResourceInclusion(
+    waeup_sirp, 'waeuptheme-gray1.css',
+    depends=[waeup_base_css])