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

[0] Fix | Delete

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

[1] Fix | Delete

<div class="tab-label">

[2] Fix | Delete

<h3>{{generalTab.licenseBox.title}}</h3>

[3] Fix | Delete

<p>{{generalTab.licenseBox.description}}</p>

[4] Fix | Delete

</div>

[5] Fix | Delete

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

[6] Fix | Delete

<div v-if="licenseType === 'free' && licenseStatus == 'valid'" class="ctf-tab-field-inner-wrap ctf-license" :class="['license-' + licenseStatus, 'license-type-' + licenseType, {'form-error': hasError, 'dev-site-license-field': isDevSite}]">

[7] Fix | Delete

<div class="upgrade-info">

[8] Fix | Delete

<span v-html="generalTab.licenseBox.upgradeText1"></span>

[9] Fix | Delete

<span v-html="generalTab.licenseBox.upgradeText2"></span>

[10] Fix | Delete

</div>

[11] Fix | Delete

<span v-if="!isDevSite" class="license-status" v-html="generalTab.licenseBox.freeText"></span>

[12] Fix | Delete

<div v-if="isDevSite">

[13] Fix | Delete

<a :href="upgradeUrl" target="_blank" class="ctf-btn ctf-btn-blue ctf-upgrade-license-btn">

[14] Fix | Delete

<span v-html="svgIcons.rocket"></span>

[15] Fix | Delete

{{genericText.upgradeToPro}}

[16] Fix | Delete

</a>

[17] Fix | Delete

</div>

[18] Fix | Delete

<div v-else class="d-flex">

[19] Fix | Delete

<div class="field-left-content">

[20] Fix | Delete

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

[21] Fix | Delete

<input type="password" name="license-key" id="license-key" class="ctf-form-field" :placeholder="generalTab.licenseBox.inactiveFieldPlaceholder" v-model="licenseKey">

[22] Fix | Delete

</div>

[23] Fix | Delete

<div class="form-info d-flex justify-between">

[24] Fix | Delete

[25] Fix | Delete

<span class="ctf-manage-license">

[26] Fix | Delete

<a :href="links.manageLicense">{{generalTab.licenseBox.manageLicense}}</a>

[27] Fix | Delete

</span>

[28] Fix | Delete

<span>

[29] Fix | Delete

<span class="test-connection" @click="testConnection()" v-if="testConnectionStatus === null">

[30] Fix | Delete

{{generalTab.licenseBox.test}}

[31] Fix | Delete

<span v-html="testConnectionIcon()" :class="testConnectionStatus">

[32] Fix | Delete

</span>

[33] Fix | Delete

</span>

[34] Fix | Delete

<span v-html="testConnectionIcon()" class="test-connection" :class="testConnectionStatus" v-if="testConnectionStatus !== null">

[35] Fix | Delete

</span>

[36] Fix | Delete

</span>

[37] Fix | Delete

</div>

[38] Fix | Delete

</div>

[39] Fix | Delete

<div class="field-right-content">

[40] Fix | Delete

<button type="button" class="ctf-btn" v-on:click="licenseActiveAction" :class="{loading: loading, 'sb-btn-blue': licenseType === 'free'}">

[41] Fix | Delete

<span v-if="loading && pressedBtnName === 'ctf'" v-html="loaderSVG"></span>

[42] Fix | Delete

<span class="ctf-license-action-text" v-if="licenseType === 'pro'">{{generalTab.licenseBox.deactivate}}</span>

[43] Fix | Delete

<span class="ctf-license-action-text" v-if="licenseType === 'free'">{{generalTab.licenseBox.installPro}}</span>

[44] Fix | Delete

</button>

[45] Fix | Delete

</div>

[46] Fix | Delete

</div>

[47] Fix | Delete

</div>

[48] Fix | Delete

[49] Fix | Delete

<div v-else class="ctf-tab-field-inner-wrap ctf-license" :class="['license-' + licenseStatus, 'license-type-' + licenseType, {'form-error': hasError, 'dev-site-license-field': isDevSite}]">

[50] Fix | Delete

<div class="upgrade-info">

[51] Fix | Delete

<span v-html="generalTab.licenseBox.upgradeText1"></span>

[52] Fix | Delete

<span v-html="generalTab.licenseBox.upgradeText2"></span>

[53] Fix | Delete

</div>

[54] Fix | Delete

<span v-if="!isDevSite" class="license-status" v-html="generalTab.licenseBox.freeText"></span>

