[Checkins] SVN: Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/ added button demo with nice jquery effects.

[Paul Carduner]

Log message for revision 76893:
  added button demo with nice jquery effects.

Changed:
  A   Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/browser.py
  A   Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.pt
  U   Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/configure.zcml
  U   Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/skin/__init__.py
  U   Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/skin/demo.css

-=-
Added: Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/browser.py
===================================================================
--- Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/browser.py	                        (rev 0)
+++ Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/browser.py	2007-06-21 11:22:01 UTC (rev 76893)
@@ -0,0 +1,20 @@
+import zope.interface
+from z3c.form import form, button
+from z3c.formui import layout
+from z3c.formjs import jsbutton
+
+class IButtons(zope.interface.Interface):
+    show = jsbutton.JSButton(title=u'Show Code')
+    hide = jsbutton.JSButton(title=u'Hide Code')
+
+class ButtonForm(layout.FormLayoutSupport, form.EditForm):
+
+    buttons = button.Buttons(IButtons)
+
+    @jsbutton.handler(IButtons['show'])
+    def apply(self, id):
+        return '$("#code").slideDown()'
+
+    @jsbutton.handler(IButtons['hide'])
+    def apply(self, id):
+        return '$("#code").slideUp()'


Property changes on: Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/browser.py
___________________________________________________________________
Name: svn:eol-style
   + native

Added: Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.pt
===================================================================
--- Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.pt	                        (rev 0)
+++ Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.pt	2007-06-21 11:22:01 UTC (rev 76893)
@@ -0,0 +1,26 @@
+<h1>JavaScript Buttons</h1>
+<div metal:use-macro="macro:form" />
+
+<h1>Code</h1>
+<pre id="code" style="display: none;">
+import zope.interface
+from z3c.form import form, button
+from z3c.formui import layout
+from z3c.formjs import jsbutton
+
+class IButtons(zope.interface.Interface):
+    show = jsbutton.JSButton(title=u'Show Code')
+    hide = jsbutton.JSButton(title=u'Hide Code')
+
+class ButtonForm(layout.FormLayoutSupport, form.EditForm):
+
+    buttons = button.Buttons(IButtons)
+
+    @jsbutton.handler(IButtons['show'])
+    def apply(self, id):
+        return '$("#code").slideDown()'
+
+    @jsbutton.handler(IButtons['hide'])
+    def apply(self, id):
+        return '$("#code").slideUp()'
+</pre>
\ No newline at end of file


Property changes on: Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.pt
___________________________________________________________________
Name: svn:eol-style
   + native

Modified: Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/configure.zcml
===================================================================
--- Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/configure.zcml	2007-06-21 10:42:32 UTC (rev 76892)
+++ Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/configure.zcml	2007-06-21 11:22:01 UTC (rev 76893)
@@ -1,6 +1,20 @@
 <configure
     xmlns="http://namespaces.zope.org/zope"
+    xmlns:z3c="http://namespaces.zope.org/z3c"
     i18n_domain="z3c.formjsdemo">
 
+  <z3c:pagelet
+      name="button.html"
+      for="zope.app.folder.interfaces.IFolder"
+      class=".browser.ButtonForm"
+      layer="z3c.formjsdemo.layer.IDemoBrowserLayer"
+      permission="zope.Public"
+      />
 
+  <z3c:template
+      template="button.pt"
+      for=".browser.ButtonForm"
+      layer="z3c.formjsdemo.layer.IDemoBrowserLayer"
+      />
+
 </configure>

Modified: Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/skin/__init__.py
===================================================================
--- Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/skin/__init__.py	2007-06-21 10:42:32 UTC (rev 76892)
+++ Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/skin/__init__.py	2007-06-21 11:22:01 UTC (rev 76893)
@@ -22,6 +22,7 @@
 from z3c.pagelet import browser
 from z3c.formui import interfaces
 from z3c.formjsdemo import layer
+from jquery.layer import IJQueryJavaScriptBrowserLayer
 
 
 class IDivDemoBrowserSkin(interfaces.IDivFormLayer, layer.IDemoBrowserLayer):
@@ -32,10 +33,9 @@
     """CSS viewlet manager."""
 
 
-class IJavaScript(IViewletManager):
+class IJavaScript(IViewletManager, IJQueryJavaScriptBrowserLayer):
     """JavaScript viewlet manager."""
 
 
 DemoCSSViewlet = CSSViewlet('demo.css')
 DemoJavaScriptViewlet = JavaScriptViewlet('demo.js')
-

Modified: Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/skin/demo.css
===================================================================
--- Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/skin/demo.css	2007-06-21 10:42:32 UTC (rev 76892)
+++ Sandbox/pcardune/z3c.formjsdemo/trunk/src/z3c/formjsdemo/skin/demo.css	2007-06-21 11:22:01 UTC (rev 76893)
@@ -1,5 +1,3 @@
-/* zrt-replace: "./img" tal"string:${context/++resource++img}" */
-
 body {
     font: 11px Verdana, Helvetica, Arial, sans-serif;
     margin: 0px;