[Zope-CVS] CVS: Products/CompositePage/manual - header.pt:1.1.2.1 manual.js:1.1.2.1 manual_styles.css:1.1.2.1 page.pt:1.1.2.1

[Shane Hathaway]

Update of /cvs-repository/Products/CompositePage/manual
In directory cvs.zope.org:/tmp/cvs-serv21828/manual

Added Files:
      Tag: composite-flat-ui-branch
	header.pt manual.js manual_styles.css page.pt 
Log Message:
The manual slotting interface now renders.


=== Added File Products/CompositePage/manual/header.pt ===
<!-- manual/header.pt -->
<tal:block tal:define="url options/ui/absolute_url">
<link rel="stylesheet" type="text/css"
  tal:attributes="href string:${url}/pdstyles_css" />
<link rel="stylesheet" type="text/css"
  tal:attributes="href string:${url}/manual_styles_css" />
<script type="text/javascript" 
  tal:attributes="src string:${url}/pdlib_js"></script>
<script type="text/javascript" 
  tal:attributes="src string:${url}/edit_js"></script>
<script type="text/javascript" 
  tal:attributes="src string:${url}/manual_js"></script>
<script type="text/javascript" tal:content="structure string:
var ui_url = '${url}';
"></script>
</tal:block>


=== Added File Products/CompositePage/manual/manual.js ===
// Copyright (c) 2004 Zope Corporation and Contributors.
// All Rights Reserved.
//
// This software is subject to the provisions of the Zope Public License,
// Version 2.0 (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.

// Composite editing scripts (based on PDLib)

function setUpSlotElement(node) {
  pd_setupDragUI(node, composite_move, composite_checkmove);
  pd_setupContextMenu(node, 'slot-element-context-menu', null, true);
}

pd_node_setup['slot_element'] = setUpSlotElement;


=== Added File Products/CompositePage/manual/manual_styles.css ===

.slot_top {
  background-color: #003366;
  color: white;
  font-weight: bold;
}

.slot_element, .slot_empty {
  background-color: #cccccc;
  border-bottom: 1px solid black;
  padding-left: 8px;
}

.slot_element a, .slot_empty em {
  font-size: small;
}

.slot_bottom {
  background-color: #336699;
  font-size: small;
}

.slot_view_selector {
  float: right;
}

.slot-element-grip {
  display: none;
}


=== Added File Products/CompositePage/manual/page.pt ===
<h1 tal:replace="structure here/manage_page_header">Header</h1>
<h1 tal:replace="structure here/manage_tabs">Header</h1>

<div tal:define="ui python: here.getUI('manual');
  fragments python:ui.getFragments(here)">
<div tal:replace="structure fragments/header"></div>
<div tal:replace="structure fragments/top"></div>

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody tal:repeat="slot_info here/getSlotData">
<tr class="slot_top">
<td>
  <span tal:content="slot_info/title">Headliner story</span>
  - Slot <span tal:content="repeat/slot_info/number">1</span>
  <a href="#">+</a>
  <a href="#">-</a>
  <a href="#">C</a>
  <a href="#">X</a>
  <a href="#">P</a>
</td>
</tr>

<tr tal:repeat="element_info slot_info/elements">
<td class="slot_element" tal:attributes="source_path element_info/source_path">
<div class="slot_target"
  tal:attributes="target_path slot_info/target_path;
  target_index element_info/index"></div>
<select class="slot_view_selector">
<option value="">Choose a view...<option>
</select>
<div>
  <!--input type="checkbox" tal:attributes="name element_info/source_path" /-->
  <b tal:content="element_info/title">Reducing Post-Bypass Readmissions</b>
</div>
<div>
  <a href="#">edit</a> |
  <a href="#">preview</a> |
  <a href="#">move up</a> |
  <a href="#">move down</a>
</div>
<div class="slot_target"
  tal:attributes="target_path slot_info/target_path;
  target_index element_info/next_index"></div>
</td>
</tr>

<tr tal:condition="not: slot_info/elements">
<td class="slot_empty">
<div class="slot_target"
  tal:attributes="target_path slot_info/target_path;
  target_index string:0"></div>
<em>Empty space</em>
<div class="slot_target"
  tal:attributes="target_path slot_info/target_path;
  target_index string:0"></div>
</td>
</tr>

<tr class="slot_bottom">
<td>
  <a href="#">Add</a> |
  <a href="#">Remove</a> |
  <a href="#">Copy</a> |
  <a href="#">Cut</a> |
  <a href="#">Paste</a>
</td>
</tr>

<tr class="slot_spacer">
<td>&nbsp;</td>
</tr>

</tbody>
</table>

<div tal:replace="structure fragments/bottom"></div>
</div>

<h1 tal:replace="structure here/manage_page_footer">Footer</h1>