{$layout}
{$template "/clusters/cluster/node/node_menu"}
{$template "/left_menu_with_menu"}
<div class="left-right-box-container">

    <div class="right-box">
        <form class="ui form cache-settings-form" data-tea-action="$" data-tea-success="success">
            <csrf-token></csrf-token>
            <input type="hidden" name="nodeId" :value="node.id"/>
            <div class="config-section">
                <div class="section-title">
                    <i class="pi pi-database"></i> {{t('cache_index@硬盘缓存配置')}}
                </div>
                
                <div class="config-item">
                    <div class="item-label">{{t('cache_index@缓存硬盘容量')}}</div>
                    <div class="item-content">
                        <size-capacity-box :v-value="node.maxCacheDiskCapacity" :v-name="'maxCacheDiskCapacityJSON'"></size-capacity-box>
                        <p class="comment">{{t('cache_index@缓存所在硬盘的最大用量超出此用量或硬盘接近用尽时将会自动尝试清理旧数据0表示不限制')}}</p>
                    </div>
                </div>
                
                <div class="config-item">
                    <div class="item-label">{{t('cache_index@硬盘缓存主目录')}}</div>
                    <div class="item-content">
                        <input type="text" name="cacheDiskDir" maxlength="500" value="" v-model="node.cacheDiskDir" class="ui input"/>
                        <p class="comment">{{t('cache_index@存放文件缓存的主目录通常填写绝对路径不填则表示使用集群缓存策略中定义的目录')}}</p>
                    </div>
                </div>
                
                <div class="config-item">
                    <div class="item-label">{{t('cache_index@其他硬盘缓存目录')}}</div>
                    <div class="item-content">
                        <node-cache-disk-dirs-box name="cacheDiskSubDirsJSON" v-model="node.cacheDiskSubDirs"></node-cache-disk-dirs-box>
                        <p class="comment">{{t('cache_index@除了主目录外可以在这里添加别的可用于缓存的目录缓存目录有变更时添加删除或修改需要手动将这些缓存目录清空')}}</p>
                    </div>
                </div>
            </div>
            
            <div class="config-section">
                <div class="section-title">
                    <i class="pi pi-memory-card"></i> {{t('cache_index@内存缓存配置')}}
                </div>
                
                <div class="config-item">
                    <div class="item-label">{{t('cache_index@缓存内存容量')}}</div>
                    <div class="item-content">
                        <size-capacity-box :v-value="node.maxCacheMemoryCapacity" :v-name="'maxCacheMemoryCapacityJSON'"></size-capacity-box>
                        <p class="comment">{{t('cache_index@缓存能使用的内存的最大容量0表示不限制')}}</p>
                    </div>
                </div>
            </div>
            
            <div class="form-actions">
                <submit-btn></submit-btn>
            </div>
        </form>
    </div>
</div>