{$layout "layout_popup"}
{$template "/code_editor"}

<!-- <h3>创建脚本</h3> -->

<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
    <table class="ui table definition selectable">
        <tr>
            <td class="title">{{t('scripts@脚本文件名')}} *</td>
            <td>
                <input type="text" name="filename" maxlength="50" ref="focus" placeholder="xxx.js" spellcheck="false"/>
            </td>
        </tr>
        <tr>
            <td>{{t('scripts@脚本说明')}} *</td>
            <td>
                <input type="text" name="name" maxlength="50" :placeholder="t('scripts@脚本说明Placeholder')"/>
            </td>
        </tr>
        <tr>
            <td>{{t('scripts@脚本代码')}}</td>
            <td>
                <source-code-box type="application/javascript" :read-only="false" name="code" height="200"></source-code-box>
            </td>
        </tr>
    </table>
    <submit-btn></submit-btn>
</form>