[Checkins] SVN: z3c.formjsdemo/trunk/src/z3c/formjsdemo/ Made the index look prettier among other small css changes.

[Paul Carduner]

Log message for revision 77630:
  Made the index look prettier among other small css changes.

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

-=-
Added: z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/browser.py
===================================================================
--- z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/browser.py	                        (rev 0)
+++ z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/browser.py	2007-07-08 16:17:58 UTC (rev 77630)
@@ -0,0 +1,32 @@
+##############################################################################
+#
+# Copyright (c) 2007 Zope Foundation and Contributors.
+# All Rights Reserved.
+#
+# This software is subject to the provisions of the Zope Public License,
+# Version 2.1 (ZPL).  A copy of the ZPL should accompany this distribution.
+# THIS SOFTWARE IS PROVIDED "AS IS" AND ANY AND ALL EXPRESS OR IMPLIED
+# WARRANTIES ARE DISCLAIMED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+# WARRANTIES OF TITLE, MERCHANTABILITY, AGAINST INFRINGEMENT, AND FITNESS
+# FOR A PARTICULAR PURPOSE.
+#
+##############################################################################
+"""Browser code for JS button demo.
+
+$Id: layer.py 75942 2007-05-24 14:53:46Z srichter $
+"""
+__docformat__="restructuredtext"
+from zope.security.proxy import removeSecurityProxy
+from zope.viewlet.viewlet import CSSViewlet
+
+from z3c.formjsdemo.chat.interfaces import IChatRoom
+
+IndexCSSViewlet = CSSViewlet('index.css')
+
+
+class IndexView(object):
+    """A simple index view for the demos."""
+    
+    def chatRooms(self):
+        return filter(IChatRoom.providedBy,
+                      removeSecurityProxy(self.context).values())


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

Modified: z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/configure.zcml
===================================================================
--- z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/configure.zcml	2007-07-08 16:15:50 UTC (rev 77629)
+++ z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/configure.zcml	2007-07-08 16:17:58 UTC (rev 77630)
@@ -4,12 +4,34 @@
     xmlns:z3c="http://namespaces.zope.org/z3c"
     i18n_domain="z3c.formjsdemo">
 
-  <page
+  <z3c:pagelet
       name="index.html"
       for="zope.app.folder.interfaces.IFolder"
+      class=".browser.IndexView"
+      layer="z3c.formjsdemo.layer.IDemoBrowserLayer"
+      permission="zope.Public"
+      />
+
+  <z3c:template
       template="index.pt"
+      for=".browser.IndexView"
       layer="z3c.formjsdemo.layer.IDemoBrowserLayer"
+      />
+
+  <zrt-resource
+      name="index.css"
+      file="index.css"
+      layer="z3c.formjsdemo.layer.IDemoBrowserLayer"
+      />
+
+  <viewlet
+      name="index.css"
+      view=".browser.IndexView"
+      manager="z3c.formjsdemo.skin.ICSS"
+      class=".browser.IndexCSSViewlet"
       permission="zope.Public"
+      layer="z3c.formjsdemo.layer.IDemoBrowserLayer"
       />
 
+
 </configure>

Added: z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/index.css
===================================================================
--- z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/index.css	                        (rev 0)
+++ z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/index.css	2007-07-08 16:17:58 UTC (rev 77630)
@@ -0,0 +1 @@
+//css
\ No newline at end of file


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

Modified: z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/index.pt
===================================================================
--- z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/index.pt	2007-07-08 16:15:50 UTC (rev 77629)
+++ z3c.formjsdemo/trunk/src/z3c/formjsdemo/browser/index.pt	2007-07-08 16:17:58 UTC (rev 77630)
@@ -17,6 +17,12 @@
 
   <div>
     <a href="/addChatRoom.html">AJAX Chat Room</a>
+    <ul>
+      <li tal:repeat="room view/chatRooms">
+	<a tal:attributes="href room/@@absolute_url"
+	   tal:content="room/topic">Chat Room</a>
+      </li>
+    </ul>
   </div>
 
 </div>

Modified: z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.css
===================================================================
--- z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.css	2007-07-08 16:15:50 UTC (rev 77629)
+++ z3c.formjsdemo/trunk/src/z3c/formjsdemo/button/button.css	2007-07-08 16:17:58 UTC (rev 77630)
@@ -6,10 +6,10 @@
   margin: auto;
   margin-top: 20px;
   border: 2px solid #825822;
-  width: 155ex;
+  width: 145ex;
   background: #d99338;
   padding: 0;
-  height: 90ex;
+  height: 80ex;
 }
 
 h1{
@@ -48,14 +48,14 @@
 #codearea,
 #jsarea{
   border: 1px solid #825822;
-  width: 75ex;
+  width: 70ex;
   background: #fcd29a;
 }
 
 #javascript,
 div.code{
   overflow: auto;
-  max-height: 73ex;
+  max-height: 65ex;
   margin-left: 1ex;
 }
 

Modified: z3c.formjsdemo/trunk/src/z3c/formjsdemo/skin/demo.css
===================================================================
--- z3c.formjsdemo/trunk/src/z3c/formjsdemo/skin/demo.css	2007-07-08 16:15:50 UTC (rev 77629)
+++ z3c.formjsdemo/trunk/src/z3c/formjsdemo/skin/demo.css	2007-07-08 16:17:58 UTC (rev 77630)
@@ -9,6 +9,7 @@
 form {
     margin: 0px;
     padding: 0px;
+    max-width: 300px;
 }
 
 img {
@@ -16,22 +17,22 @@
 }
 
 a {
-    color: #D91813;
+    color: red;
     text-decoration: none;
 }
 
 a:link {
-    color: #D91813;
+    color: red;
     text-decoration: none;
 }
 
 a:visited {
-    color: #A68E8E;
+    color: red;
     text-decoration: none;
 }
 
 a:hover {
-    color: #8C100D;
+    color: blue;
 }
 
 fieldset {
@@ -63,7 +64,6 @@
 }
 
 h4 {
-    color: #777777;
     font-size: 100%;
     font-weight: bold;
 }