{$layout}

	{$template "policy_menu"}

<div class="cache-config-container">
	<div class="cache-config-form">
		<div class="form-title">
			<i class="icon edit"></i> {{t('cache_update@修改缓存策略')}}
		</div>
		
		<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
			<input type="hidden" name="cachePolicyId" :value="cachePolicy.id"/>
			
			<div class="config-section">
				<div class="section-title">
					<i class="icon settings"></i> {{t('cache_policy@基本信息')}}
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_createPopup_html@策略名称')}} *</div>
					<div class="item-content">
						<input type="text" name="name" maxlength="100" ref="focus" v-model="cachePolicy.name"/>
					</div>
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_createPopup_html@缓存类型')}} *</div>
					<div class="item-content">
						<b-select
							name="type"
							v-model="policyType"
							@change="changePolicyType"
							auto-width
							:options="[
								...types.map(type => ({
									label: type.name,
									value: type.type,
								}))
							]"
						></b-select>
					</div>
				</div>
			</div>

			<!-- {{t('cache_createPopup_html@文件缓存选项')}} -->
			<div class="config-section" v-if="policyType == 'file'">
				<div class="section-title">
					<i class="icon hdd"></i> {{t('cache_policy@文件缓存配置')}}
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_createPopup_html@缓存目录')}} *</div>
					<div class="item-content">
						<input type="text" name="fileDir" maxlength="500" v-model="cachePolicy.options.dir"/>
						<p class="comment">{{t('cache_createPopup_html@缓存目录提示')}}</p>
					</div>
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_createPopup_html@缓存硬盘最大用量')}}</div>
					<div class="item-content">
						<size-capacity-box :v-name="'capacityJSON'" :v-value="cachePolicy.capacity" :v-count="0" :v-unit="'gb'"></size-capacity-box>
						<p class="comment">{{t('cache_createPopup_html@缓存硬盘最大用量提示')}}</p>
					</div>
				</div>
				
				<div class="config-item" v-if="cachePolicy.options.memoryPolicy != null && cachePolicy.options.memoryPolicy.capacity != null">
					<div class="item-label">{{t('cache_createPopup_html@内存最大容量')}}</div>
					<div class="item-content">
						<size-capacity-box :v-name="'fileMemoryCapacityJSON'" :v-value="cachePolicy.options.memoryPolicy.capacity" :v-count="1" :v-unit="'gb'"></size-capacity-box>
						<p class="comment">{{t('cache_createPopup_html@文件缓存内存最大容量提示')}}</p>
					</div>
				</div>
				
				<div class="config-item" v-if="cachePolicy.options.memoryPolicy == null || cachePolicy.options.memoryPolicy.capacity == null">
					<div class="item-label">{{t('cache_createPopup_html@内存最大容量')}}</div>
					<div class="item-content">
						<size-capacity-box :v-name="'fileMemoryCapacityJSON'" :v-count="0" :v-unit="'gb'"></size-capacity-box>
						<p class="comment">{{t('cache_policy@文件缓存内存最大容量提示')}}</p>
					</div>
				</div>
			</div>

			<div class="config-section" v-if="policyType != 'file'">
				<div class="section-title">
					<i class="icon database"></i> {{t('cache_policy@缓存配置')}}
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_policy@缓存最大容量')}}</div>
					<div class="item-content">
						<size-capacity-box :v-name="'capacityJSON'" :v-value="cachePolicy.capacity" :v-count="0" :v-unit="'gb'"></size-capacity-box>
						<p class="comment">{{t('cache_createPopup_html@内存缓存最大容量提示')}}</p>
					</div>
				</div>
			</div>
			
			<div class="config-section">
				<div class="section-title">
					<i class="icon cog"></i> {{t('cache_update@通用设置')}}
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_policy@最大内容长度')}}</div>
					<div class="item-content">
						<size-capacity-box :v-value="cachePolicy.maxSize" :v-name="'maxSizeJSON'" :v-count="32" :v-unit="'mb'"></size-capacity-box>
						<p class="comment">{{t('cache_createPopup_html@最大内容尺寸提示')}}</p>
					</div>
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('index_更多选项_0101')}}</div>
					<div class="item-content">
						<more-options-indicator></more-options-indicator>
					</div>
				</div>
			</div>
			
			<div class="config-section" v-show="moreOptionsVisible && policyType == 'file'">
				<div class="section-title">
					<i class="icon sliders horizontal"></i> {{t('cache_update@文件缓存高级选项')}}
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_createPopup_html@缓存硬盘最小空余空间')}}</div>
					<div class="item-content">
						<size-capacity-box :v-name="'fileMinFreeSizeJSON'" :v-value="cachePolicy.options.minFreeSize" :key="'minFreeSizeJSON'"></size-capacity-box>
						<p class="comment">{{t('cache_update@缓存硬盘最小空余空间提示')}}</p>
					</div>
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_createPopup_html@缓存文件句柄缓存')}}</div>
					<div class="item-content">
						<input type="text" name="fileOpenFileCacheMax" v-model="fileOpenFileCacheMax" maxlength="6" value="0" style="width: 10em"/>
						<p class="comment"><pro-warning-label></pro-warning-label>{{t('cache_createPopup_html@缓存文件句柄缓存提示')}}</p>
					</div>
				</div>
				
				<div class="config-item" v-show="teaIsPlus">
					<div class="item-label">{{t('cache_createPopup_html@开启Sendfile')}}</div>
					<div class="item-content">
						<checkbox name="fileEnableSendfile" :v-value="1" v-model="cachePolicy.options.enableSendfile"></checkbox>
						<p class="comment"><pro-warning-label></pro-warning-label><plus-label></plus-label>{{t('cache_createPopup_html@开启Sendfile提示')}}</p>
					</div>
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_createPopup_html@允许读取不完整的PartialContent')}}</div>
					<div class="item-content">
						<checkbox name="enableIncompletePartialContent" :v-value="1" v-model="cachePolicy.options.enableIncompletePartialContent"></checkbox>
						<p class="comment">{{t('cache_createPopup_html@允许读取不完整的PartialContent提示')}}</p>
					</div>
				</div>
				
				<div class="config-item" v-show="false">
					<div class="item-label">{{t('cache_createPopup_html@启用MMAP')}}</div>
					<div class="item-content">
						<checkbox name="enableMMAP" v-model="cachePolicy.options.enableMMAP"></checkbox>
						<p class="comment">{{t('cache_createPopup_html@启用MMAP提示')}}</p>
					</div>
				</div>
			</div>
			
			<div class="config-section" v-show="moreOptionsVisible">
				<div class="section-title">
					<i class="icon sliders horizontal"></i> {{t('cache_update@通用高级选项')}}
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_createPopup_html@同步写入压缩缓存')}}</div>
					<div class="item-content">
						<checkbox name="syncCompressionCache" v-model="cachePolicy.syncCompressionCache"></checkbox>
						<p class="comment">{{t('cache_createPopup_html@同步写入压缩缓存提示')}}</p>
					</div>
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_createPopup_html@预热超时时间')}}</div>
					<div class="item-content">
						<time-duration-box :v-name="'fetchTimeoutJSON'" :v-value="cachePolicy.fetchTimeout" maxlength="6"></time-duration-box>
						<p class="comment">{{t('cache_createPopup_html@预热超时时间提示')}}</p>
					</div>
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('addPopup@备注')}}</div>
					<div class="item-content">
						<textarea maxlength="200" name="description" rows="3" v-model="cachePolicy.description"></textarea>
					</div>
				</div>
				
				<div class="config-item">
					<div class="item-label">{{t('cache_createPopup_html@启用当前策略')}}</div>
					<div class="item-content">
						<checkbox name="isOn" :v-value="1" v-model="cachePolicy.isOn"></checkbox>
					</div>
				</div>
			</div>
			
			<div class="config-section">
				<div class="section-title">
					<i class="icon filter"></i> {{t('cache_policy@默认缓存条件')}}
				</div>
				<div class="config-item">
					<div class="item-content">
						<http-cache-refs-config-box :v-cache-refs="cachePolicy.cacheRefs" :v-cache-policy-id="cachePolicy.id" :v-max-bytes="cachePolicy.maxSize"></http-cache-refs-config-box>
					</div>
				</div>
			</div>
			
			<div class="action-buttons">
				<submit-btn class="primary">
					<i class="icon save"></i> {{t('cache_update@保存修改')}}
				</submit-btn>
			</div>
		</form>
	</div>
</div>