[55] Fix | Delete

<div class="mb-6" v-if="licenseErrorMsg !== null">

[56] Fix | Delete

<span v-html="licenseErrorMsg" class="ctf-error-text"></span>

[57] Fix | Delete

</div>

[58] Fix | Delete

<div v-if="isDevSite">

[59] Fix | Delete

<a :href="upgradeUrl" target="_blank" class="ctf-btn ctf-btn-blue ctf-upgrade-license-btn">

[60] Fix | Delete

<span v-html="svgIcons.rocket"></span>

[61] Fix | Delete

{{genericText.upgradeToPro}}

[62] Fix | Delete

</a>

[63] Fix | Delete

</div>

[64] Fix | Delete

<div v-else class="d-flex">

[65] Fix | Delete

<div class="field-left-content">

[66] Fix | Delete

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

[67] Fix | Delete

<input type="password" name="license-key" id="license-key" class="ctf-form-field" :placeholder="generalTab.licenseBox.inactiveFieldPlaceholder" v-model="licenseKey">

[68] Fix | Delete

</div>

[69] Fix | Delete

<div class="form-info d-flex justify-between">

[70] Fix | Delete

[71] Fix | Delete

<span class="ctf-manage-license">

[72] Fix | Delete

</span>

[73] Fix | Delete

<span>

[74] Fix | Delete

<span class="test-connection" @click="testConnection()" v-if="testConnectionStatus === null">

[75] Fix | Delete

{{generalTab.licenseBox.test}}

[76] Fix | Delete

<span v-html="testConnectionIcon()" :class="testConnectionStatus">

[77] Fix | Delete

</span>

[78] Fix | Delete

</span>

[79] Fix | Delete

<span v-html="testConnectionIcon()" class="test-connection" :class="testConnectionStatus" v-if="testConnectionStatus !== null">

[80] Fix | Delete

</span>

[81] Fix | Delete

<span class="ctf-upgrade">

[82] Fix | Delete

<a :href="upgradeUrl" target="_blank">{{generalTab.licenseBox.upgrade}}</a>

[83] Fix | Delete

</span>

[84] Fix | Delete

</span>

[85] Fix | Delete

</div>

[86] Fix | Delete

</div>

[87] Fix | Delete

<div class="field-right-content">

[88] Fix | Delete

<button type="button" class="ctf-btn sb-btn-blue" v-on:click="activateLicense">

[89] Fix | Delete

<span v-if="loading && pressedBtnName === 'ctf'" class="ctf-loader-svg" v-html="loaderSVG"></span>

[90] Fix | Delete

{{generalTab.licenseBox.activate}}

[91] Fix | Delete

</button>

[92] Fix | Delete

</div>

[93] Fix | Delete

</div>

[94] Fix | Delete

</div>

[95] Fix | Delete

[96] Fix | Delete

<div v-if="licenseType === 'pro' && licenseStatus === 'valid'" class="ctf-tab-field-inner-wrap ctf-license ctf-license" :class="['license-' + licenseStatus, 'license-type-' + licenseType, {'form-error': hasError}]">

[97] Fix | Delete

<span class="license-status" v-html="generalTab.licenseBox.activeText"></span>

[98] Fix | Delete

<div class="d-flex">

[99] Fix | Delete

<div class="field-left-content">

[100] Fix | Delete

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

[101] Fix | Delete

<input type="password" name="license-key" id="license-key" class="ctf-form-field" value="******************************" v-model="licenseKey">

[102] Fix | Delete

<span class="field-icon fa fa-check-circle"></span>

[103] Fix | Delete

</div>

[104] Fix | Delete

<div class="form-info d-flex justify-between">

[105] Fix | Delete

<span class="ctf-manage-license">

[106] Fix | Delete

<a :href="links.manageLicense" target="_blank">{{generalTab.licenseBox.manageLicense}}</a>

[107] Fix | Delete

</span>

[108] Fix | Delete

<span>

[109] Fix | Delete

<span class="test-connection" @click="testConnection()" v-if="testConnectionStatus === null">

[110] Fix | Delete

{{generalTab.licenseBox.test}}

[111] Fix | Delete

<span v-html="testConnectionIcon()" :class="testConnectionStatus">

[112] Fix | Delete

</span>

[113] Fix | Delete

</span>

[114] Fix | Delete

<span v-html="testConnectionIcon()" class="test-connection" :class="testConnectionStatus" v-if="testConnectionStatus !== null">

