[Zope3-checkins] CVS: Zope3/src/zope/app/browser/skins/zopetop/www - folder_contents.pt:1.1 view_macros.pt:1.4 widget_macros.pt:1.5 zopetop.css:1.2

Sidnei da Silva sidnei@x3ng.com.br
Sat, 1 Mar 2003 12:32:53 -0500


Update of /cvs-repository/Zope3/src/zope/app/browser/skins/zopetop/www
In directory cvs.zope.org:/tmp/cvs-serv16602/src/zope/app/browser/skins/zopetop/www

Modified Files:
	view_macros.pt widget_macros.pt zopetop.css 
Added Files:
	folder_contents.pt 
Log Message:
More cleanup on Zopetop. Now we have basically everything that the Rotterdam skin has. Need to make sure request/URL/1 is the right way to get pass baseurl to the tree.

=== Added File Zope3/src/zope/app/browser/skins/zopetop/www/folder_contents.pt ===
<html metal:use-macro="views/standard_macros/page">
<head>
<style metal:fill-slot="headers" type="text/css">
</style>
</head>
<body>

<div metal:fill-slot="body">
<div metal:define-macro="contents">

      <table id="sortable" class="listing" summary="Content listing"
             tal:condition="request/type_name|nothing"
             tal:define="container_contents view/listContentInfo"
             >
    
        <thead> 
          <tr>
            <th>&nbsp;</th>
            <th>Name</th>
            <th>Title</th>
            <th>Size</th>
            <th>Created</th>
            <th>Modified</th>
          </tr>
        </thead>

        <tbody>
          <tr>
          <td></td>
          <td>
          <form name="addForm" action="+/action.html" method="POST">
            <input type="hidden" name="type_name" 
                   tal:attributes="value request/type_name">
            <input name="id" value="">
          </form>
          </td>
          <td></td>
          <td></td>
          <td></td>
          </tr>

          <metal:block tal:repeat="item container_contents">
            <tr tal:define="oddrow repeat/item/odd; url item/url"
                tal:attributes="class python:oddrow and 'even' or 'odd'" > 
              <td>
                <input type="checkbox" class="noborder" name="ids:list" id="#"
                       value="#"
                       tal:attributes="value item/id;
                                       id python: 'cb_'+item['id'];
                                       checked request/ids_checked|nothing;"/>
              </td>
              <td> 
                <a href="#" 
                   tal:attributes="href 
                                   string:${url}/@@SelectedManagementView.html"
                   tal:content="structure item/icon|default"
                   >
                </a> 
                <a href="#" 
                   tal:attributes="href 
                                   string:${url}/@@SelectedManagementView.html"
                   tal:content="item/id"
                   >foo</a> 
              </td>
              <td><span tal:content="item/title|default">&nbsp;</span></td>
              <td><span tal:attributes="size item/size/sizeForSorting"
                        tal:content="item/size/sizeForDisplay">&nbsp;</span></td>
              <td><span tal:define="created item/created|default"
                        tal:content="created">&nbsp;</span></td>
              <td><span tal:define="modified item/modified|default"
                        tal:content="modified">&nbsp;</span></td>
            </tr>
          </metal:block>

        </tbody> 
      </table>

      <script tal:condition="request/type_name|nothing"><!--
          prettydump('focus', LG_INFO);
          document.addForm.id.focus();
          //-->
      </script>


  <form name="containerContentsForm" method="get" action="." 
        tal:condition="not:request/type_name|nothing"
        tal:define="container_contents view/listContentInfo"
        >


      <table id="sortable" class="listing" summary="Content listing"
             metal:define-macro="contents_table"
             >
    
        <thead> 
          <tr>
            <th>&nbsp;</th>
            <th>Name</th>
            <th>Title</th>
            <th>Size</th>
            <th>Created</th>
            <th>Modified</th>
          </tr>
        </thead>

        <tbody>

        <metal:block tal:repeat="item container_contents">
          <tr tal:define="oddrow repeat/item/odd; url item/url"
              tal:attributes="class python:oddrow and 'even' or 'odd'" > 
            <td>
              <input type="checkbox" class="noborder" name="ids:list" id="#"
                     value="#"
                     tal:attributes="value item/id;
                                     id python: 'cb_'+item['id'];
                                     checked request/ids_checked|nothing;"/>
            </td>
            <td> 
              <a href="#" 
                 tal:attributes="href 
                                 string:${url}/@@SelectedManagementView.html"
                 tal:content="structure item/icon|default"
                 >
              </a> 
              <a href="#" 
                 tal:attributes="href 
                                 string:${url}/@@SelectedManagementView.html"
                 tal:content="item/id"
                 >foo</a> 
            </td>
            <td><span tal:content="item/title|default">&nbsp;</span></td>
            <td><span tal:attributes="size item/size/sizeForSorting"
                      tal:content="item/size/sizeForDisplay">&nbsp;</span></td>
            <td><span tal:define="created item/created|default"
                      tal:content="created">&nbsp;</span></td>
            <td><span tal:define="modified item/modified|default"
                      tal:content="modified">&nbsp;</span></td>
          </tr>
        </metal:block>

        </tbody> 
      </table>

      <input type="submit" name="@@rename.html:method" value="Rename" />
      <input type="submit" name="@@cutObjects.html:method" value="Cut"/>
      <input type="submit" name="@@copyObjects.html:method" value="Copy"/>
      <input type="submit" name="@@pasteObjects.html:method" value="Paste"
             tal:condition="view/hasClipboardContents" />
      <input type="submit" name="@@removeObjects.html:method" value="Delete"/>

  </form>

