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

<first-menu>
    <menu-item href="/clusters/grants">{{t('grants_scripts_script@认证列表')}}</menu-item>
    <span class="item disabled" style="padding: 0">&raquo;</span>
    <menu-item href="/clusters/grants/scripts">{{t('grants_scripts_script@节点初始化脚本库')}}</menu-item>
    <span class="item disabled" style="padding: 0">&raquo;</span>
    <menu-item :href="'.script?scriptId=' + script.id" class="active">"{{script.name}}"{{t('grants_scripts_script@详情')}}</menu-item>
    <menu-item :href="'.update?scriptId=' + script.id">{{t('grants_scripts_script@修改')}}</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 setting"></i>
                {{t('grants_scripts_script@脚本详情')}}
            </div>
            
            <div class="config-item">
                <div class="item-label">{{t('grants_scripts_script@脚本名')}}</div>
                <div class="item-content">
                    {{script.name}}
                </div>
            </div>
            
            <div class="config-item">
                <div class="item-label">{{t('grants_scripts_script@脚本代码')}}</div>
                <div class="item-content">
                    <source-code-box type="application/javascript" name="code">{{script.code}}</source-code-box>
                    <p class="comment"><a :href="'/clusters/grants/scripts/update?scriptId=' + script.id + '&editingCode=1'">{{t('grants_scripts_script@修改代码')}}</a></p>
                </div>
            </div>
        </div>
    </div>
</div>