[115] Fix | Delete

</span>

[116] Fix | Delete

[117] Fix | Delete

<span class="ctf-upgrade">

[118] Fix | Delete

<a :href="upgradeUrl" target="_blank">{{generalTab.licenseBox.upgrade}}</a>

[119] Fix | Delete

</span>

[120] Fix | Delete

</span>

[121] Fix | Delete

</div>

[122] Fix | Delete

</div>

[123] Fix | Delete

<div class="field-right-content">

[124] Fix | Delete

<button type="button" class="ctf-btn" v-on:click="licenseActiveAction" :class="{loading: loading}">

[125] Fix | Delete

<span v-if="loading && pressedBtnName === 'ctf'" v-html="loaderSVG"></span>

[126] Fix | Delete

{{generalTab.licenseBox.activate}}

[127] Fix | Delete

</button>

[128] Fix | Delete

</div>

[129] Fix | Delete

</div>

[130] Fix | Delete

</div>

[131] Fix | Delete

[132] Fix | Delete

<div v-if="licenseType === 'pro' && (

[133] Fix | Delete

licenseStatus === 'inactive' ||

[134] Fix | Delete

licenseStatus === 'site_inactive' ||

[135] Fix | Delete

licenseStatus === 'invalid' ||

[136] Fix | Delete

licenseStatus === 'deactivated' ||

[137] Fix | Delete

licenseStatus === 'no_activations_left' ||

[138] Fix | Delete

licenseStatus === 'expired')"

[139] Fix | Delete

class="ctf-tab-field-inner-wrap ctf-license"

[140] Fix | Delete

:class="['license-' + licenseStatus, 'license-type-' + licenseType, {'form-error': hasError}]">

[141] Fix | Delete

<span class="license-status" v-html="generalTab.licenseBox.inactiveText"></span>

[142] Fix | Delete

<div class="d-flex">

[143] Fix | Delete

<div class="field-left-content">

[144] Fix | Delete

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

[145] Fix | Delete

<input type="password" name="license-key" id="license-key" class="ctf-form-field" :placeholder="generalTab.licenseBox.inactiveFieldPlaceholder" v-model="licenseKey">

[146] Fix | Delete

<span class="field-icon field-icon-error fa fa-times-circle" v-if="licenseErrorMsg !== null"></span>

[147] Fix | Delete

</div>

[148] Fix | Delete

<div class="mb-6" v-if="licenseErrorMsg !== null">

[149] Fix | Delete

<span v-html="licenseErrorMsg" class="ctf-error-text"></span>

[150] Fix | Delete

</div>

[151] Fix | Delete

<div class="form-info d-flex justify-between">

[152] Fix | Delete

<span></span>

[153] Fix | Delete

<span>

[154] Fix | Delete

<span class="test-connection" @click="testConnection()" v-if="testConnectionStatus === null">

[155] Fix | Delete

{{generalTab.licenseBox.test}}

[156] Fix | Delete

<span v-html="testConnectionIcon()" :class="testConnectionStatus">

[157] Fix | Delete

</span>

[158] Fix | Delete

</span>

[159] Fix | Delete

<span v-html="testConnectionIcon()" class="test-connection" :class="testConnectionStatus" v-if="testConnectionStatus !== null">

[160] Fix | Delete

</span>

[161] Fix | Delete

<span class="ctf-upgrade">

[162] Fix | Delete

<a :href="upgradeUrl" target="_blank">{{generalTab.licenseBox.upgrade}}</a>

[163] Fix | Delete

</span>

[164] Fix | Delete

</span>

[165] Fix | Delete

</div>

[166] Fix | Delete

</div>

[167] Fix | Delete

<div class="field-right-content">

[168] Fix | Delete

<button type="button" class="ctf-btn sb-btn-blue" v-on:click="activateLicense">

[169] Fix | Delete

<span v-if="loading && pressedBtnName === 'ctf'" v-html="loaderSVG"></span>

[170] Fix | Delete

{{generalTab.licenseBox.activate}}

[171] Fix | Delete

</button>

[172] Fix | Delete

</div>

[173] Fix | Delete

</div>

[174] Fix | Delete

</div>

[175] Fix | Delete

</div>

[176] Fix | Delete

</div>

[177] Fix | Delete

[178] Fix | Delete

<!--Manage Sources-->

[179] Fix | Delete

<div class="sb-tab-box sb-manage-acount-box clearfix">