</div>

</div>
</body>
</html>






=== Zope3/src/zope/app/browser/skins/zopetop/www/view_macros.pt 1.3 => 1.4 ===
--- Zope3/src/zope/app/browser/skins/zopetop/www/view_macros.pt:1.3	Sat Mar  1 10:49:40 2003
+++ Zope3/src/zope/app/browser/skins/zopetop/www/view_macros.pt	Sat Mar  1 12:32:52 2003
@@ -11,6 +11,8 @@
         tal:attributes="href context/++resource++zopetop.css" />
 <script type="text/javascript" src="pdlib.js"
         tal:attributes="src context/++resource++pdlib.js"></script>
+<script type="text/javascript" src="xmltree.js" 
+        tal:attributes="src string:${context/++resource++xmltree.js}"></script>
 
 <style type="text/css">
 </style>
@@ -20,7 +22,11 @@
 
 
 </head>
-<body>
+<body onload="loadtree('');"
+      tal:define="rooturl     request/URL/1;
+                  thisbaseurl request/URL/-1"
+        tal:attributes="onload string:loadtree('${rooturl}/', '${thisbaseurl}/')">
+
 <div class="top">
   <img src="zope3logo.jpg" width="366" height="37" 
                    alt="Zope 3 Logo"
@@ -32,42 +38,17 @@
 <table class="columns">
    <tr>
      <td class="left">
-            <div class="box-holder">
-            <img src="spacer3.gif" width="150" height="8" class="drop-target"
-                 tal:attributes="src context/++resource++spacer3.gif" /> 
-	    <span metal:use-macro="views/standard_macros/explorer_box" />
-            </div>
-            <div class="box-holder">
-            <img src="spacer3.gif" width="150" height="8" class="drop-target"
-                 tal:attributes="src context/++resource++spacer3.gif" /> 
-            <span metal:use-macro="views/standard_macros/search_box" />
-            </div>
-            <img src="spacer3.gif" width="150" height="8" class="drop-target"
-             tal:attributes="src context/++resource++spacer3.gif" />
+            <span metal:use-macro="views/standard_macros/navigation_box" />
+            <span metal:use-macro="views/standard_macros/commontasks_box" />
      </td>
      <td class="main">
          <span metal:use-macro="views/standard_macros/content_header_bar" />
          <span metal:define-slot="body"></span>
      </td>
      <td class="right">
-            <div class="box-holder">
-            <img src="spacer3.gif" width="150" height="8" class="drop-target"
-             tal:attributes="src context/++resource++spacer3.gif" />
             <span metal:use-macro="views/standard_macros/metadata_box" />
-            </div>
-            <div class="box-holder">
-            <img src="spacer3.gif" width="150" height="8" class="drop-target"
-             tal:attributes="src context/++resource++spacer3.gif" />
             <span metal:use-macro="views/standard_macros/views_box" />
-            </div>
-            <div class="box-holder">
-            <img src="spacer3.gif" width="150" height="8" class="drop-target"
-             tal:attributes="src context/++resource++spacer3.gif" />
             <span metal:use-macro="views/standard_macros/services_box" />
-            </div>
-            <img src="spacer3.gif" width="150" height="8" class="drop-target"
-             tal:attributes="src context/++resource++spacer3.gif" />
-
      </td>
    </tr>
 </table>


