<div v-if="selected === 'app-2'">

[0] Fix | Delete

<!--

[1] Fix | Delete

<div class="sb-tab-box sb-caching-box sb-reset-box-style clearfix">

[2] Fix | Delete

<div class="tab-label">

[3] Fix | Delete

<h3>{{feedsTab.cachingBox.title}}</h3>

[4] Fix | Delete

</div>

[5] Fix | Delete

<div class="ctf-tab-form-field">

[6] Fix | Delete

<div class="sb-form-field">

[7] Fix | Delete

<div class="mb-10 caching-form-fields-group">

[8] Fix | Delete

<input type="number" id="ctf-caching-intervals" class="ctf-input-number size-sm mr-3" v-model="model.feeds.cacheTime" min="1" max="60" />

[9] Fix | Delete

<select id="ctf-caching-cron-time" class="ctf-select size-xs mr-3" v-model="model.feeds.cacheTimeUnit">

[10] Fix | Delete

<option v-for="(unit, unitKey) in feedsTab.cachingBox.cacheTimeUnits" :value="unitKey">{{unit}}</option>

[11] Fix | Delete

</select>

[12] Fix | Delete

<button type="button" class="ctf-btn sb-btn-lg ctf-caching-btn" @click="clearCache" :disabled="clearCacheStatus !== null">

[13] Fix | Delete

<span v-html="clearCacheIcon()" :class="clearCacheStatus"></span>

[14] Fix | Delete

{{feedsTab.cachingBox.clearCache}}

[15] Fix | Delete

</button>

[16] Fix | Delete

</div>

[17] Fix | Delete

<div class="help-text help-text-green" v-html="cronNextCheck"></div>

[18] Fix | Delete

</div>

[19] Fix | Delete

</div>

[20] Fix | Delete

</div>

[21] Fix | Delete

-->

[22] Fix | Delete

<div class="sb-tab-box sb-caching-box sb-reset-box-style clearfix">

[23] Fix | Delete

<div class="tab-label">

[24] Fix | Delete

<h3>{{feedsTab.cachingBox.title}}</h3>

[25] Fix | Delete

</div>

[26] Fix | Delete

<div class="ctf-tab-form-field">

[27] Fix | Delete

<div class="sb-form-field">

[28] Fix | Delete

<div class="mb-10 caching-form-fields-group">

[29] Fix | Delete

<div style="display: none;">

[30] Fix | Delete

<select id="ctf-caching-type" class="ctf-select size-xs mr-3" v-model="model.feeds.cachingType">

[31] Fix | Delete

<option v-for="(unit, unitKey) in feedsTab.cachingBox.cacheTypeOptions" :value="unitKey">{{unit}}</option>

[32] Fix | Delete

</select>

[33] Fix | Delete

<input type="number" id="ctf-caching-intervals-page" class="ctf-input-number size-sm mr-3" v-model="model.feeds.cacheTime" min="1" max="60" v-if="model.feeds.cachingType === 'page'"/>

[34] Fix | Delete

<select id="ctf-caching-cron-time-page" class="ctf-select size-xs mr-3" v-model="model.feeds.cacheTimeUnit" v-if="model.feeds.cachingType === 'page'">

[35] Fix | Delete

<option v-for="(unit, unitKey) in feedsTab.cachingBox.cacheTimeUnits" :value="unitKey" :disabled="unitKey == 60">{{unit}}</option>

[36] Fix | Delete

</select>

[37] Fix | Delete

<select id="ctf-caching-intervals" class="ctf-select size-sm mr-3" v-model="model.feeds.cronInterval" v-if="model.feeds.cachingType === 'background'">

[38] Fix | Delete

<option v-for="(name, key) in feedsTab.cachingBox.inTheBackgroundOptions" :value="key" :disabled="key === '30mins'">{{name}}</option>

[39] Fix | Delete

</select>

[40] Fix | Delete

<select id="ctf-caching-cron-time" class="ctf-select size-xs mr-3" v-model="model.feeds.cronTime" v-if="model.feeds.cachingType === 'background' && model.feeds.cronInterval !== '30mins' && model.feeds.cronInterval !== '1hour'">

[41] Fix | Delete

<option v-for="index in 12" :value="index">{{index}}:00</option>

[42] Fix | Delete