[180] Fix | Delete

<div class="tab-label">

[181] Fix | Delete

<h3>{{generalTab.manageAccount.title}}</h3>

[182] Fix | Delete

</div>

[183] Fix | Delete

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

[184] Fix | Delete

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

[185] Fix | Delete

<span class="help-text" v-html="generalTab.manageAccount.description"></span>

[186] Fix | Delete

</div>

[187] Fix | Delete

<div class="d-flex ctf-manage-account-inputs" v-if="checkAccountDetails()" :data-active="viewsActive['accountDetailsActive'] ? 'true' : 'false'">

[188] Fix | Delete

<div class="field-left-content">

[189] Fix | Delete

<div class="ctf-manage-account-info">

[190] Fix | Delete

<img :src="accountDetails.account_avatar" :alt="accountDetails.account_handle">

[191] Fix | Delete

<strong>{{accountDetails.account_handle}}</strong>

[192] Fix | Delete

<div class="ctf-manage-account-edit-icon" v-html="svgIcons['cog']" @click.prevent.default="activateView('accountDetailsActive')"></div>

[193] Fix | Delete

<div class="ctf-manage-account-delete-icon" v-html="svgIcons['delete']" @click.prevent.default="openDialogBox('deleteAccount')"></div>

[194] Fix | Delete

</div>

[195] Fix | Delete

<div class="ctf-acc-info-item">

[196] Fix | Delete

<strong>{{generalTab.manageAccount.aToken}}</strong>

[197] Fix | Delete

<span>{{accountDetails.access_token}}</span>

[198] Fix | Delete

<div class="ctf-acc-info-icon" v-html="svgIcons['copy2']" @click.prevent.default="copyToClipBoard(accountDetails.access_token)"></div>

[199] Fix | Delete

</div>

[200] Fix | Delete

<div class="ctf-acc-info-item">

[201] Fix | Delete

<strong>{{generalTab.manageAccount.aTokenSecret}}</strong>

[202] Fix | Delete

<span>{{accountDetails.access_token_secret}}</span>

[203] Fix | Delete

<div class="ctf-acc-info-icon" v-html="svgIcons['copy2']" @click.prevent.default="copyToClipBoard(accountDetails.access_token_secret)"></div>

[204] Fix | Delete

</div>

[205] Fix | Delete

</div>

[206] Fix | Delete

<button type="button" class="ctf-btn sb-btn-lg export-btn" @click.prevent.default="activateView('connectAccountPopup');switchScreen('connectAccountStep','step_1');">

[207] Fix | Delete

<span class="icon" v-html="svgIcons['edit']"></span>

[208] Fix | Delete

{{generalTab.manageAccount.button}}

[209] Fix | Delete

</button>

[210] Fix | Delete

</div>

[211] Fix | Delete

</div>

[212] Fix | Delete

<div class="ctf-add-account ctf-fs">

[213] Fix | Delete

<div class="ctf-add-account-btn ctf-fs" v-if="!checkAppData()" @click.prevent.default="activateView('connectAccountPopup');switchScreen('connectAccountStep','step_2');">

[214] Fix | Delete

<div v-html="svgIcons['linkIcon']"></div>

[215] Fix | Delete

{{generalTab.manageAccount.buttonConnectOwnApp}}

[216] Fix | Delete

</div>

[217] Fix | Delete

[218] Fix | Delete

<div class="ctf-add-account-info ctf-fs" v-else>

[219] Fix | Delete

<div class="tab-label">

[220] Fix | Delete

<h3>{{generalTab.manageAccount.titleApp}}</h3>

[221] Fix | Delete

</div>

[222] Fix | Delete

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

[223] Fix | Delete

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

[224] Fix | Delete

<div class="d-flex ctf-manage-account-inputs-info" :data-active="viewsActive['appDetailsActive'] ? 'true' : 'false'">

[225] Fix | Delete

<div class="field-left-content">

[226] Fix | Delete

<div class="ctf-manage-account-info">

[227] Fix | Delete

<div class="ctf-manage-account-info-icon" v-html="svgIcons['twitter']"></div>

[228] Fix | Delete

<strong>{{accountDetails.app_name}}</strong>

[229] Fix | Delete

<div class="ctf-manage-account-edit-icon" v-html="svgIcons['cog']" @click.prevent.default="activateView('appDetailsActive')"></div>

[230] Fix | Delete

