[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> </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"> </span></td>
<td><span tal:attributes="size item/size/sizeForSorting"
tal:content="item/size/sizeForDisplay"> </span></td>
<td><span tal:define="created item/created|default"
tal:content="created"> </span></td>
<td><span tal:define="modified item/modified|default"
tal:content="modified"> </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> </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"> </span></td>
<td><span tal:attributes="size item/size/sizeForSorting"
tal:content="item/size/sizeForDisplay"> </span></td>
<td><span tal:define="created item/created|default"
tal:content="created"> </span></td>
<td><span tal:define="modified item/modified|default"
tal:content="modified"> </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"> </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"> </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;">»</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"> </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;
+}
+