Your IP : 216.73.216.43
<div v-show="loaded" v-if="mode == 'list'" class="mask-list" style="display: none;">
<f:render partial="List/Header" arguments="{_all}"/>
<div class="mask-elements">
<div class="mask-elements__column mask-elements__column--elements">
<div class="mask-elements__header">
<div class="mask-elements__header-icon-wrap">
<core:icon identifier="mimetypes-x-content-text" size="{iconSize}"/>
<div class="mask-elements__header-icon-label">
<f:translate key="LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.all.contentelements"/>
</div>
</div>
<div class="form-control-wrap mask-elements__header-search">
<div class="form-control-holder">
<div class="form-control-icon">
<core:icon identifier="apps-toolbar-menu-search" size="small"/>
</div>
<div class="form-control-clearable form-control-clearable-wrapper">
<input class="form-control" v-model="searchString" placeholder="{f:translate(key: 'LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.search')}" aria-label="{f:translate(key: 'LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.search_content_elements')}" autocomplete="off" spellcheck="off" autocapitalize="none"/>
<button v-show="searchString !== ''" @click="searchString = ''" class="close" type="button" tabindex="-1">
<core:icon identifier="actions-close"/>
</button>
</div>
</div>
</div>
<div v-if="missingFilesOrFolders.missing" @click="showMissingFilesOrFolder" class="mask-elements__missing btn btn-warning"><i class="fa fa-warning"></i> <f:translate key="LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.all.missingFilesOrFolders"/></div>
<div @click="openNew" class="btn btn-success"><i class="fa fa-plus"></i> <f:translate key="LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.all.create_content_element"/></div>
</div>
<div class="mask-elements__table-wrap">
<table class="table table-hover mask-elements__table">
<tr v-for="item in filteredElements" :class="{'has-warning': !item.templateExists, 'disabled': item.hidden}">
<td>
<div class="mask-elements__element-name" @click="openEdit('tt_content', item)" :title="item.label">
<div v-html="item.iconMarkup" class="mask-elements__element-name-icon" ></div><span class="mask-elements__element-name-label"><span v-if="item.translatedLabel != ''">{{ item.translatedLabel }}</span><span v-else>{{ item.label }}</span><br><code>[{{ item.key }}]</code></span>
</div>
</td>
<td>
<div class="mask-elements__description"><span v-if="item.translatedDescription != ''">{{ item.translatedDescription }}</span><span v-else>{{ item.description }}</span></div>
</td>
<td class="mask-elements__count"><span :title="language.usage">{{ item.count }}</span></td>
<td class="mask-elements__buttons">
<button-bar
v-if="loaded"
@toggle="loadElements"
:element="item"
:icons="icons"
:show-messages="showMessages"
:open-edit="openEdit"
:open-delete-dialog="openDeleteDialog"
:language="language"
table="tt_content"
></button-bar>
</td>
</tr>
</table>
</div>
</div>
<div class="mask-elements__column mask-elements__column--templates">
<div class="mask-elements__header" v-if="Object.keys(features).length">
<div class="mask-elements__header-icon-wrap">
<core:icon identifier="actions-cog-alt" size="{iconSize}"/>
<div class="mask-elements__header-icon-label">
<f:translate key="LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.all.features"/>
</div>
</div>
</div>
<div class="mask-list__short-list" v-if="Object.keys(features).length">
<ul>
<li v-for="feature in features">
<i class="fa fa-lightbulb-o"></i>
<a :href="feature.documentation" class="text-primary" target="_blank">{{ feature.title }}</a>:
<span v-if="feature.state">enabled</span>
<span v-if="!feature.state">disabled</span>
</li>
</ul>
</div>
<div class="mask-elements__header">
<div class="mask-elements__header-icon-wrap">
<core:icon identifier="mimetypes-x-backend_layout" size="{iconSize}"/>
<div class="mask-elements__header-icon-label">
<f:translate key="LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.all.pagetemplates"/>
</div>
</div>
</div>
<div class="mask-elements__table-wrap">
<table class="table table-hover mask-elements__table">
<tr v-for="(item, key) in backendLayouts">
<td>
<div class="mask-elements__element-name" @click="openEdit('pages', item)" :title="item.title">
<img v-if="item.icon" :src="item.icon" class="mask-elements__element-name-icon" width="32"/>
<div v-else class="mask-elements__element-name-icon">
<core:icon identifier="module-templates" size="{iconSize}"/>
</div>
</img><span class="mask-elements__element-name-label">{{ item.title }}<br><code>[{{ item.key }}]</code></span>
</div>
</td>
<td>
<div class="mask-elements__description" v-if="item.description">{{ item.description }}</div>
</td>
<td>
<button-bar
v-if="loaded"
:element="item"
:icons="icons"
:show-messages="showMessages"
:open-edit="openEdit"
:open-delete-dialog="openDeleteDialog"
:language="language"
table="pages"
></button-bar>
</td>
</tr>
</table>
</div>
</div>
</div>
<f:render partial="List/Footer"/>
</div>
<div v-show="loaded" v-if="mode == 'setup'" class="mask-list" style="display: none;">
<f:render partial="List/Header" arguments="{_all}"/>
<div class="mask-setup-incomplete">
<div class="mask-setup-incomplete__content">
<div class="mask-setup-incomplete__text">
<h1><f:translate key="LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.setup_incomplete"/></h1>
<p><f:format.raw><f:translate key="LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.setup_incomplete.text"/></f:format.raw></p>
</div>
</div>
<form class="form-horizontal mask-setup-incomplete__form">
<h2><f:translate key="LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.auto_configuration"/></h2>
<p><f:format.raw><f:translate key="LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.auto_configuration.text"/></f:format.raw></p>
<div class="form-group row">
<label for="extension-key" class="col-sm-2 control-label">{f:translate(key: 'LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.extension_key')}:</label>
<div class="col-sm-8">
<input v-model="setupConfiguration.extension" id="extension-key" class="form-control">
</div>
<div class="col-sm-2 d-flex align-items-center"><span class="text-danger" v-if="setupConfiguration.error">{{ setupConfiguration.error }}</span></div>
</div>
<div class="form-group row">
<div class="col-sm-2 control-label"><b>Loader <a href="https://docs.typo3.org/p/mask/mask/main/en-us/API/Loader.html#available-loaders" title="{f:translate(key: 'LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.learn_about_loaders')}" target="_blank"><i class="fa fa-info-circle"></i></a> :</b></div>
<div class="col-sm-10">
<div><f:translate key="LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.loader.description"/></div>
<div>
<label for="json" class="control-label">JsonLoader</label>
<input v-model="setupConfiguration.loader" id="json" type="radio" name="loader" value="json"/>
<code>[json]</code>
</div>
<div>
<label for="json-split" class="control-label">JsonSplitLoader</label>
<input v-model="setupConfiguration.loader" id="json-split" type="radio" name="loader" value="json-split"/>
<code>[json-split]</code>
</div>
</div>
</div>
<input @click.prevent="submitAutoConfiguration" type="submit" class="btn btn-primary" value="{f:translate(key: 'LLL:EXT:mask/Resources/Private/Language/locallang.xlf:tx_mask.submit')}">
</form>
</div>
<f:render partial="List/Footer"/>
</div>