</select>

[43] Fix | Delete

<select id="ctf-caching-cron-am-pm" class="ctf-select size-xs mr-3" v-model="model.feeds.cronAmPm" v-if="model.feeds.cachingType === 'background' && model.feeds.cronInterval !== '30mins' && model.feeds.cronInterval !== '1hour'">

[44] Fix | Delete

<option value="am">{{feedsTab.cachingBox.am}}</option>

[45] Fix | Delete

<option value="pm">{{feedsTab.cachingBox.pm}}</option>

[46] Fix | Delete

</select>

[47] Fix | Delete

</div>

[48] Fix | Delete

[49] Fix | Delete

<button type="button" class="ctf-btn sb-btn-lg ctf-caching-btn" @click="clearCache" :disabled="clearCacheStatus !== null">

[50] Fix | Delete

<span v-html="clearCacheIcon()" :class="clearCacheStatus"></span>

[51] Fix | Delete

{{feedsTab.cachingBox.clearCache}}

[52] Fix | Delete

</button>

[53] Fix | Delete

</div>

[54] Fix | Delete

<div class="help-text help-text-green" v-html="cronNextCheck" v-if="model.feeds.cachingType === 'background'"></div>

[55] Fix | Delete

</div>

[56] Fix | Delete

</div>

[57] Fix | Delete

<div v-if="licenseType == 'free'" class="ctf-caching-pro-cta clearfix">

[58] Fix | Delete

<span>

[59] Fix | Delete

<span class="ctf-notice-cach-text">{{feedsTab.cachingBox.noticeText}}</span>

[60] Fix | Delete

<a :href="links.optimizeImagesLink" target="_blank">{{feedsTab.cachingBox.promoText}}

[61] Fix | Delete

<span class="ctf-upgrade-cta-icon">

[62] Fix | Delete

<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">

[63] Fix | Delete

<path d="M1.8332 0L0.658203 1.175L4.47487 5L0.658203 8.825L1.8332 10L6.8332 5L1.8332 0Z" fill="#0068A0"/>

[64] Fix | Delete

</svg>

[65] Fix | Delete

</span>

[66] Fix | Delete

</a>

[67] Fix | Delete

</span>

[68] Fix | Delete

</div>

[69] Fix | Delete

</div>

[70] Fix | Delete

<div class="sb-tab-box sb-gdpr-box clearfix">

[71] Fix | Delete

<div class="tab-label">

[72] Fix | Delete

<h3>

[73] Fix | Delete

{{feedsTab.gdprBox.title}}

[74] Fix | Delete

<span class="sb-tooltip-info gdpr-tooltip" id="ctf-tooltip" v-html="tooltipHelpSvg" @mouseover.prevent.default="toggleElementTooltip(feedsTab.gdprBox.tooltip, 'show', 'left')" @mouseleave.prevent.default="toggleElementTooltip('', 'hide')"></span>

[75] Fix | Delete

</h3>

[76] Fix | Delete

</div>

[77] Fix | Delete

<div class="ctf-tab-form-field">

[78] Fix | Delete

<div class="sb-form-field">

[79] Fix | Delete

<div class="d-flex mb-10">

[80] Fix | Delete

<select id="ctf-gdpr-options" class="ctf-select size-md" v-model="model.feeds.gdpr" @change="gdprOptions">

[81] Fix | Delete

<option value="auto">{{feedsTab.gdprBox.automatic}}</option>

[82] Fix | Delete

<option value="yes">{{feedsTab.gdprBox.yes}}</option>

[83] Fix | Delete

<option value="no">{{feedsTab.gdprBox.no}}</option>

[84] Fix | Delete

</select>

[85] Fix | Delete

</div>

[86] Fix | Delete

<div class="help-text" v-if="model.feeds.gdpr == 'auto'" :class="['gdpr-help-text-' + model.feeds.gdpr, {'sb-gdpr-active': model.feeds.gdprPlugin}]">

[87] Fix | Delete

<span class="gdpr-active-icon" v-if="model.feeds.gdprPlugin">

[88] Fix | Delete

<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">

[89] Fix | Delete

