{$layout "layout_popup"}

<!-- <h3>{{t('cache_createPopup_html@创建缓存策略')}}</h3> -->

<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
	<table class="ui table definition selectable">
		<tr>
			<td class="title">{{t('cache_createPopup_html@策略名称')}} *</td>
			<td><input type="text" name="name" maxlength="100" ref="focus"/> </td>
		</tr>
		<tr>
			<td class="color-border">{{t('cache_createPopup_html@缓存类型')}} *</td>
			<td>
                <b-select
                    name="type"
                    v-model="policyType"
                    auto-width
                    :options="[
                        ...types.map(type => ({
                            label: type.name,
                            value: type.type,
                        }))
                    ]"
                ></b-select>
                
				<!-- <select class="ui dropdown auto-width" name="type" v-model="policyType">
					<option v-for="type in types" :value="type.type">{{type.name}}</option>
				</select> -->
			</td>
		</tr>
		<!-- {{t('cache_createPopup_html@文件缓存选项')}} -->
		<tbody v-if="policyType == 'file'">
			<tr>
				<td class="color-border">{{t('cache_createPopup_html@缓存目录')}} *</td>
				<td>
					<input type="text" name="fileDir" maxlength="500" value="/opt/cache"/>
					<p class="comment">{{t('cache_createPopup_html@缓存目录提示')}}</p>
				</td>
			</tr>
            <tr>
                <td class="color-border">{{t('cache_createPopup_html@缓存硬盘最大用量')}} *</td>
                <td>
                    <size-capacity-box :v-name="'capacityJSON'" :v-count="128" :v-unit="'gb'" :key="'capacityJSON1'"></size-capacity-box>
                    <p class="comment">{{t('cache_createPopup_html@缓存硬盘最大用量提示')}}</p>
                </td>
            </tr>
            <tr>
                <td class="color-border">{{t('cache_createPopup_html@内存最大容量')}}</td>
                <td>
                   <size-capacity-box :v-name="'fileMemoryCapacityJSON'" :v-count="1" :v-unit="'gb'" :key="'fileMemoryCapacityJSON'"></size-capacity-box>
                    <p class="comment">{{t('cache_createPopup_html@文件缓存内存最大容量提示')}}</p>
                </td>
            </tr>
		</tbody>

        <tbody v-if="policyType == 'memory'">
            <tr>
                <td>{{t('cache_createPopup_html@内存最大容量')}}</td>
                <td>
                    <size-capacity-box :key="'a'" :v-name="'capacityJSON'" :v-count="2" :v-unit="'gb'" :key="'capacityJSON2'"></size-capacity-box>
                    <p class="comment">{{t('cache_createPopup_html@内存缓存最大容量提示')}}</p>
                </td>
            </tr>
        </tbody>

        <tr>
            <td>{{t('cache_createPopup_html@最大内容尺寸')}}</td>
            <td>
                <size-capacity-box :v-name="'maxSizeJSON'" :v-count="256" :v-unit="'mb'" :key="'maxSizeJSON'"></size-capacity-box>
                <p class="comment">{{t('cache_createPopup_html@最大内容尺寸提示')}}</p>
            </td>
        </tr>

		<tr>
			<td colspan="2"><more-options-indicator></more-options-indicator></td>
		</tr>
        <tbody v-show="moreOptionsVisible && policyType == 'file'">
            <tr>
                <td class="color-border">{{t('cache_createPopup_html@缓存硬盘最小空余空间')}}</td>
                <td>
                    <size-capacity-box :v-name="'fileMinFreeSizeJSON'" :v-count="0" :v-unit="'gb'" :key="'minFreeSizeJSON'"></size-capacity-box>
                    <p class="comment">{{t('cache_createPopup_html@缓存硬盘最小空余空间提示')}}</p>
                </td>
            </tr>
            <tr>
                <td class="color-border">{{t('cache_createPopup_html@缓存文件句柄缓存')}}</td>
                <td>
                    <input type="text" name="fileOpenFileCacheMax" maxlength="6" value="0" style="width: 10em"/>
                    <p class="comment"><pro-warning-label></pro-warning-label>{{t('cache_createPopup_html@缓存文件句柄缓存提示')}}</p>
                </td>
            </tr>
            <tr v-show="teaIsPlus">
                <td class="color-border">{{t('cache_createPopup_html@开启Sendfile')}}</td>
                <td>
                    <checkbox name="fileEnableSendfile" :v-value="1"></checkbox>
                    <p class="comment"><pro-warning-label></pro-warning-label><plus-label></plus-label>{{t('cache_createPopup_html@开启Sendfile提示')}}</p>
                </td>
            </tr>
            <tr>
                <td class="color-border">{{t('cache_createPopup_html@允许读取不完整的PartialContent')}}</td>
                <td>
                    <checkbox name="enableIncompletePartialContent" :v-value="1" checked="checked"></checkbox>
                    <p class="comment">{{t('cache_createPopup_html@允许读取不完整的PartialContent提示')}}</p>
                </td>
            </tr>
           <!-- <tr v-show="moreOptionsVisible && policyType == 'file'">
                <td class="color-border">{{t('cache_createPopup_html@启用MMAP')}}</td>
                <td>
                    <checkbox name="enableMMAP"></checkbox>
                    <p class="comment">{{t('cache_createPopup_html@启用MMAP提示')}}</p>
                </td>
            </tr>-->
        </tbody>
		<tbody v-show="moreOptionsVisible">
            <tr>
                <td>{{t('cache_createPopup_html@同步写入压缩缓存')}}</td>
                <td>
                    <checkbox name="syncCompressionCache"></checkbox>
                    <p class="comment">{{t('cache_createPopup_html@同步写入压缩缓存提示')}}</p>
                </td>
            </tr>
            <tr>
                <td>{{t('cache_createPopup_html@预热超时时间')}}</td>
                <td>
                    <time-duration-box :v-name="'fetchTimeoutJSON'" :v-unit="'minute'" maxlength="6"></time-duration-box>
                    <p class="comment">{{t('cache_createPopup_html@预热超时时间提示')}}</p>
                </td>
            </tr>
			<tr>
				<td>{{t('addPopup@备注')}}</td>
				<td>
					<textarea maxlength="200" name="description" rows="3"></textarea>
				</td>
			</tr>
			<tr>
				<td>{{t('cache_createPopup_html@启用当前策略')}}</td>
				<td>
                    <checkbox name="isOn" :v-value="1" checked="checked"></checkbox>
				</td>
			</tr>
		</tbody>
	</table>
	<submit-btn></submit-btn>
</form>