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

<first-menu>
    <menu-item href="/servers/scripts">{{t('scripts@脚本库')}}</menu-item>
    <span class="item disabled" style="padding: 0">&raquo;</span>
    <menu-item :href="'.script?scriptId=' + script.id" class="active">"{{script.filename}}" {{t('scripts@详情')}}</menu-item>
    <menu-item :href="'.update?scriptId=' + script.id">{{t('scripts@修改')}}</menu-item>
</first-menu>

<div class="left-right-box-container">
    <div class="right-box">
        <div class="config-section">
            <div class="section-title">
                <i class="icon code"></i>
                {{t('scripts@脚本详情')}}
            </div>

            <div class="config-item">
                <div class="item-label">{{t('scripts@脚本文件名')}}</div>
                <div class="item-content">
                    {{script.filename}}
                </div>
            </div>

            <div class="config-item">
                <div class="item-label">{{t('scripts@状态')}}</div>
                <div class="item-content">
                    <label-on :v-is-on="script.isOn"></label-on>
                </div>
            </div>

            <div class="config-item">
                <div class="item-label">{{t('scripts@脚本说明')}}</div>
                <div class="item-content">
                    {{script.name}}
                </div>
            </div>

            <div class="config-item">
                <div class="item-label">{{t('scripts@脚本代码')}}</div>
                <div class="item-content">
                    <source-code-box type="application/javascript" name="code">{{script.code}}</source-code-box>
                    <p class="comment">
                        <a :href="'/servers/scripts/update?scriptId=' + script.id + '&editingCode=1'">
                            <i class="icon edit"></i> {{t('scripts@修改代码')}}
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>