Merge branch 'feature/184' of github.com:tainacan/tainacan into feature/184
This commit is contained in:
vnmedeiros
commit
a71a9957ca
|
|
@ -11,7 +11,7 @@
|
||||||
label-width="120px">
|
label-width="120px">
|
||||||
|
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column is-5">
|
<div class="column">
|
||||||
|
|
||||||
<!-- Name -------------------------------- -->
|
<!-- Name -------------------------------- -->
|
||||||
<b-field
|
<b-field
|
||||||
|
|
@ -25,6 +25,7 @@
|
||||||
:message="$i18n.getHelperMessage('collections', 'name')"/>
|
:message="$i18n.getHelperMessage('collections', 'name')"/>
|
||||||
<b-input
|
<b-input
|
||||||
id="tainacan-text-name"
|
id="tainacan-text-name"
|
||||||
|
:placeholder="$i18n.get('instruction_collection_name')"
|
||||||
v-model="form.name"
|
v-model="form.name"
|
||||||
@blur="updateSlug"
|
@blur="updateSlug"
|
||||||
@focus="clearErrors('name')"/>
|
@focus="clearErrors('name')"/>
|
||||||
|
|
@ -38,166 +39,40 @@
|
||||||
v-html="getBeginLeftForm"/>
|
v-html="getBeginLeftForm"/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- Thumbnail -------------------------------- -->
|
<!-- Description -------------------------------- -->
|
||||||
<b-field :addons="false">
|
|
||||||
<label class="label">{{ $i18n.get('label_thumbnail') }}</label>
|
|
||||||
<div class="thumbnail-field">
|
|
||||||
<file-item
|
|
||||||
v-if="collection.thumbnail != undefined && ((collection.thumbnail['tainacan-medium'] != undefined && collection.thumbnail['tainacan-medium'] != false) || (collection.thumbnail.medium != undefined && collection.thumbnail.medium != false))"
|
|
||||||
:show-name="false"
|
|
||||||
:modal-on-click="true"
|
|
||||||
:size="178"
|
|
||||||
:file="{
|
|
||||||
media_type: 'image',
|
|
||||||
thumbnails: { 'tainacan-medium': [ $thumbHelper.getSrc(collection['thumbnail'], 'tainacan-medium') ] },
|
|
||||||
title: $i18n.get('label_thumbnail'),
|
|
||||||
description: `<img alt='` + $i18n.get('label_thumbnail') + `' src='` + $thumbHelper.getSrc(collection['thumbnail'], 'full') + `'/>`
|
|
||||||
}"/>
|
|
||||||
<figure
|
|
||||||
v-if="collection.thumbnail == undefined || ((collection.thumbnail.medium == undefined || collection.thumbnail.medium == false) && (collection.thumbnail['tainacan-medium'] == undefined || collection.thumbnail['tainacan-medium'] == false))"
|
|
||||||
class="image">
|
|
||||||
<span class="image-placeholder">{{ $i18n.get('label_empty_thumbnail') }}</span>
|
|
||||||
<img
|
|
||||||
:alt="$i18n.get('label_thumbnail')"
|
|
||||||
:src="$thumbHelper.getEmptyThumbnailPlaceholder()">
|
|
||||||
</figure>
|
|
||||||
<div class="thumbnail-buttons-row">
|
|
||||||
<a
|
|
||||||
class="button is-rounded is-secondary"
|
|
||||||
id="button-edit-thumbnail"
|
|
||||||
:aria-label="$i18n.get('label_button_edit_thumb')"
|
|
||||||
@click.prevent="thumbnailMediaFrame.openFrame($event)">
|
|
||||||
<span
|
|
||||||
v-tooltip="{
|
|
||||||
content: $i18n.get('edit'),
|
|
||||||
autoHide: true,
|
|
||||||
placement: 'bottom',
|
|
||||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
|
||||||
}"
|
|
||||||
class="icon">
|
|
||||||
<i class="tainacan-icon tainacan-icon-edit"/>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
class="button is-rounded is-secondary"
|
|
||||||
id="button-delete-header-image"
|
|
||||||
:aria-label="$i18n.get('label_button_delete_thumb')"
|
|
||||||
@click="deleteThumbnail()">
|
|
||||||
<span
|
|
||||||
v-tooltip="{
|
|
||||||
content: $i18n.get('delete'),
|
|
||||||
autoHide: true,
|
|
||||||
placement: 'bottom',
|
|
||||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
|
||||||
}"
|
|
||||||
class="icon">
|
|
||||||
<i class="tainacan-icon tainacan-icon-delete"/>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</b-field>
|
|
||||||
|
|
||||||
<!-- Cover Page -------------------------------- -->
|
|
||||||
<b-field
|
<b-field
|
||||||
:addons="false"
|
:addons="false"
|
||||||
:label="$i18n.get('label_cover_page')"
|
:label="$i18n.get('label_description')"
|
||||||
:type="editFormErrors['cover_page_id'] != undefined ? 'is-danger' : ''"
|
:type="editFormErrors['description'] != undefined ? 'is-danger' : ''"
|
||||||
:message="editFormErrors['cover_page_id'] != undefined ? editFormErrors['cover_page_id'] : ''">
|
:message="editFormErrors['description'] != undefined ? editFormErrors['description'] : ''">
|
||||||
|
|
||||||
<b-switch
|
|
||||||
id="tainacan-checkbox-cover-page"
|
|
||||||
size="is-small"
|
|
||||||
true-value="yes"
|
|
||||||
false-value="no"
|
|
||||||
v-model="form.enable_cover_page" />
|
|
||||||
<help-button
|
<help-button
|
||||||
:title="$i18n.getHelperTitle('collections', 'cover_page_id')"
|
:title="$i18n.getHelperTitle('collections', 'description')"
|
||||||
:message="$i18n.getHelperMessage('collections', 'cover_page_id')"/>
|
:message="$i18n.getHelperMessage('collections', 'description')"/>
|
||||||
<b-autocomplete
|
<b-input
|
||||||
id="tainacan-text-cover-page"
|
id="tainacan-text-description"
|
||||||
:placeholder="$i18n.get('instruction_cover_page')"
|
type="textarea"
|
||||||
:data="coverPages"
|
rows="3"
|
||||||
v-model="coverPageTitle"
|
:placeholder="$i18n.get('instruction_collection_description')"
|
||||||
@select="onSelectCoverPage($event)"
|
v-model="form.description"
|
||||||
:loading="isFetchingPages"
|
@focus="clearErrors('description')"/>
|
||||||
@input="fecthCoverPages"
|
</b-field>
|
||||||
@focus="clearErrors('cover_page_id')"
|
|
||||||
v-if="coverPage == undefined || coverPage.title == undefined"
|
<!-- Slug -------------------------------- -->
|
||||||
:disabled="form.enable_cover_page != 'yes'"
|
<b-field
|
||||||
check-infinite-scroll
|
:addons="false"
|
||||||
@infinite-scroll="fetchMoreCoverPages">
|
:label="$i18n.get('label_slug')"
|
||||||
<template slot-scope="props">
|
:type="editFormErrors['slug'] != undefined ? 'is-danger' : ''"
|
||||||
{{ props.option.title.rendered }}
|
:message="isUpdatingSlug ? $i18n.get('info_validating_slug') : (editFormErrors['slug'] != undefined ? editFormErrors['slug'] : '')">
|
||||||
</template>
|
<help-button
|
||||||
<template slot="empty">{{ $i18n.get('info_no_page_found') }}</template>
|
:title="$i18n.getHelperTitle('collections', 'slug')"
|
||||||
</b-autocomplete>
|
:message="$i18n.getHelperMessage('collections', 'slug')"/>
|
||||||
|
<b-input
|
||||||
<div
|
id="tainacan-text-slug"
|
||||||
v-if="coverPage != undefined && coverPage.title != undefined"
|
@input="updateSlug"
|
||||||
class="control selected-cover-page">
|
v-model="form.slug"
|
||||||
<span v-html="coverPage.title.rendered" />
|
@focus="clearErrors('slug')"
|
||||||
<span class="selected-cover-page-control">
|
:disabled="isUpdatingSlug"
|
||||||
<a
|
:loading="isUpdatingSlug"/>
|
||||||
target="_blank"
|
|
||||||
@click.prevent="removeCoverPage()">
|
|
||||||
<span
|
|
||||||
v-tooltip="{
|
|
||||||
content: $i18n.get('remove_value'),
|
|
||||||
autoHide: true,
|
|
||||||
placement: 'bottom',
|
|
||||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
|
||||||
}"
|
|
||||||
class="icon is-small">
|
|
||||||
<i class="tainacan-icon tainacan-icon-close"/>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<span
|
|
||||||
:class="{'disabled': form.enable_cover_page != 'yes' || coverPage == undefined || coverPage.title == undefined}"
|
|
||||||
class="selected-cover-page-buttons">
|
|
||||||
<a
|
|
||||||
target="_blank"
|
|
||||||
:href="coverPage.link">
|
|
||||||
<span
|
|
||||||
v-tooltip="{
|
|
||||||
content: $i18n.get('see'),
|
|
||||||
autoHide: true,
|
|
||||||
placement: 'bottom',
|
|
||||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
|
||||||
}"
|
|
||||||
class="icon is-small">
|
|
||||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-see"/>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a
|
|
||||||
target="blank"
|
|
||||||
:href="coverPageEditPath">
|
|
||||||
<span
|
|
||||||
v-tooltip="{
|
|
||||||
content: $i18n.get('edit'),
|
|
||||||
autoHide: true,
|
|
||||||
placement: 'bottom',
|
|
||||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
|
||||||
}"
|
|
||||||
class="icon is-small">
|
|
||||||
<i class="tainacan-icon tainacan-icon-edit"/>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
<br>
|
|
||||||
<a
|
|
||||||
class="add-link"
|
|
||||||
style="font-size: 0.875em;"
|
|
||||||
:class="{'disabled': form.enable_cover_page != 'yes'}"
|
|
||||||
target="_blank"
|
|
||||||
:href="newPagePath">
|
|
||||||
<span class="icon is-small">
|
|
||||||
<i class="tainacan-icon tainacan-icon-add"/>
|
|
||||||
</span>
|
|
||||||
{{ $i18n.get('label_create_new_page') }}</a>
|
|
||||||
</b-field>
|
</b-field>
|
||||||
|
|
||||||
<!-- Change Default OrderBy Select and Order Button-->
|
<!-- Change Default OrderBy Select and Order Button-->
|
||||||
|
|
@ -247,6 +122,90 @@
|
||||||
</div>
|
</div>
|
||||||
</b-field>
|
</b-field>
|
||||||
|
|
||||||
|
|
||||||
|
<label class="label">{{ $i18n.get('label_view_modes_public_list') }}</label>
|
||||||
|
<div class="items-view-mode-options">
|
||||||
|
|
||||||
|
<!-- Enabled View Modes ------------------------------- -->
|
||||||
|
<div class="field">
|
||||||
|
<label class="label">{{ $i18n.get('label_view_modes_available') }}</label>
|
||||||
|
<help-button
|
||||||
|
:title="$i18n.getHelperTitle('collections', 'enabled_view_modes')"
|
||||||
|
:message="$i18n.getHelperMessage('collections', 'enabled_view_modes')"/>
|
||||||
|
<div class="control">
|
||||||
|
<b-dropdown
|
||||||
|
class="enabled-view-modes-dropdown"
|
||||||
|
ref="enabledViewModesDropdown"
|
||||||
|
:mobile-modal="true"
|
||||||
|
:disabled="Object.keys(registeredViewModes).length < 0"
|
||||||
|
aria-role="list"
|
||||||
|
trap-focus
|
||||||
|
position="is-top-right">
|
||||||
|
<button
|
||||||
|
class="button is-white"
|
||||||
|
slot="trigger"
|
||||||
|
position="is-top-right"
|
||||||
|
type="button">
|
||||||
|
<span>{{ $i18n.get('label_enabled_view_modes') }}</span>
|
||||||
|
<span class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown"/>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
<b-dropdown-item
|
||||||
|
v-for="(viewMode, index) in Object.keys(registeredViewModes)"
|
||||||
|
:key="index"
|
||||||
|
custom
|
||||||
|
aria-role="listitem">
|
||||||
|
<b-checkbox
|
||||||
|
v-if="registeredViewModes[viewMode] != undefined"
|
||||||
|
@input="updateViewModeslist(viewMode)"
|
||||||
|
:value="checkIfViewModeEnabled(viewMode)"
|
||||||
|
:disabled="checkIfViewModeEnabled(viewMode) && form.enabled_view_modes.filter((aViewMode) => (registeredViewModes[aViewMode] && registeredViewModes[aViewMode].full_screen != true)).length <= 1">
|
||||||
|
<p>
|
||||||
|
<strong>
|
||||||
|
<span
|
||||||
|
class="gray-icon"
|
||||||
|
:class="{
|
||||||
|
'has-text-secondary' : checkIfViewModeEnabled(viewMode),
|
||||||
|
'has-text-gray4' : !checkIfViewModeEnabled(viewMode)
|
||||||
|
}"
|
||||||
|
v-html="registeredViewModes[viewMode].icon"/>
|
||||||
|
{{ registeredViewModes[viewMode].label }}
|
||||||
|
</strong>
|
||||||
|
</p>
|
||||||
|
<p v-if="registeredViewModes[viewMode].description">{{ registeredViewModes[viewMode].description }}</p>
|
||||||
|
</b-checkbox>
|
||||||
|
</b-dropdown-item>
|
||||||
|
</b-dropdown>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Default View Mode -------------------------------- -->
|
||||||
|
<b-field
|
||||||
|
v-if="form.enabled_view_modes.length > 0"
|
||||||
|
:addons="false"
|
||||||
|
:label="$i18n.get('label_default')"
|
||||||
|
:type="editFormErrors['default_view_mode'] != undefined ? 'is-danger' : ''"
|
||||||
|
:message="editFormErrors['default_view_mode'] != undefined ? editFormErrors['default_view_mode'] : ''">
|
||||||
|
<help-button
|
||||||
|
:title="$i18n.getHelperTitle('collections', 'default_view_mode')"
|
||||||
|
:message="$i18n.getHelperMessage('collections', 'default_view_mode')"/>
|
||||||
|
<b-select
|
||||||
|
expanded
|
||||||
|
id="tainacan-select-default_view_mode"
|
||||||
|
v-model="form.default_view_mode"
|
||||||
|
@focus="clearErrors('default_view_mode')">
|
||||||
|
<option
|
||||||
|
v-for="(viewMode, index) of form.enabled_view_modes"
|
||||||
|
v-if="registeredViewModes[viewMode] != undefined && registeredViewModes[viewMode].full_screen != true"
|
||||||
|
:key="index"
|
||||||
|
:value="viewMode">
|
||||||
|
{{ registeredViewModes[viewMode].label }}
|
||||||
|
</option>
|
||||||
|
</b-select>
|
||||||
|
</b-field>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Hide Items Thumbnail on Lists ------------------------ -->
|
<!-- Hide Items Thumbnail on Lists ------------------------ -->
|
||||||
<b-field
|
<b-field
|
||||||
:addons="false"
|
:addons="false"
|
||||||
|
|
@ -263,239 +222,6 @@
|
||||||
:message="$i18n.getHelperMessage('collections', 'hide_items_thumbnail_on_lists')"/>
|
:message="$i18n.getHelperMessage('collections', 'hide_items_thumbnail_on_lists')"/>
|
||||||
</b-field>
|
</b-field>
|
||||||
|
|
||||||
<!-- Enabled View Modes ------------------------------- -->
|
|
||||||
<div class="field">
|
|
||||||
<label class="label">{{ $i18n.get('label_view_modes_available') }}</label>
|
|
||||||
<help-button
|
|
||||||
:title="$i18n.getHelperTitle('collections', 'enabled_view_modes')"
|
|
||||||
:message="$i18n.getHelperMessage('collections', 'enabled_view_modes')"/>
|
|
||||||
<div class="control">
|
|
||||||
<b-dropdown
|
|
||||||
class="two-columns-dropdown enabled-view-modes-dropdown"
|
|
||||||
ref="enabledViewModesDropdown"
|
|
||||||
:mobile-modal="true"
|
|
||||||
:disabled="Object.keys(registeredViewModes).length < 0"
|
|
||||||
aria-role="list"
|
|
||||||
trap-focus>
|
|
||||||
<button
|
|
||||||
class="button is-white"
|
|
||||||
slot="trigger"
|
|
||||||
position="is-top-right"
|
|
||||||
type="button">
|
|
||||||
<span>{{ $i18n.get('label_enabled_view_modes') }}</span>
|
|
||||||
<span class="icon">
|
|
||||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-arrowdown"/>
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
<b-dropdown-item
|
|
||||||
v-for="(viewMode, index) in Object.keys(registeredViewModes)"
|
|
||||||
:key="index"
|
|
||||||
custom
|
|
||||||
aria-role="listitem">
|
|
||||||
<b-checkbox
|
|
||||||
v-if="registeredViewModes[viewMode] != undefined"
|
|
||||||
@input="updateViewModeslist(viewMode)"
|
|
||||||
:value="checkIfViewModeEnabled(viewMode)"
|
|
||||||
:disabled="checkIfViewModeEnabled(viewMode) && form.enabled_view_modes.filter((aViewMode) => (registeredViewModes[aViewMode] && registeredViewModes[aViewMode].full_screen != true)).length <= 1">
|
|
||||||
<p>
|
|
||||||
<strong>
|
|
||||||
<span
|
|
||||||
class="gray-icon"
|
|
||||||
:class="{
|
|
||||||
'has-text-secondary' : checkIfViewModeEnabled(viewMode),
|
|
||||||
'has-text-gray4' : !checkIfViewModeEnabled(viewMode)
|
|
||||||
}"
|
|
||||||
v-html="registeredViewModes[viewMode].icon"/>
|
|
||||||
{{ registeredViewModes[viewMode].label }}
|
|
||||||
</strong>
|
|
||||||
</p>
|
|
||||||
<p v-if="registeredViewModes[viewMode].description">{{ registeredViewModes[viewMode].description }}</p>
|
|
||||||
</b-checkbox>
|
|
||||||
</b-dropdown-item>
|
|
||||||
</b-dropdown>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Default View Mode -------------------------------- -->
|
|
||||||
<b-field
|
|
||||||
v-if="form.enabled_view_modes.length > 0"
|
|
||||||
:addons="false"
|
|
||||||
:label="$i18n.get('label_default_view_mode')"
|
|
||||||
:type="editFormErrors['default_view_mode'] != undefined ? 'is-danger' : ''"
|
|
||||||
:message="editFormErrors['default_view_mode'] != undefined ? editFormErrors['default_view_mode'] : ''">
|
|
||||||
<help-button
|
|
||||||
:title="$i18n.getHelperTitle('collections', 'default_view_mode')"
|
|
||||||
:message="$i18n.getHelperMessage('collections', 'default_view_mode')"/>
|
|
||||||
<b-select
|
|
||||||
expanded
|
|
||||||
id="tainacan-select-default_view_mode"
|
|
||||||
v-model="form.default_view_mode"
|
|
||||||
@focus="clearErrors('default_view_mode')">
|
|
||||||
<option
|
|
||||||
v-for="(viewMode, index) of form.enabled_view_modes"
|
|
||||||
v-if="registeredViewModes[viewMode] != undefined && registeredViewModes[viewMode].full_screen != true"
|
|
||||||
:key="index"
|
|
||||||
:value="viewMode">
|
|
||||||
{{ registeredViewModes[viewMode].label }}
|
|
||||||
</option>
|
|
||||||
</b-select>
|
|
||||||
</b-field>
|
|
||||||
|
|
||||||
<!-- Hook for extra Form options -->
|
|
||||||
<template v-if="hasEndLeftForm">
|
|
||||||
<form
|
|
||||||
ref="form-collection-end-left"
|
|
||||||
id="form-collection-end-left"
|
|
||||||
class="form-hook-region"
|
|
||||||
v-html="getEndLeftForm"/>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
|
|
||||||
<!-- Status -------------------------------- -->
|
|
||||||
<b-field
|
|
||||||
:addons="false"
|
|
||||||
:label="$i18n.get('label_status')"
|
|
||||||
:type="editFormErrors['status'] != undefined ? 'is-danger' : ''"
|
|
||||||
:message="editFormErrors['status'] != undefined ? editFormErrors['status'] : ''">
|
|
||||||
<help-button
|
|
||||||
:title="$i18n.getHelperTitle('collections', 'status')"
|
|
||||||
:message="$i18n.getHelperMessage('collections', 'status')"/>
|
|
||||||
<div class="status-radios">
|
|
||||||
<b-radio
|
|
||||||
v-model="form.status"
|
|
||||||
v-for="(statusOption, index) of $statusHelper.getStatuses().filter((status) => status.slug != 'draft')"
|
|
||||||
:key="index"
|
|
||||||
:native-value="statusOption.slug">
|
|
||||||
<span class="icon has-text-gray">
|
|
||||||
<i
|
|
||||||
class="tainacan-icon tainacan-icon-18px"
|
|
||||||
:class="$statusHelper.getIcon(statusOption.slug)"/>
|
|
||||||
</span>
|
|
||||||
{{ statusOption.name }}
|
|
||||||
</b-radio>
|
|
||||||
</div>
|
|
||||||
</b-field>
|
|
||||||
|
|
||||||
<!-- Header Image -------------------------------- -->
|
|
||||||
<b-field :addons="false">
|
|
||||||
<label class="label">{{ $i18n.get('label_header_image') }}</label>
|
|
||||||
<div class="header-field">
|
|
||||||
<figure class="image">
|
|
||||||
<span
|
|
||||||
v-if="collection.header_image == undefined || collection.header_image == false"
|
|
||||||
class="image-placeholder">{{ $i18n.get('label_empty_header_image') }}</span>
|
|
||||||
<img
|
|
||||||
:alt="$i18n.get('label_thumbnail')"
|
|
||||||
:src="(collection.header_image == undefined || collection.header_image == false) ? headerPlaceholderPath : collection.header_image">
|
|
||||||
</figure>
|
|
||||||
<div class="header-buttons-row">
|
|
||||||
<a
|
|
||||||
class="button is-rounded is-secondary"
|
|
||||||
id="button-edit-header-image"
|
|
||||||
:aria-label="$i18n.get('label_button_edit_header_image')"
|
|
||||||
@click="headerImageMediaFrame.openFrame($event)">
|
|
||||||
<span
|
|
||||||
v-tooltip="{
|
|
||||||
content: $i18n.get('edit'),
|
|
||||||
autoHide: true,
|
|
||||||
placement: 'bottom',
|
|
||||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
|
||||||
}"
|
|
||||||
class="icon">
|
|
||||||
<i class="tainacan-icon tainacan-icon-edit"/>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
class="button is-rounded is-secondary"
|
|
||||||
id="button-delete-header-image"
|
|
||||||
:aria-label="$i18n.get('label_button_delete_thumb')"
|
|
||||||
@click="deleteHeaderImage()">
|
|
||||||
<span
|
|
||||||
v-tooltip="{
|
|
||||||
content: $i18n.get('delete'),
|
|
||||||
autoHide: true,
|
|
||||||
placement: 'bottom',
|
|
||||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
|
||||||
}"
|
|
||||||
class="icon">
|
|
||||||
<i class="tainacan-icon tainacan-icon-delete"/>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</b-field>
|
|
||||||
|
|
||||||
<!-- Hook for extra Form options -->
|
|
||||||
<template v-if="hasBeginRightForm">
|
|
||||||
<form
|
|
||||||
id="form-collection-begin-right"
|
|
||||||
class="form-hook-region"
|
|
||||||
v-html="getBeginRightForm"/>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<!-- Description -------------------------------- -->
|
|
||||||
<b-field
|
|
||||||
:addons="false"
|
|
||||||
:label="$i18n.get('label_description')"
|
|
||||||
:type="editFormErrors['description'] != undefined ? 'is-danger' : ''"
|
|
||||||
:message="editFormErrors['description'] != undefined ? editFormErrors['description'] : ''">
|
|
||||||
<help-button
|
|
||||||
:title="$i18n.getHelperTitle('collections', 'description')"
|
|
||||||
:message="$i18n.getHelperMessage('collections', 'description')"/>
|
|
||||||
<b-input
|
|
||||||
id="tainacan-text-description"
|
|
||||||
type="textarea"
|
|
||||||
v-model="form.description"
|
|
||||||
@focus="clearErrors('description')"/>
|
|
||||||
</b-field>
|
|
||||||
|
|
||||||
<!-- Parent Collection -------------------------------- -->
|
|
||||||
<!-- DISABLED IN 0.18 AS WE DISCUSS BETTER IMPLEMENTATION FOR COLLECTIONS HIERARCHY -->
|
|
||||||
<!-- <b-field
|
|
||||||
:addons="false"
|
|
||||||
:label="$i18n.get('label_parent_collection')"
|
|
||||||
:type="editFormErrors['parent'] != undefined ? 'is-danger' : ''"
|
|
||||||
:message="editFormErrors['parent'] != undefined ? editFormErrors['parent'] : ''">
|
|
||||||
<help-button
|
|
||||||
:title="$i18n.getHelperTitle('collections', 'parent')"
|
|
||||||
:message="$i18n.getHelperMessage('collections', 'parent')"/>
|
|
||||||
<b-select
|
|
||||||
expanded
|
|
||||||
id="tainacan-select-parent"
|
|
||||||
v-model="form.parent"
|
|
||||||
@focus="clearErrors('parent')"
|
|
||||||
:loading="isFetchingCollections"
|
|
||||||
:placeholder="$i18n.get('instruction_select_a_parent_collection')">
|
|
||||||
<option value="0">{{ $i18n.get('label_no_parent_collection') }}</option>
|
|
||||||
<option
|
|
||||||
v-if="collection.id != anotherCollection.id"
|
|
||||||
v-for="anotherCollection of collections"
|
|
||||||
:key="anotherCollection.id"
|
|
||||||
:value="anotherCollection.id">{{ anotherCollection.name }}
|
|
||||||
</option>
|
|
||||||
</b-select>
|
|
||||||
</b-field> -->
|
|
||||||
|
|
||||||
<!-- Slug -------------------------------- -->
|
|
||||||
<b-field
|
|
||||||
:addons="false"
|
|
||||||
:label="$i18n.get('label_slug')"
|
|
||||||
:type="editFormErrors['slug'] != undefined ? 'is-danger' : ''"
|
|
||||||
:message="isUpdatingSlug ? $i18n.get('info_validating_slug') : (editFormErrors['slug'] != undefined ? editFormErrors['slug'] : '')">
|
|
||||||
<help-button
|
|
||||||
:title="$i18n.getHelperTitle('collections', 'slug')"
|
|
||||||
:message="$i18n.getHelperMessage('collections', 'slug')"/>
|
|
||||||
<b-input
|
|
||||||
id="tainacan-text-slug"
|
|
||||||
@input="updateSlug"
|
|
||||||
v-model="form.slug"
|
|
||||||
@focus="clearErrors('slug')"
|
|
||||||
:disabled="isUpdatingSlug"
|
|
||||||
:loading="isUpdatingSlug"/>
|
|
||||||
</b-field>
|
|
||||||
|
|
||||||
<!-- Comment Status ------------------------ -->
|
<!-- Comment Status ------------------------ -->
|
||||||
<b-field
|
<b-field
|
||||||
:addons="false"
|
:addons="false"
|
||||||
|
|
@ -603,6 +329,296 @@
|
||||||
</div>
|
</div>
|
||||||
</transition>
|
</transition>
|
||||||
|
|
||||||
|
<!-- Hook for extra Form options -->
|
||||||
|
<template v-if="hasEndLeftForm">
|
||||||
|
<form
|
||||||
|
ref="form-collection-end-left"
|
||||||
|
id="form-collection-end-left"
|
||||||
|
class="form-hook-region"
|
||||||
|
v-html="getEndLeftForm"/>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
|
||||||
|
<!-- Status -------------------------------- -->
|
||||||
|
<b-field
|
||||||
|
:addons="false"
|
||||||
|
:label="$i18n.get('label_status')"
|
||||||
|
:type="editFormErrors['status'] != undefined ? 'is-danger' : ''"
|
||||||
|
:message="editFormErrors['status'] != undefined ? editFormErrors['status'] : ''">
|
||||||
|
<help-button
|
||||||
|
:title="$i18n.getHelperTitle('collections', 'status')"
|
||||||
|
:message="$i18n.getHelperMessage('collections', 'status')"/>
|
||||||
|
<div class="status-radios">
|
||||||
|
<b-radio
|
||||||
|
v-model="form.status"
|
||||||
|
v-for="(statusOption, index) of $statusHelper.getStatuses().filter((status) => status.slug != 'draft')"
|
||||||
|
:key="index"
|
||||||
|
:native-value="statusOption.slug">
|
||||||
|
<span class="icon has-text-gray">
|
||||||
|
<i
|
||||||
|
class="tainacan-icon tainacan-icon-18px"
|
||||||
|
:class="$statusHelper.getIcon(statusOption.slug)"/>
|
||||||
|
</span>
|
||||||
|
{{ statusOption.name }}
|
||||||
|
</b-radio>
|
||||||
|
</div>
|
||||||
|
</b-field>
|
||||||
|
|
||||||
|
<!-- Hook for extra Form options -->
|
||||||
|
<template v-if="hasBeginRightForm">
|
||||||
|
<form
|
||||||
|
id="form-collection-begin-right"
|
||||||
|
class="form-hook-region"
|
||||||
|
v-html="getBeginRightForm"/>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- Image thumbnail & Header Image -------------------------------- -->
|
||||||
|
<b-field :addons="false">
|
||||||
|
<label class="label">
|
||||||
|
{{ $i18n.get('label_thumbnail') }} & {{ $i18n.get('label_header_image') }}
|
||||||
|
<help-button
|
||||||
|
:title="$i18n.get('label_thumbnail') + ' & ' + $i18n.get('label_header_image')"
|
||||||
|
:message="$i18n.get('info_collection_thumbnail_and_header')"/>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<!-- Header Image -------------------------------- -->
|
||||||
|
<div class="header-field">
|
||||||
|
<figure class="image">
|
||||||
|
<span
|
||||||
|
v-if="collection.header_image == undefined || collection.header_image == false"
|
||||||
|
class="image-placeholder">{{ $i18n.get('label_empty_header_image') }}</span>
|
||||||
|
<img
|
||||||
|
:alt="$i18n.get('label_thumbnail')"
|
||||||
|
:src="(collection.header_image == undefined || collection.header_image == false) ? headerPlaceholderPath : collection.header_image">
|
||||||
|
</figure>
|
||||||
|
<div class="header-buttons-row">
|
||||||
|
<a
|
||||||
|
class="button is-rounded is-secondary"
|
||||||
|
id="button-edit-header-image"
|
||||||
|
:aria-label="$i18n.get('label_button_edit_header_image')"
|
||||||
|
@click="headerImageMediaFrame.openFrame($event)">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('edit'),
|
||||||
|
autoHide: true,
|
||||||
|
placement: 'bottom',
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-edit"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
class="button is-rounded is-secondary"
|
||||||
|
id="button-delete-header-image"
|
||||||
|
:aria-label="$i18n.get('label_button_delete_thumb')"
|
||||||
|
@click="deleteHeaderImage()">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('delete'),
|
||||||
|
autoHide: true,
|
||||||
|
placement: 'bottom',
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-delete"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Thumbnail -------------------------------- -->
|
||||||
|
<b-field :addons="false">
|
||||||
|
<div class="thumbnail-field">
|
||||||
|
<file-item
|
||||||
|
v-if="collection.thumbnail != undefined && ((collection.thumbnail['tainacan-medium'] != undefined && collection.thumbnail['tainacan-medium'] != false) || (collection.thumbnail.medium != undefined && collection.thumbnail.medium != false))"
|
||||||
|
:show-name="false"
|
||||||
|
:modal-on-click="true"
|
||||||
|
:size="146"
|
||||||
|
:file="{
|
||||||
|
media_type: 'image',
|
||||||
|
thumbnails: { 'tainacan-medium': [ $thumbHelper.getSrc(collection['thumbnail'], 'tainacan-medium') ] },
|
||||||
|
title: $i18n.get('label_thumbnail'),
|
||||||
|
description: `<img alt='` + $i18n.get('label_thumbnail') + `' src='` + $thumbHelper.getSrc(collection['thumbnail'], 'full') + `'/>`
|
||||||
|
}"/>
|
||||||
|
<figure
|
||||||
|
v-if="collection.thumbnail == undefined || ((collection.thumbnail.medium == undefined || collection.thumbnail.medium == false) && (collection.thumbnail['tainacan-medium'] == undefined || collection.thumbnail['tainacan-medium'] == false))"
|
||||||
|
class="image">
|
||||||
|
<span class="image-placeholder">{{ $i18n.get('label_empty_thumbnail') }}</span>
|
||||||
|
<img
|
||||||
|
:alt="$i18n.get('label_thumbnail')"
|
||||||
|
:src="$thumbHelper.getEmptyThumbnailPlaceholder()">
|
||||||
|
</figure>
|
||||||
|
<div class="thumbnail-buttons-row">
|
||||||
|
<a
|
||||||
|
class="button is-rounded is-secondary"
|
||||||
|
id="button-edit-thumbnail"
|
||||||
|
:aria-label="$i18n.get('label_button_edit_thumb')"
|
||||||
|
@click.prevent="thumbnailMediaFrame.openFrame($event)">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('edit'),
|
||||||
|
autoHide: true,
|
||||||
|
placement: 'bottom',
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-edit"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
class="button is-rounded is-secondary"
|
||||||
|
id="button-delete-header-image"
|
||||||
|
:aria-label="$i18n.get('label_button_delete_thumb')"
|
||||||
|
@click="deleteThumbnail()">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('delete'),
|
||||||
|
autoHide: true,
|
||||||
|
placement: 'bottom',
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-delete"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
|
||||||
|
<!-- Cover Page -------------------------------- -->
|
||||||
|
<b-field
|
||||||
|
:addons="false"
|
||||||
|
:label="$i18n.get('label_cover_page')"
|
||||||
|
:type="editFormErrors['cover_page_id'] != undefined ? 'is-danger' : ''"
|
||||||
|
:message="editFormErrors['cover_page_id'] != undefined ? editFormErrors['cover_page_id'] : ''">
|
||||||
|
|
||||||
|
<b-switch
|
||||||
|
id="tainacan-checkbox-cover-page"
|
||||||
|
size="is-small"
|
||||||
|
true-value="yes"
|
||||||
|
false-value="no"
|
||||||
|
v-model="form.enable_cover_page" />
|
||||||
|
<help-button
|
||||||
|
:title="$i18n.getHelperTitle('collections', 'cover_page_id')"
|
||||||
|
:message="$i18n.getHelperMessage('collections', 'cover_page_id')"/>
|
||||||
|
<b-autocomplete
|
||||||
|
id="tainacan-text-cover-page"
|
||||||
|
:placeholder="$i18n.get('instruction_cover_page')"
|
||||||
|
:data="coverPages"
|
||||||
|
v-model="coverPageTitle"
|
||||||
|
@select="onSelectCoverPage($event)"
|
||||||
|
:loading="isFetchingPages"
|
||||||
|
@input="fecthCoverPages"
|
||||||
|
@focus="clearErrors('cover_page_id')"
|
||||||
|
v-if="coverPage == undefined || coverPage.title == undefined"
|
||||||
|
:disabled="form.enable_cover_page != 'yes'"
|
||||||
|
check-infinite-scroll
|
||||||
|
@infinite-scroll="fetchMoreCoverPages">
|
||||||
|
<template slot-scope="props">
|
||||||
|
{{ props.option.title.rendered }}
|
||||||
|
</template>
|
||||||
|
<template slot="empty">{{ $i18n.get('info_no_page_found') }}</template>
|
||||||
|
</b-autocomplete>
|
||||||
|
|
||||||
|
<div
|
||||||
|
v-if="coverPage != undefined && coverPage.title != undefined"
|
||||||
|
class="control selected-cover-page">
|
||||||
|
<span v-html="coverPage.title.rendered" />
|
||||||
|
<span class="selected-cover-page-control">
|
||||||
|
<a
|
||||||
|
target="_blank"
|
||||||
|
@click.prevent="removeCoverPage()">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('remove_value'),
|
||||||
|
autoHide: true,
|
||||||
|
placement: 'bottom',
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||||
|
}"
|
||||||
|
class="icon is-small">
|
||||||
|
<i class="tainacan-icon tainacan-icon-close"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<span
|
||||||
|
:class="{'disabled': form.enable_cover_page != 'yes' || coverPage == undefined || coverPage.title == undefined}"
|
||||||
|
class="selected-cover-page-buttons">
|
||||||
|
<a
|
||||||
|
target="_blank"
|
||||||
|
:href="coverPage.link">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('see'),
|
||||||
|
autoHide: true,
|
||||||
|
placement: 'bottom',
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||||
|
}"
|
||||||
|
class="icon is-small">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-see"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
target="blank"
|
||||||
|
:href="coverPageEditPath">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('edit'),
|
||||||
|
autoHide: true,
|
||||||
|
placement: 'bottom',
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||||
|
}"
|
||||||
|
class="icon is-small">
|
||||||
|
<i class="tainacan-icon tainacan-icon-edit"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
<br>
|
||||||
|
<a
|
||||||
|
class="add-link"
|
||||||
|
style="font-size: 0.875em;"
|
||||||
|
:class="{'disabled': form.enable_cover_page != 'yes'}"
|
||||||
|
target="_blank"
|
||||||
|
:href="newPagePath">
|
||||||
|
<span class="icon is-small">
|
||||||
|
<i class="tainacan-icon tainacan-icon-add"/>
|
||||||
|
</span>
|
||||||
|
{{ $i18n.get('label_create_new_page') }}</a>
|
||||||
|
</b-field>
|
||||||
|
|
||||||
|
<!-- Parent Collection -------------------------------- -->
|
||||||
|
<!-- DISABLED IN 0.18 AS WE DISCUSS BETTER IMPLEMENTATION FOR COLLECTIONS HIERARCHY -->
|
||||||
|
<!-- <b-field
|
||||||
|
:addons="false"
|
||||||
|
:label="$i18n.get('label_parent_collection')"
|
||||||
|
:type="editFormErrors['parent'] != undefined ? 'is-danger' : ''"
|
||||||
|
:message="editFormErrors['parent'] != undefined ? editFormErrors['parent'] : ''">
|
||||||
|
<help-button
|
||||||
|
:title="$i18n.getHelperTitle('collections', 'parent')"
|
||||||
|
:message="$i18n.getHelperMessage('collections', 'parent')"/>
|
||||||
|
<b-select
|
||||||
|
expanded
|
||||||
|
id="tainacan-select-parent"
|
||||||
|
v-model="form.parent"
|
||||||
|
@focus="clearErrors('parent')"
|
||||||
|
:loading="isFetchingCollections"
|
||||||
|
:placeholder="$i18n.get('instruction_select_a_parent_collection')">
|
||||||
|
<option value="0">{{ $i18n.get('label_no_parent_collection') }}</option>
|
||||||
|
<option
|
||||||
|
v-if="collection.id != anotherCollection.id"
|
||||||
|
v-for="anotherCollection of collections"
|
||||||
|
:key="anotherCollection.id"
|
||||||
|
:value="anotherCollection.id">{{ anotherCollection.name }}
|
||||||
|
</option>
|
||||||
|
</b-select>
|
||||||
|
</b-field> -->
|
||||||
|
|
||||||
|
|
||||||
<!-- Hook for extra Form options -->
|
<!-- Hook for extra Form options -->
|
||||||
<template v-if="hasEndRightForm">
|
<template v-if="hasEndRightForm">
|
||||||
<form
|
<form
|
||||||
|
|
@ -1305,7 +1321,7 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.header-field {
|
.header-field {
|
||||||
padding-top: 24px;
|
padding-top: 1px;
|
||||||
|
|
||||||
.image-placeholder {
|
.image-placeholder {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -1328,38 +1344,52 @@ export default {
|
||||||
top: -15px;
|
top: -15px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.thumbnail-field {
|
|
||||||
padding: 16px;
|
|
||||||
// margin-top: 16px;
|
|
||||||
// margin-bottom: 38px;
|
|
||||||
|
|
||||||
|
&+.field {
|
||||||
|
opacity: 1.0;
|
||||||
|
transition: opacity 0.2s ease;
|
||||||
|
}
|
||||||
|
&:hover+.field {
|
||||||
|
opacity: 0.4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumbnail-field {
|
||||||
|
padding: 1rem;
|
||||||
|
margin-top: -120px;
|
||||||
|
margin-bottom: -30px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 99;
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
}
|
}
|
||||||
img {
|
img,
|
||||||
height: 178px;
|
/deep/ .image-wrapper {
|
||||||
width: 178px;
|
height: 146px;
|
||||||
|
width: 146px;
|
||||||
|
border: 6px solid var(--tainacan-background-color);
|
||||||
}
|
}
|
||||||
.image-placeholder {
|
.image-placeholder {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-left: 45px;
|
margin-left: 26px;
|
||||||
margin-right: 45px;
|
margin-right: 26px;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: var(--tainacan-info-color);
|
color: var(--tainacan-info-color);
|
||||||
top: 70px;
|
top: 64px;
|
||||||
max-width: 90px;
|
max-width: 90px;
|
||||||
}
|
}
|
||||||
.thumbnail-buttons-row {
|
.thumbnail-buttons-row {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 90px;
|
left: 52px;
|
||||||
bottom: 1.0em;
|
bottom: calc(1.0em + 12px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.switch {
|
.switch {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -1px;
|
top: -1px;
|
||||||
|
|
@ -1387,10 +1417,18 @@ export default {
|
||||||
.sorting-options {
|
.sorting-options {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
.help {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.control.is-expanded {
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.status-radios {
|
.status-radios {
|
||||||
|
|
@ -1401,6 +1439,30 @@ export default {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.items-view-mode-options {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
&>.field:first-child {
|
||||||
|
width: 66.66%;
|
||||||
|
margin-right: 12px;
|
||||||
|
|
||||||
|
.dropdown-trigger>.button {
|
||||||
|
min-height: 35px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&>.field:last-child {
|
||||||
|
width: 33.33%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.dropdown-trigger>.button {
|
||||||
|
min-height: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.item-submission-options {
|
.item-submission-options {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
padding-top: 1.25em;
|
padding-top: 1.25em;
|
||||||
|
|
@ -1408,6 +1470,9 @@ export default {
|
||||||
border-left: 1px solid var(--tainacan-gray2);
|
border-left: 1px solid var(--tainacan-gray2);
|
||||||
}
|
}
|
||||||
.enabled-view-modes-dropdown {
|
.enabled-view-modes-dropdown {
|
||||||
|
position: relative;
|
||||||
|
z-index: 101;
|
||||||
|
|
||||||
/deep/ .dropdown-item {
|
/deep/ .dropdown-item {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -316,7 +316,7 @@ return apply_filters( 'tainacan-i18n', [
|
||||||
'label_view_mode' => __( 'View mode', 'tainacan' ),
|
'label_view_mode' => __( 'View mode', 'tainacan' ),
|
||||||
'label_default_view_mode' => __( 'Default view mode', 'tainacan' ),
|
'label_default_view_mode' => __( 'Default view mode', 'tainacan' ),
|
||||||
'label_enabled_view_modes' => __( 'Enabled view modes', 'tainacan' ),
|
'label_enabled_view_modes' => __( 'Enabled view modes', 'tainacan' ),
|
||||||
'label_view_modes_available' => __( 'View modes available on theme', 'tainacan' ),
|
'label_view_modes_available' => __( 'View modes available', 'tainacan' ),
|
||||||
'label_warning' => __( 'Warning', 'tainacan' ),
|
'label_warning' => __( 'Warning', 'tainacan' ),
|
||||||
'label_error' => __( 'Error', 'tainacan' ),
|
'label_error' => __( 'Error', 'tainacan' ),
|
||||||
'label_thumbnails' => __( 'Thumbnails', 'tainacan' ),
|
'label_thumbnails' => __( 'Thumbnails', 'tainacan' ),
|
||||||
|
|
@ -633,6 +633,8 @@ return apply_filters( 'tainacan-i18n', [
|
||||||
'label_show_less_details' => __( 'Show less details', 'tainacan' ),
|
'label_show_less_details' => __( 'Show less details', 'tainacan' ),
|
||||||
'label_move_up' => __( 'Move up', 'tainacan' ),
|
'label_move_up' => __( 'Move up', 'tainacan' ),
|
||||||
'label_move_down' => __( 'Move down', 'tainacan' ),
|
'label_move_down' => __( 'Move down', 'tainacan' ),
|
||||||
|
'label_view_modes_public_list' => __( 'Items view modes in the public list', 'tainacan' ),
|
||||||
|
'label_default' => __( 'Default', 'tainacan' ),
|
||||||
|
|
||||||
// Instructions. More complex sentences to guide user and placeholders
|
// Instructions. More complex sentences to guide user and placeholders
|
||||||
'instruction_delete_selected_collections' => __( 'Delete selected collections', 'tainacan' ),
|
'instruction_delete_selected_collections' => __( 'Delete selected collections', 'tainacan' ),
|
||||||
|
|
@ -701,6 +703,8 @@ return apply_filters( 'tainacan-i18n', [
|
||||||
'instruction_click_to_see_%s_child_terms' => __( 'Click to see %s child terms', 'tainacan'),
|
'instruction_click_to_see_%s_child_terms' => __( 'Click to see %s child terms', 'tainacan'),
|
||||||
'instruction_click_to_see_%s_child_term' => __( 'Click to see %s child term', 'tainacan'),
|
'instruction_click_to_see_%s_child_term' => __( 'Click to see %s child term', 'tainacan'),
|
||||||
'instruction_click_to_load_filter' => __( 'Click to load the filter', 'tainacan' ),
|
'instruction_click_to_load_filter' => __( 'Click to load the filter', 'tainacan' ),
|
||||||
|
'instruction_collection_description' => __( 'Enter the collection description here...', 'tainacan' ),
|
||||||
|
'instruction_collection_name' => __( 'Enter the collection name here...', 'tainacan' ),
|
||||||
|
|
||||||
// Info. Other feedback to user.
|
// Info. Other feedback to user.
|
||||||
'info_items_tab_all' => __( 'Every item, except by those sent to trash.', 'tainacan' ),
|
'info_items_tab_all' => __( 'Every item, except by those sent to trash.', 'tainacan' ),
|
||||||
|
|
@ -937,7 +941,8 @@ return apply_filters( 'tainacan-i18n', [
|
||||||
'info_iframe_dimensions' => __( 'The dimension values will be passed to the iframe, but it\'s rendering may change according to the theme display settings. It is still important to keep an approximate aspect ratio to the inner content.', 'tainacan'),
|
'info_iframe_dimensions' => __( 'The dimension values will be passed to the iframe, but it\'s rendering may change according to the theme display settings. It is still important to keep an approximate aspect ratio to the inner content.', 'tainacan'),
|
||||||
'info_metadata_mapper_helper' => __( 'Select the corresponding metadata so they can be exposed according to the mapper', 'tainacan'),
|
'info_metadata_mapper_helper' => __( 'Select the corresponding metadata so they can be exposed according to the mapper', 'tainacan'),
|
||||||
'info_default_orderby' => __( 'These settings only affect the initial state of the items sorting. After changed, the value used will be the latest selected by the user.', 'tainacan' ),
|
'info_default_orderby' => __( 'These settings only affect the initial state of the items sorting. After changed, the value used will be the latest selected by the user.', 'tainacan' ),
|
||||||
|
'info_collection_thumbnail_and_header' => __( 'The thumbnail is a squared image that will represent the collection in listings. The header image is a complementary, decorative image that may or not be displayed by your theme in the items list. Keep in mind that it might be cropped.', 'tainacan'),
|
||||||
|
|
||||||
/* Activity actions */
|
/* Activity actions */
|
||||||
'action_update-metadata-value' => __( 'Item Metadata Value Updates', 'tainacan'),
|
'action_update-metadata-value' => __( 'Item Metadata Value Updates', 'tainacan'),
|
||||||
'action_update' => __( 'General Updates', 'tainacan'),
|
'action_update' => __( 'General Updates', 'tainacan'),
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue