/templates/type/i18n/edit.tmpl
Type: /type/template
body: value: $def with (page)

$ lang = page.key.split('.')[-1]
$ namespace = find_i18n_namespace(page.key)

<style type="text/css">

#strings_table .i18n-value {
    width: 100%; 
    padding-left: 20px;
}

#strings_table td input {
    width: 100%;
}

</style>

<script>
function change_ns(ns) {
	document.forms['i18n']['ns'].value = ns;
	document.forms['i18n'].submit();
}

function changelang() {
    var lang = \$("#id_lang").attr('value');
	window.location.href = "/i18n$namespace/strings." + lang + "?m=edit";
}

function add_key() {
	var key = document.getElementById("newkey").value;
	var table = document.getElementById("strings_table");
	var row = table.insertRow(table.rows.length);
	var cell1 = row.insertCell(0);
	var cell2 = row.insertCell(1);
	cell1.innerHTML = key;
        cell2.innerHTML = '<input type="text" name="string_' + key + '" value="" />';
        \$("table#strings_table tr:last td:first").attr("class", "formheader-i18n");
        \$("table#strings_table tr:last td:last").attr("class", "i18n-value");

        \$("#newkey").val("");
        \$("#strings_table input:last").focus();


	return false;
}


\$(document).ready(function() {
    \$("#newkey").bind("keypress", function(e) { 
        if (e.keyCode == 13) { 
            \$("#button_addkey").click(); 
            return false; 
        }
    });
});

</script>

<form method="POST">
<div id="slickbox" style="overflow: hidden">
    $:macros.TypeChanger(page.type)
</div>

<div id="biblio-form-body">
<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" width="100%">

$var title: Editing $page.key

<div id="header">
<div style="float:left;padding-left:10px;padding-right:15px;"></div>
    <div id="title">Editing $page.key</div>
</div>

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="vertical-align: top; white-space: nowrap; padding-right: 30px">


$ xnamespace = namespace or "/"

$for ns in _.get_namespaces():
    $if ns == xnamespace:
        <img alt="&rarr;" src="/static/images/arrow.red.png" style="margin-left: -20px"/>
        $(ns or "root")
    $else:
        <a href="/i18n$ns/strings.$lang?m=edit" >$ns</a>     
    <span id="count" style="font-size: 0.8em; ">$(_.get_count(ns, lang))/$_.get_count(ns)</span> <br/>

</td>
<td style="vertical-align: top" width="100%">
    <table id="strings_table">
    $for key in _.getkeys(namespace, lang):
        <tr>
            <td class="formheader-i18n">$key</td>
            <td width="100%" style="padding-left: 20px"><input type="text" name="string_$key" value="$page.get('string_' + key, '')" style="width: 100%" /></td>
        </tr>
    </table>
    <br /><br />
    <span class="green"><span class="formheader">
        $_.get('/type/i18n', 'add_new_key') <input type="text" name="_newkey" id="newkey"/></span>
        <button type="button" id="button_addkey" onclick="add_key()" name="_addkey" value="$_.get('/type/i18n', 'add')" class="addkey-small" />Add</button>
    </span>

<br/>
      $:macros.Editi18nButtons(comment=page.comment_)
    
</td>
</tr>
</table>

</td><td style="padding-left: 40px; padding-top: 30px" valign="top">

    <img src="/static/logos/logo-${lang}.gif" border="0" width="180" height="266" />

<br/><br/>
<span class="green"><span class="formheader">
Language: $:Dropdown('lang', _.get_languages(), onchange="changelang();", id="id_lang", value=lang).render()
</span></span>
<input type="hidden" name="ns" value="$namespace">

<div class="formheader" style="margin-top: 20px; font-weight: normal">Use the pulldown menu to toggle between the default string set of English (en) and your desired language to begin working with translations.</div>

</td></tr></table>

<br /><br /><br />

</div></div>

</form>
title: type/i18n/edit template