<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
      xmlns:tal="http://xml.zope.org/namespaces/tal"
      xmlns:metal="http://xml.zope.org/namespaces/metal"
      xmlns:i18n="http://xml.zope.org/namespaces/i18n"
      lang="en"
      metal:use-macro="context/main_template/macros/master"
      i18n:domain="xmldirector.plonecore">
<body>

<slot metal:fill-slot="javascript_head_slot">
    <script type="text/javascript" charset="utf8" tal:attributes="src string:$portal_url/++resource++xmldirector.plonecore/ace-builds/src-noconflict/ace.js"></script>
    <script type="text/javascript" tal:content="string: ACE_MODE = 'xml'"></script>
    <script type="text/javascript" tal:content="string: ACE_READONLY = true"></script>
</slot>

<metal:main fill-slot="content-core">
    <metal:content-core define-macro="content-core" 
        tal:define="result view/transformer_content">

        <h2 i18n:translate="">Transformer Registry</h2>
        <div>
            <div>
                <label i18n:translate="">Family</label>: <span tal:content="request/family"/>
            </div>
            <div>
                <label i18n:translate="">Name</label>: <span tal:content="request/name"/>
            </div>
            <div>
                <label i18n:translate="">Type</label>: <span tal:content="result/transformer_type"/>
            </div>
            
            <a i18n:translate="" href="@@transformer-registry">Back to transformer registry</a>
            <div class="ace-editable"
                style="width: 80%; min-height: 100px; height: 450px; max-height: 800px"
                tal:content="result/text"/>
        </div>

        <script type="text/javascript">
            $(document).ready(function() {
                init_ace_editors('.ace-editable', true, true);
            });
        </script>

  </metal:content-core>
</metal:main>

</body>
</html>

