v-container
v-card-title {{ $t('common.collections') }}
v-spacer
v-card-subtitle(v-html="$t('admin.collections_description')")
v-card-text
v-row
v-col
v-switch(:label="$t('common.collection_in_home')" inset v-model='in_home')
v-col
v-autocomplete(
v-if='in_home'
:disabled='!!filters.length'
v-model="collection_in_home"
outlined
:label='$t("common.collections")'
hide-details
color='primary'
hide-selected
:menu-props="{ maxWidth: '400' }"
:items='collections'
hide-no-data
clearable
:clear-icon='mdiCloseCircle'
item-text='name')
v-btn(color='primary' text @click='newCollection') {{ $t('admin.new_collection') }}
v-dialog(v-model='dialog' max-width='8000' width='800' destroy-on-close :fullscreen='$vuetify.breakpoint.xsOnly')
v-card
v-card-title {{ $t('admin.edit_collection') }}
v-card-text
v-form(v-model='valid' ref='form' @submit.prevent.native='saveCollection')
v-text-field(
v-if='!collection.id'
:rules="[$validators.required('common.name')]"
:label="$t('common.name')"
v-model='collection.name'
:placeholder='$t("common.name")')
template(v-slot:append-outer v-if='!collection.id')
v-btn(text @click='saveCollection' color='primary' :loading='loading'
:disabled='!valid || loading || !!collection.id') {{ $t('common.save') }}
h3(v-else class='text-h5' v-text='collection.name')
v-row
v-col(cols=6)
v-autocomplete(v-model='filterActors'
cache-items
:prepend-inner-icon="mdiWeb"
chips small-chips multiple deletable-chips hide-no-data hide-selected persistent-hint
:disabled="!collection.id"
placeholder='Local'
return-object
hide-details
item-value='ap_id'
item-text='ap_id'
:delimiters="[',', ';']"
:items="actors"
:label="$t('common.trusted_instances')")
template(v-slot:item="{ item }")
v-list-item-avatar
v-img(:src='item?.object?.icon?.url ?? `${item.url}/favicon.ico`')
v-list-item-content
v-list-item-title {{ item?.object?.name }}
v-list-item-subtitle @{{ item?.object?.preferredUsername }}@{{ item?.instanceDomain }}
template(v-slot:selection="{ item, on, attrs, selected, parent }")
v-chip(v-bind="attrs" close :close-icon='mdiCloseCircle' @click:close='parent.selectItem(item)'
:input-value="selected" label small) @{{ item?.object?.preferredUsername }}@{{ item?.instanceDomain }}
v-col(cols=6)
v-autocomplete(v-model='filterPlaces'
cache-items
:prepend-inner-icon="mdiMapMarker"
chips small-chips multiple deletable-chips hide-no-data hide-selected persistent-hint
auto-select-first
clearable
return-object
hide-details
item-text='name'
:disabled="!collection.id"
@input.native="searchPlaces"
@focus='searchPlaces'
:delimiters="[',', ';']"
:items="places"
:label="$t('common.places')")
template(v-slot:selection="{ item, on, attrs, selected, parent }")
v-chip(v-bind="attrs" close :close-icon='mdiCloseCircle' @click:close='parent.selectItem(item)'
:input-value="selected" label small) {{ item.name }}
v-col(cols=6)
v-combobox(v-model='filterTags'
cache-items
:prepend-inner-icon="mdiTagMultiple"
chips small-chips multiple deletable-chips hide-no-data hide-selected persistent-hint
:disabled="!collection.id"
hide-details
placeholder='All'
@input.native='searchTags'
@focus='searchTags'
:delimiters="[',', ';']"
:items="tags"
:label="$t('common.tags')")
template(v-slot:selection="{ item, on, attrs, selected, parent }")
v-chip(v-bind="attrs" close :close-icon='mdiCloseCircle' @click:close='parent.selectItem(item)'
:input-value="selected" label small) {{ item }}
v-col(cols=3)
v-switch(inset v-model='negateFilter' label='Not')
v-data-table(
:headers='filterHeaders'
:items='filters'
:hide-default-footer='filters.length < 5'
:header-props='{ sortIcon: mdiChevronDown }'
:footer-props='{ prevIcon: mdiChevronLeft, nextIcon: mdiChevronRight }')
template(v-slot:item.actions='{ item }')
v-btn(@click='editFilter(item)' color='primary' icon)
v-icon(v-text='mdiPencil')
v-btn(@click='removeFilter(item)' color='error' icon)
v-icon(v-text='mdiDeleteForever')
template(v-slot:item.negate='{ item }')
v-icon(v-text='item.negate ? mdiNotEqualVariant : mdiEqualBox' :color='item.negate ? "warning" : "success"')
template(v-slot:item.tags='{ item }')
v-chip.ma-1(small label v-for='tag in item.tags' v-text='tag' :key='tag')
template(v-slot:item.places='{ item }')
v-chip.ma-1(small label v-for='place in item.places' v-text='place.name' :key='place.id' )
template(v-slot:item.actors='{ item }')
v-chip.ma-1(small label v-for='actor in item.actors' :key='actor.ap_id' ) @{{ actor.name }}@{{ actor?.domain }}
v-card-actions
v-spacer
v-btn(color='primary' v-if='editFilterId === false' outlined :loading='loading' text @click='addFilter' :disabled='loading || filterActors.length<1 && filterPlaces.length<1 && filterTags.length<1') {{ $t('common.add')}}
v-btn(color='primary' v-else outlined :loading='loading' text @click='addFilter' :disabled='loading || filterActors.length<1 && filterPlaces.length<1 && filterTags.length<1') {{ $t('common.save') }}
v-btn(@click='dialog = false' outlined color='warning' :disabled="loading || filterActors.length>0 || filterPlaces.length>0 || filterTags.length>0") {{ $t('common.close') }}
v-card-text
v-data-table(
:headers='collectionHeaders'
:items='collections'
:hide-default-footer='collections.length < 5'
:header-props='{ sortIcon: mdiChevronDown }'
:footer-props='{ prevIcon: mdiChevronLeft, nextIcon: mdiChevronRight }'
)
template(v-slot:item.pin='{ item }')
v-switch.float-right(:input-value='item.isTop' @change="togglePinCollection(item)" inset hide-details)
template(v-slot:item.actions='{ item }')
v-btn(@click='editCollection(item)' color='primary' icon)
v-icon(v-text='mdiPencil')
v-btn(@click='removeCollection(item)' color='error' icon)
v-icon(v-text='mdiDeleteForever')