<path d="M10.0003 1.66667C5.41699 1.66667 1.66699 5.41667 1.66699 10C1.66699 14.5833 5.41699 18.3333 10.0003 18.3333C14.5837 18.3333 18.3337 14.5833 18.3337 10C18.3337 5.41667 14.5837 1.66667 10.0003 1.66667ZM8.33366 14.1667L4.16699 10L5.34199 8.82501L8.33366 11.8083L14.6587 5.48334L15.8337 6.66667L8.33366 14.1667Z" fill="#59AB46"/>

[90] Fix | Delete

</svg>

[91] Fix | Delete

</span>

[92] Fix | Delete

<div v-html="feedsTab.gdprBox.infoAuto" :class="{'sb-text-bold': model.feeds.gdprPlugin}"></div>

[93] Fix | Delete

<span v-html="feedsTab.gdprBox.someFacebook" v-if="model.feeds.gdprPlugin"></span>

[94] Fix | Delete

<span v-html="feedsTab.gdprBox.whatLimited" @click="gdprLimited" class="sb-text-bold sb-gdpr-bold" v-if="model.feeds.gdprPlugin"></span>

[95] Fix | Delete

</div>

[96] Fix | Delete

<div class="help-text" v-if="model.feeds.gdpr == 'yes'" :class="'gdpr-help-text-' + model.feeds.gdpr">

[97] Fix | Delete

<span v-html="feedsTab.gdprBox.infoYes"></span>

[98] Fix | Delete

<span v-html="feedsTab.gdprBox.whatLimited" @click="gdprLimited" class="sb-text-bold sb-gdpr-bold"></span>

[99] Fix | Delete

</div>

[100] Fix | Delete

<div class="help-text" v-html="feedsTab.gdprBox.infoNo" v-if="model.feeds.gdpr == 'no'" :class="'gdpr-help-text-' + model.feeds.gdpr"></div>

[101] Fix | Delete

<div class="sb-gdpr-info-tooltip" v-if="gdprInfoTooltip !== null">

[102] Fix | Delete

<span class="sb-gdpr-info-headline">{{feedsTab.gdprBox.gdprTooltipFeatureInfo.headline}}</span>

[103] Fix | Delete

<ul class="sb-gdpr-info-list">

[104] Fix | Delete

<li v-for="feature in feedsTab.gdprBox.gdprTooltipFeatureInfo.features">{{feature}}</li>

[105] Fix | Delete

</ul>

[106] Fix | Delete

</div>

[107] Fix | Delete

</div>

[108] Fix | Delete

</div>

[109] Fix | Delete

</div>

[110] Fix | Delete

<div class="sb-tab-box sb-custom-css-box sb-reset-box-style clearfix">

[111] Fix | Delete

<div class="tab-label">

[112] Fix | Delete

<h3>{{feedsTab.customCSSBox.title}}</h3>

[113] Fix | Delete

</div>

[114] Fix | Delete

<div class="ctf-tab-form-field">

[115] Fix | Delete

<div class="sb-form-field">

[116] Fix | Delete

<div class="d-flex mb-15">

[117] Fix | Delete

<textarea name="" class="ctf-textarea" v-model="model.feeds.customCSS" :placeholder="feedsTab.customCSSBox.placeholder"></textarea>

[118] Fix | Delete

</div>

[119] Fix | Delete

</div>

[120] Fix | Delete

</div>

[121] Fix | Delete

</div>

[122] Fix | Delete

<div class="sb-tab-box sb-custom-js-box clearfix">

[123] Fix | Delete

<div class="tab-label">

[124] Fix | Delete

<h3>{{feedsTab.customJSBox.title}}</h3>

[125] Fix | Delete

</div>

[126] Fix | Delete

<div class="ctf-tab-form-field">

[127] Fix | Delete

<div class="sb-form-field">

[128] Fix | Delete

<div class="d-flex mb-15">

[129] Fix | Delete

<textarea name="" class="ctf-textarea" v-model="model.feeds.customJS" :placeholder="feedsTab.customJSBox.placeholder"></textarea>

[130] Fix | Delete

</div>

[131] Fix | Delete

</div>

[132] Fix | Delete

</div>

[133] Fix | Delete

</div>

[134] Fix | Delete

</div>

[135] Fix | Delete

<!-- todo: this is just demo content and will be replaced once I work on this -->

[136] Fix | Delete

[137] Fix | Delete