[Checkins] SVN: z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/
made the interface to the button demo look much prettier.
Paul Carduner
paulcarduner at gmail.com
Sat Jul 7 01:21:58 EDT 2007
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>
More information about the Checkins
mailing list