=== Zope3/src/zope/app/browser/skins/zopetop/www/widget_macros.pt 1.4 => 1.5 ===
--- Zope3/src/zope/app/browser/skins/zopetop/www/widget_macros.pt:1.4	Sat Mar  1 10:49:40 2003
+++ Zope3/src/zope/app/browser/skins/zopetop/www/widget_macros.pt	Sat Mar  1 12:32:52 2003
@@ -13,40 +13,55 @@
    >Logged in as <span tal:replace="request/user/getTitle"
    >dtremea</span></div>
 
+<div class="box" id="navigationTree" metal:define-macro="navigation_box">
 
-<table metal:define-macro="services_box" align="center" class="box"
-       width="150">
-    <thead>
-      <tr> 
-        <th align="center" class="boxtop">Services</th>
-	<th class="empty">&nbsp;</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-	<td colspan="2" nowrap="nowrap" class="highlightable">
+  <h5>Navigation</h5>
 
-    <img src="user_accounts.gif" width="22" height="28"
+  <div xmlns="http://www.zope.org/zope3xmltree"
+       id="navtreecontents" 
+       class="body" 
+       onclick="treeclicked(event);">Loading...
+  </div>
+
+</div>
+
+<div class="box" id="commonTasks" 
+       tal:define="view context/@@commonTasks|nothing"
+       tal:condition="view"
+       metal:define-macro="commontasks_box">
+
+  <h5>Common Tasks</h5>
+
+  <div class="body" tal:content="structure view">
+      CommonTasks
+  </div>
+</div>
+
+<div class="box" metal:define-macro="services_box">
+  <h5>Services</h5>
+   <div class="body">
+   <div class="content even">
+   <img src="user_accounts.gif" width="22" height="28"
       tal:attributes="src context/++resource++user_accounts.gif" />
     User Accounts
-    <br />
+   </div>
+   <div class="content odd">
     <img src="control_panels.gif" width="24" height="28"
       tal:attributes="src context/++resource++control_panels.gif" />
     Control Panels
-    <br />
+   </div>
+   <div class="content even">
     <img src="system_security.gif" width="23" height="28"
       tal:attributes="src context/++resource++system_security.gif" />
     System Security
-    <br />
+   </div>
+   <div class="content odd">
     <img src="add_more.gif" width="26" height="28"
       tal:attributes="src context/++resource++add_more.gif" />
     Add More
-
-	</td>
-      </tr>
-    </tbody>
-</table>
-
+   </div>
+  </div>
+</div>
 
 <table metal:define-macro="explorer_box" align="center" class="box" width="150">
   <thead>
@@ -85,25 +100,6 @@
     </tbody>
   </table>
 
-  <table metal:define-macro="views_box" align="center" class="box" width="150">
-    <thead>
-      <tr> 
-        <th align="center" class="boxtop">Views</th>
-	<th class="empty">&nbsp;</th>
-      </tr>
-      </thead>
-      <tbody>
-      <tr tal:repeat="view context/@@view_get_menu/zmi_views"> 
-	<td colspan="2"> <a href="" 
-	  tal:attributes="href view/action">
-	  <span style="color: #E9A90F; font-size: 15px;
-	  font-weight: bold;">&raquo;</span> 
-                    <span tal:content="view/title">Contents</span></a>
-	</td>
-      </tr>
-      </tbody>
-    </table>
-
   <table metal:define-macro="search_box" align="center" class="box"
          width="150">
     <thead>
@@ -124,53 +120,36 @@
     </tbody>
   </table>
 