<div class="ctf-manage-account-delete-icon" v-html="svgIcons['delete']" @click.prevent.default="openDialogBox('deleteApp')"></div>

[231] Fix | Delete

</div>

[232] Fix | Delete

<div class="ctf-acc-info-item">

[233] Fix | Delete

<strong>{{generalTab.manageAccount.cKey}}</strong>

[234] Fix | Delete

<span>{{accountDetails.consumer_key}}</span>

[235] Fix | Delete

<div class="ctf-acc-info-icon" v-html="svgIcons['copy2']" @click.prevent.default="copyToClipBoard(accountDetails.consumer_key)"></div>

[236] Fix | Delete

</div>

[237] Fix | Delete

<div class="ctf-acc-info-item">

[238] Fix | Delete

<strong>{{generalTab.manageAccount.cSecret}}</strong>

[239] Fix | Delete

<span>{{accountDetails.consumer_secret}}</span>

[240] Fix | Delete

<div class="ctf-acc-info-icon" v-html="svgIcons['copy2']" @click.prevent.default="copyToClipBoard(accountDetails.consumer_secret)"></div>

[241] Fix | Delete

</div>

[242] Fix | Delete

<div class="ctf-acc-info-item">

[243] Fix | Delete

<strong>{{generalTab.manageAccount.aToken}}</strong>

[244] Fix | Delete

<span>{{accountDetails.access_token}}</span>

[245] Fix | Delete

<div class="ctf-acc-info-icon" v-html="svgIcons['copy2']" @click.prevent.default="copyToClipBoard(accountDetails.access_token)"></div>

[246] Fix | Delete

</div>

[247] Fix | Delete

<div class="ctf-acc-info-item">

[248] Fix | Delete

<strong>{{generalTab.manageAccount.aTokenSecret}}</strong>

[249] Fix | Delete

<span>{{accountDetails.access_token_secret}}</span>

[250] Fix | Delete

<div class="ctf-acc-info-icon" v-html="svgIcons['copy2']" @click.prevent.default="copyToClipBoard(accountDetails.access_token_secret)"></div>

[251] Fix | Delete

</div>

[252] Fix | Delete

</div>

[253] Fix | Delete

<button type="button" class="ctf-btn sb-btn-lg export-btn" @click.prevent.default="activateView('connectAccountPopup');switchScreen('connectAccountStep','step_2');">

[254] Fix | Delete

<span class="icon" v-html="svgIcons['edit']"></span>

[255] Fix | Delete

{{generalTab.manageAccount.button}}

[256] Fix | Delete

</button>

[257] Fix | Delete

</div>

[258] Fix | Delete

</div>

[259] Fix | Delete

</div>

[260] Fix | Delete

[261] Fix | Delete

</div>

[262] Fix | Delete

</div>

[263] Fix | Delete

[264] Fix | Delete

<!--Connect APP -->

[265] Fix | Delete

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

[266] Fix | Delete

<div class="tab-label">

[267] Fix | Delete

<h3>{{generalTab.connectAccount.emailTitle}}</h3>

[268] Fix | Delete

</div>

[269] Fix | Delete

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

[270] Fix | Delete

<div class="sb-form-field ctf-tab-connect-ac">

[271] Fix | Delete

<div class="d-flex">

[272] Fix | Delete

<input type="text" class="ctf-form-field" />

[273] Fix | Delete

</div>

[274] Fix | Delete

</div>

[275] Fix | Delete

</div>

[276] Fix | Delete

</div>

[277] Fix | Delete

<div class="sb-tab-box sb-manage-acount-box clearfix">

[278] Fix | Delete

<div class="tab-label">

[279] Fix | Delete

<h3>{{generalTab.connectAccount.siteKeyTitle}}</h3>

[280] Fix | Delete

</div>

[281] Fix | Delete

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

[282] Fix | Delete

<div class="sb-form-field ctf-tab-connect-ac">

[283] Fix | Delete

<p v-if="checkNotEmpty(model.general.siteKey)" v-html="generalTab.connectAccount.siteKeyPreview"></p>

[284] Fix | Delete

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

[285] Fix | Delete

<input type="password" class="ctf-form-field" name="site-key" id="site-key-setting" v-model="model.general.siteKey"/>

[286] Fix | Delete

<button type="button" class="ctf-btn sb-btn-lg refresh-btn"

[287] Fix | Delete

@click.prevent.default="connectAccountLink()"

[288] Fix | Delete

