[Checkins] SVN: z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/ made the interface to the button demo look much prettier.

[Paul Carduner]

Log message for revision 77553:
  made the interface to the button demo look much prettier.

Changed:
  U   z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/browser.py
  A   z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.css
  U   z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.pt
  U   z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/configure.zcml

-=-
Modified: z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/browser.py
===================================================================
--- z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/browser.py	2007-07-07 03:57:20 UTC (rev 77552)
+++ z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/browser.py	2007-07-07 05:21:57 UTC (rev 77553)
@@ -18,11 +18,14 @@
 __docformat__="restructuredtext"
 import os.path
 import zope.interface
+from zope.viewlet.viewlet import CSSViewlet
 from z3c.form import form, button, field
 from z3c.form.interfaces import IWidgets
 from z3c.formui import layout
 from z3c.formjs import jsaction, jsevent
 
+ButtonCSSViewlet = CSSViewlet('button.css')
+
 class IButtons(zope.interface.Interface):
     show = jsaction.JSButton(title=u'Show JavaScript')
     hide = jsaction.JSButton(title=u'Hide JavaScript')

Added: z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.css
===================================================================
--- z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.css	                        (rev 0)
+++ z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.css	2007-07-07 05:21:57 UTC (rev 77553)
@@ -0,0 +1,66 @@
+body{
+  background: #523614;
+}
+
+#content{
+  margin: auto;
+  margin-top: 20px;
+  border: 2px solid #825822;
+  width: 155ex;
+  background: #d99338;
+  padding: 0;
+  height: 90ex;
+}
+
+h1{
+  padding: 5px;
+  background: #fcab42;
+}
+
+#header{
+  border-bottom: 1px solid #825822;
+}
+
+#leftside{
+  float: left;
+}
+#rightside{
+  float: right;
+}
+
+#form,
+#codearea,
+#jsarea{
+  border: 1px solid #825822;
+  margin: 1ex;
+  max-height: 40ex;
+}
+
+#codearea{
+  max-height: 80ex;
+}
+
+#form{
+  width: 50ex;
+  padding: 1ex;
+}
+
+#codearea,
+#jsarea{
+  border: 1px solid #825822;
+  width: 75ex;
+  background: #fcd29a;
+}
+
+#javascript,
+div.code{
+  overflow: auto;
+  max-height: 73ex;
+  margin-left: 1ex;
+}
+
+select,
+input {
+  background: #fcd29a;
+  border: 1px solid #825822;
+}
\ No newline at end of file


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

Modified: z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.pt
===================================================================
--- z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.pt	2007-07-07 03:57:20 UTC (rev 77552)
+++ z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.pt	2007-07-07 05:21:57 UTC (rev 77553)
@@ -1,21 +1,30 @@
-<h1>JavaScript Buttons</h1>
-<div metal:use-macro="macro:form" />
 
-<h1>Code</h1>
-<div id="browser-py" class="code" style="display: none;">
-  <h2>browser.py</h2>
-  <pre tal:content="python: view.getFile('browser.py')" />
+<h1 id="header">JavaScript Buttons</h1>
+<div id="leftside">
+  <div id="jsarea">
+    <h1>Generated JS
+    <span tal:repeat="action view/actions/values" 
+	  tal:replace="structure action/render" /></h1>
+      <pre id="javascript" style="display: none;"
+	   tal:content="provider:IJavaScript" />
+  </div>
 </div>
-<div id="button-pt" class="code" style="display: none;">
-  <h2>button.pt</h2>
-  <pre tal:content="python: view.getFile('button.pt')" />
-</div>
-<div id="configure-zcml" class="code" style="display: none;">
-  <h2>configure.zcml</h2>
-  <pre tal:content="python: view.getFile('configure.zcml')" />
-</div>
-
-<h1>Generated JS</h1>
-<pre id="javascript" style="display: none;"
-     tal:content="provider:IJavaScript" />
-
+<div id="rightside">
+  <div id="codearea">
+    <h1>Code
+      <span tal:content="structure view/widgets/file/render" />
+    </h1>
+    <div id="browser-py" class="code" style="display: none;">
+      <h2>browser.py</h2>
+      <pre tal:content="python: view.getFile('browser.py')" />
+    </div>
+    <div id="button-pt" class="code" style="display: none;">
+      <h2>button.pt</h2>
+      <pre tal:content="python: view.getFile('button.pt')" />
+    </div>
+    <div id="configure-zcml" class="code" style="display: none;">
+      <h2>configure.zcml</h2>
+      <pre tal:content="python: view.getFile('configure.zcml')" />
+    </div>
+  </div>
+</div>
\ No newline at end of file

Modified: z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/configure.zcml
===================================================================
--- z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/configure.zcml	2007-07-07 03:57:20 UTC (rev 77552)
+++ z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/configure.zcml	2007-07-07 05:21:57 UTC (rev 77553)
@@ -1,5 +1,5 @@
 <configure
-    xmlns="http://namespaces.zope.org/zope"
+    xmlns="http://namespaces.zope.org/browser"
     xmlns:z3c="http://namespaces.zope.org/z3c"
     i18n_domain="z3c.formjsdemo">
 
@@ -17,4 +17,20 @@
       layer="z3c.formjsdemo.layer.IDemoBrowserLayer"
       />
 
+  <zrt-resource
+      name="button.css"
+      file="button.css"
+      layer="z3c.formjsdemo.layer.IDemoBrowserLayer"
+      />
+
+  <viewlet
+      name="button.css"
+      view=".browser.ButtonForm"
+      manager="z3c.formjsdemo.skin.ICSS"
+      class=".browser.ButtonCSSViewlet"
+      permission="zope.Public"
+      layer="z3c.formjsdemo.layer.IDemoBrowserLayer"
+      />
+
+
 </configure>