-  <table metal:define-macro="metadata_box" align="center" class="box"
-         width="150">
-    <thead>
-      <tr> 
-        <th align="center" class="boxtop">Metadata</th>
-	<th class="empty">&nbsp;</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-	<td colspan="2" nowrap="nowrap">
-
-    <form name="metadata">
-    <table border="0" cellspacing="0" cellpadding="0">
-      <tr>
-
-        <td>Title</td>
-        <td><input type="edit" size="10" name="title:string"
-                   value=""></td>
-      </tr>
-      <tr>
-        <td>Creator</td>
-        <td>mowgli</td>
-      </tr>
-
-      <tr>
-        <td>Last Modified</td>
-        <td>09-06</td>
-      </tr>
-      <tr>
-        <td>Keywords</td>
-        <td>Many</td>
-
-      </tr>
-      <tr>
-        <td colspan="2">
-          <input type="submit" name="save" value="Save Changes">
-        </td>
-      </tr>
-    </table>
-    </form>
-
-	</td>
-      </tr>
-    </tbody>
-  </table>
-
+  <div class="box"
+       tal:define="views context/@@view_get_menu/zmi_views|nothing"
+       tal:condition="views"
+       metal:define-macro="views_box">
+
+  <h5>Views</h5>
+
+  <div class="body">
+     <div class="content" tal:repeat="view views">
+       <a href="" tal:attributes="href view/action"
+                  tal:content="view/title">
+          View
+       </a>
+     </div>
+  </div>
+  </div>
+
+  <div class="box"
+       tal:define="view context/@@MetaDataBox|nothing"
+       tal:condition="view"
+       metal:define-macro="metadata_box">
+
+  <h5>Metadata</h5>
+
+  <div class="body">
+     <div class="content" tal:content="structure view">
+      Some metadata
+     </div>
+  </div>
+  </div>
 
 <div class="breadcrumbs" metal:define-macro="content_header_bar">
   <span class="help">


=== Zope3/src/zope/app/browser/skins/zopetop/www/zopetop.css 1.1 => 1.2 ===
--- Zope3/src/zope/app/browser/skins/zopetop/www/zopetop.css:1.1	Sat Mar  1 10:49:40 2003
+++ Zope3/src/zope/app/browser/skins/zopetop/www/zopetop.css	Sat Mar  1 12:32:52 2003
@@ -235,7 +235,7 @@
 
 table.listing td {
     border-right: 1px solid #7B7AC6;
-    padding: 2px 1em 2px 1em;
+    padding: 0.1em 0.4em 0.1em 0.4em;
 }
 
 table.listing a:hover {
@@ -277,7 +277,6 @@
     width: 20%;
 }
 
-
 div.breadcrumbs{ 
     background-color: #ccccff;
     margin-top: 0.5em;
@@ -291,7 +290,62 @@
 div.breadcrumbs span.help { 
    float: right;
    position: relative;
-   bottom: 0.2em;
+   bottom: 0.5em;
+}
+
+div.box { 
+    border: none;
+    margin: 0.5em 0.5em 0em 0.5em;
+    padding: 0;
+}
+
+div.box h4 { 
+    font-size: 1em;
+}            
+
+div.box h5 {  
+    background: #E5E5E5;
+    border: 1px solid #A3A3A3;
+    border-style: solid solid none solid;
+    color: #808080;
+    padding: 0em 1em 0em 1em;
+    text-transform: lowercase;
+    display: inline;
+    font-size: 1em;
+    height: 1em;
+ }             
+
+div.box h6 {  
+    background: #E5E5E5;
+    border: 1px solid #A3A3A3;
+    border-style: solid solid none solid;
+    color: #808080;
+    padding: 0em 1em 0em 1em;
+    text-transform: lowercase;
+    display: block;
+    font-size: 1em;
+    height: 1.2em;
+}
+
+div.box div.body { 
+    background: transparent;
+    border-collapse: collapse;
+    border: 1px solid #A3A3A3;
+}
+
+div.box .content { 
+    padding-left: 0.6em;
+    padding-right: 0.6em;
+    padding-top: 0.4em;
+    padding-bottom: 0.4em;
+}
+
+div.box .even { 
+    background-color: #CCCCFF;
+}                
+
+div.box .odd { 
+    background-color: White;
 }
 
 .darker {
@@ -347,4 +401,42 @@
   border: 2px solid transparent;
   visibility: hidden;
 }
+
+#navtreecontents a {
+       cursor: pointer;
+}
+
+#navtreecontents loading {
+       display: block;
+       padding-left: 31px;
+       height: 20px;
+}
+
+#navtreecontents expand {
+       background-repeat: no-repeat;
+       padding-left: 14px;
+       display: inline;
+       cursor: pointer;
+       padding-bottom: 0.2em;
+       padding-top: 0.2em;
+}
+
+#navtreecontents icon {
+       background-repeat: no-repeat;
+       padding-left: 20px;
+       display: inline;
+       cursor: auto;
+       padding-bottom: 0.2em;
+       padding-top: 0.2em;
+}
+
+#navtreecontents collection {
+       display: block;
+       margin-left: 10px;
+/*     border: red solid 1pt;  */
+       height: auto;
+       padding-bottom: 0em;
+       padding-top: 0.4em;
+}
+