<metal:block define-macro="dialog"><metal:block define-slot="doctype"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></metal:block>

<html
  xmlns="http://www.w3.org/1999/xhtml"
  xml:lang="en"
  lang="en" 
  i18n:domain="zope">

  <head>
    <!-- Waaa -->
    <title metal:define-slot="title" i18n:translate="">Z3 UI</title>


    <style type="text/css" 
           media="all"
           tal:content=
           "string: @import url(${context/++resource++zope3.css});"
           >
      @import url(zope3.css);
    </style>

    <metal:block define-slot="headers" />
    <metal:block define-slot="style_slot" />
    <metal:block define-slot="ecmascript_slot" />

    <!--
    <script type="text/javascript" src="xmltree.js" 
            tal:attributes="src string:${context/++resource++xmltree.js}"
            ></script>
    -->
    <link rel="icon" type="image/png"
          tal:attributes="href context/++resource++favicon.png" />
  </head>

  <body onload="loadtree('');"
        tal:define="rooturl     request/getApplicationURL;
                    thisbaseurl request/URL/-1;
                    "
        tal:attributes="
          onload string:loadtree('${rooturl}/', '${thisbaseurl}/');
          " 
        >

    <div id="global">
      <a href="#" name="top"
         tal:attributes="href string:${request/URL/0}">
        <img tal:attributes="src context/++resource++zope3logo.gif" />
      </a>
    </div>

    <div id="personal">

      <metal:block define-macro="logged_user">
        <span tal:omit-tag="" i18n:translate="">User:</span>
        <tal:block replace="request/principal/title">
          User
        </tal:block>
      </metal:block>

      <!-- (Personal elements) -->
    </div>


    <div id="navigators">

<!--
      <div class="box" id="navigationTree">

        <h4 i18n:translate="">Navigation</h4>

        <div 
          xmlns="http://www.zope.org/zope3xmltree"
          id="navtreecontents" 
          class="body" 
          onclick="treeclicked(event);" 
          onmouseover="mouseOverTree(event);"
          onmouseout="mouseOutTree(event);"
          >
        </div>

      </div>
-->
    </div>

    <div id="content">


      <div class="itemViewsBar">
      &nbsp;
      </div>

      <div class="item">

        <metal:block define-slot="body">

            <table class="listing">

              <thead>

                <th>Test</th>
                <th>Another</th>

              </thead>


              <tbody>

                <tr>

                  <td>content</td>
                  <td>thingy</td>

                </tr>


                <tr class="even">

                  <td>more</td>
                  <td>data</td>

                </tr>

              </tbody>

            </table>
        </metal:block>
        </div>

    </div>


    <div id="context_information">

    <div id="helpers">

      <div class="box" id="itemHelp" tal:condition="pagetip|nothing">

        <h4 i18n:translate="">Tip</h4>

        <div class="body">

          <div class="content odd">

            <metal:block define-slot="pagetip" tal:replace="pagetip">
              A short tip goes here              
            </metal:block>

          </div>

        </div>

      </div>

    </div>



    </div>


    <div id="footer"
      metal:define-macro="footer"
      i18n:translate="">
      Powered by Zope
    </div>


  </body>

</html>

</metal:block>