v-html="checkNotEmpty(model.general.siteKey) ? generalTab.connectAccount.siteKeyButton : generalTab.connectAccount.siteKeyConnectButton">

[289] Fix | Delete

</button>

[290] Fix | Delete

</div>

[291] Fix | Delete

<span class="help-text">

[292] Fix | Delete

{{generalTab.connectAccount.siteKeyDescription}}

[293] Fix | Delete

</span>

[294] Fix | Delete

</div>

[295] Fix | Delete

</div>

[296] Fix | Delete

</div>

[297] Fix | Delete

[298] Fix | Delete

<div class="sb-tab-box sb-preserve-settings-box clearfix">

[299] Fix | Delete

<div class="tab-label">

[300] Fix | Delete

<h3>{{generalTab.preserveBox.title}}</h3>

[301] Fix | Delete

</div>

[302] Fix | Delete

[303] Fix | Delete

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

[304] Fix | Delete

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

[305] Fix | Delete

<label for="preserve-settings" class="ctf-checkbox">

[306] Fix | Delete

<input type="checkbox" name="preserve-settings" id="preserve-settings" v-model="model.general.preserveSettings">

[307] Fix | Delete

<span class="toggle-track">

[308] Fix | Delete

<div class="toggle-indicator"></div>

[309] Fix | Delete

</span>

[310] Fix | Delete

</label>

[311] Fix | Delete

<span class="help-text">

[312] Fix | Delete

{{generalTab.preserveBox.description}}

[313] Fix | Delete

</span>

[314] Fix | Delete

</div>

[315] Fix | Delete

</div>

[316] Fix | Delete

</div>

[317] Fix | Delete

[318] Fix | Delete

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

[319] Fix | Delete

<div class="tab-label">

[320] Fix | Delete

<h3>{{generalTab.importBox.title}}</h3>

[321] Fix | Delete

</div>

[322] Fix | Delete

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

[323] Fix | Delete

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

[324] Fix | Delete

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

[325] Fix | Delete

<button type="button" class="ctf-btn sb-btn-lg import-btn" id="import-btn" @click="importFile" :disabled="uploadStatus !== null">

[326] Fix | Delete

<span class="icon" v-html="importBtnIcon()" :class="uploadStatus"></span>

[327] Fix | Delete

{{generalTab.importBox.button}}

[328] Fix | Delete

</button>

[329] Fix | Delete

<div class="input-hidden">

[330] Fix | Delete

<input id="import_file" type="file" value="import_file" ref="file" v-on:change="uploadFile">

[331] Fix | Delete

</div>

[332] Fix | Delete

</div>

[333] Fix | Delete

<span class="help-text">

[334] Fix | Delete

{{generalTab.importBox.description}}

[335] Fix | Delete

</span>

[336] Fix | Delete

</div>

[337] Fix | Delete

</div>

[338] Fix | Delete

</div>

[339] Fix | Delete

[340] Fix | Delete

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

[341] Fix | Delete

<div class="tab-label">

[342] Fix | Delete

<h3>{{generalTab.exportBox.title}}</h3>

[343] Fix | Delete

</div>

[344] Fix | Delete

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

[345] Fix | Delete

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

[346] Fix | Delete

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

[347] Fix | Delete

<select name="" id="ctf-feeds-list" class="ctf-select" v-model="exportFeed" ref="export_feed">

[348] Fix | Delete

<option value="none" selected disabled>Select Feed</option>

[349] Fix | Delete

<option v-for="feed in feeds" :value="feed.id">{{ feed.name }}</option>

[350] Fix | Delete

</select>

[351] Fix | Delete

<button type="button" class="ctf-btn sb-btn-lg export-btn" @click="exportFeedSettings" :disabled="exportFeed === 'none'">

[352] Fix | Delete

<span class="icon" v-html="exportSVG"></span>

[353] Fix | Delete

{{generalTab.exportBox.button}}

[354] Fix | Delete

</button>

[355] Fix | Delete

</div>

[356] Fix | Delete

<span class="help-text">

[357] Fix | Delete

{{generalTab.exportBox.description}}

[358] Fix | Delete

</span>

[359] Fix | Delete

</div>

[360] Fix | Delete

</div>

[361] Fix | Delete

</div>

[362] Fix | Delete

</div>

[363] Fix | Delete

<?php include_once CTF_BUILDER_DIR . 'templates/sections/popup/connect-account-popup.php'; ?>

[364] Fix | Delete

[365] Fix | Delete