s/element/vuetify :D

This commit is contained in:
les
2020-07-25 21:41:22 +02:00
parent 59811e580c
commit 2758541df0
33 changed files with 1762 additions and 1340 deletions

View File

@@ -1,26 +1,22 @@
<template lang='pug'>
div
p(v-html="$t('admin.announcement_description')")
br
el-input(v-model='announcement.title' :placeholder='$t("common.title")')
v-container
v-subheader(v-html="$t('admin.announcement_description')")
v-text-field(v-model='announcement.title' :placeholder='$t("common.title")')
Editor.mt-2(v-model='announcement.announcement' border no-save style='max-height: 400px;')
el-button.mt-2.float-right(@click='save' type='success' plain) {{$t(`common.${editing?'save':'send'}`)}}
v-btn.mt-2(@click='save' type='success' plain) {{$t(`common.${editing?'save':'send'}`)}}
el-table(:data='announcements' small)
el-table-column(:label="$t('common.title')" width='250')
template(slot-scope='data')
span(slot='reference') {{data.row.title}}
v-data-table(:items='announcements')
el-table-column(:label="$t('common.actions')")
template(slot-scope='data')
el-button-group
el-button(size='mini' type='primary'
@click='edit(data.row)') {{$t('common.edit')}}
el-button(size='mini'
:type='data.row.visible?"warning":"success"'
@click='toggle(data.row)') {{data.row.visible?$t('common.deactivate'):$t('common.activate')}}
el-button(size='mini' type='danger'
@click='remove(data.row)') {{$t('common.delete')}}
//- el-table-column(:label="$t('common.actions')")
//- template(slot-scope='data')
//- el-button-group
//- el-button(size='mini' type='primary'
//- @click='edit(data.row)') {{$t('common.edit')}}
//- el-button(size='mini'
//- :type='data.row.visible?"warning":"success"'
//- @click='toggle(data.row)') {{data.row.visible?$t('common.deactivate'):$t('common.activate')}}
//- el-button(size='mini' type='danger'
//- @click='remove(data.row)') {{$t('common.delete')}}
</template>
<script>

View File

@@ -1,47 +1,72 @@
<template lang="pug">
el-main
el-switch.d-block(v-model='enable_federation' :active-text="$t('admin.enable_federation')")
small.text-secondary {{$t('admin.enable_federation_help')}}
v-container
v-switch(v-model='enable_federation'
:label="$t('admin.enable_federation')"
persistent-hint
inset
:hint="$t('admin.enable_federation_help')"
)
template(v-if='enable_federation')
el-switch.d-block.mt-4(v-model='enable_resources' :active-text="$t('admin.enable_resources')")
small.text-secondary {{$t('admin.enable_resources_help')}}
v-switch.mt-4(v-model='enable_resources'
:label="$t('admin.enable_resources')"
:hint="$t('admin.enable_resources_help')"
persistent-hint inset)
el-switch.d-block.mt-4(v-model='hide_boosts' :active-text="$t('admin.hide_boost_bookmark')")
small.text-secondary {{$t('admin.hide_boost_bookmark_help')}}
v-switch.mt-4(v-model='hide_boosts'
:label="$t('admin.hide_boost_bookmark')"
:hint="$t('admin.hide_boost_bookmark_help')"
persistent-hint inset)
div.mt-4 {{$t('admin.instance_name')}}
el-input(v-model='instance_name' placeholder='Instance name' @blur='save("instance_name", instance_name)')
small.d-block.text-secondary {{$t('admin.instance_name_help')}} (<u>@{{instance_name}}@{{settings.baseurl|url2host}}</u>)
//- div.mt-4 {{$t('admin.instance_name')}}
v-text-field.mt-5(v-model='instance_name'
:label="$t('admin.instance_name')"
:hint="`${$t('admin.instance_name_help')} (@${instance_name}@${settings.baseurl|url2host})`"
placeholder='Instance name' persistent-hint
@blur='save("instance_name", instance_name)')
el-switch.d-block.mt-4(v-model='enable_trusted_instances' :active-text="$t('admin.enable_trusted_instances')")
small.text-secondary {{$t('admin.trusted_instances_help')}}
v-switch.mt-4(v-model='enable_trusted_instances'
:label="$t('admin.enable_trusted_instances')"
persistent-hint inset
:hint="$t('admin.trusted_instances_help')")
template(v-if='enable_trusted_instances')
div.mt-4 {{$t('admin.instance_place')}}
el-input(v-model='instance_place' @blur='save("instance_place", instance_place)')
small.d-block.text-secondary {{$t('admin.instance_place_help')}}
v-text-field.mt-4(v-model='instance_place'
:label="$t('admin.instance_place')"
persistent-hint
:hint="$t('admin.instance_place_help')"
@blur='save("instance_place", instance_place)'
)
div.mt-4 {{$t('admin.add_trusted_instance')}}
el-input(v-model='instance_url' :placeholder="$t('common.url')")
el-button(slot='append' @click='createTrustedInstance') {{$t('common.send')}}
//- div.mt-4 {{$t('admin.add_trusted_instance')}}
v-text-field.mt-4(v-model='instance_url'
:full-width='false'
persistent-hint
:hint="$t('admin.add_trusted_instance')"
:label="$t('common.url')"
append-outer-icon="mdi-send"
@click:append-outer='createTrustedInstance'
)
el-table(:data='settings.trusted_instances')
el-table-column(:label="$t('common.name')")
template(slot-scope='data')
span {{data.row.name}}
el-table-column(:label="$t('common.url')")
template(slot-scope='data')
span {{data.row.url}}
el-table-column(:label="$t('common.place')")
template(slot-scope='data')
span {{data.row.label}}
el-table-column(:label="$t('common.actions')")
template(slot-scope='data')
el-button(size='mini'
type='danger'
@click='deleteInstance(data.row)') {{$t('admin.delete_user')}}
v-data-table.mt-4(
:headers='headers'
:items='settings.trusted_instances'
)
//- el-table-column(:label="$t('common.name')")
//- template(slot-scope='data')
//- span {{data.row.name}}
//- el-table-column(:label="$t('common.url')")
//- template(slot-scope='data')
//- span {{data.row.url}}
//- el-table-column(:label="$t('common.place')")
//- template(slot-scope='data')
//- span {{data.row.label}}
//- el-table-column(:label="$t('common.actions')")
//- template(slot-scope='data')
//- el-button(size='mini'
//- type='danger'
//- @click='deleteInstance(data.row)') {{$t('admin.delete_user')}}
</template>
<script>
@@ -51,11 +76,12 @@ import axios from 'axios'
export default {
name: 'Federation',
data ({ $store }) {
data ({ $store, $options }) {
return {
instance_url: '',
instance_name: $store.state.settings.instance_name,
instance_place: $store.state.settings.instance_place
instance_place: $store.state.settings.instance_place,
url2host: $options.filters.url2host
}
},
computed: {
@@ -77,6 +103,9 @@ export default {
set (value) { this.setSetting({ key: 'enable_trusted_instances', value }) }
}
},
mounted () {
console.error(this.$options.filters)
},
methods: {
...mapActions(['setSetting']),
async createTrustedInstance () {

View File

@@ -1,44 +1,33 @@
<template lang='pug'>
div
p(v-html="$t('admin.place_description')")
el-form.mb-2(inline label-width='120px')
el-form-item(:label="$t('common.name')")
el-input.mr-1(:placeholder='$t("common.name")' v-model='place.name')
el-form-item(:label="$t('common.address')")
el-input.mr-1(:placeholder='$t("common.address")' v-model='place.address')
el-button(variant='primary' @click='savePlace') {{$t('common.save')}}
v-container
v-subheader(v-html="$t('admin.place_description')")
v-form.mb-2
//- el-form-item(:label="$t('common.name')")
//- el-input.mr-1(:placeholder='$t("common.name")' v-model='place.name')
v-text-field(
:label="$t('common.name')"
v-model='place.name'
:placeholder='$t("common.name")')
el-table(:data='paginatedPlaces' small)
el-table-column(:label="$t('common.name')" width='200')
template(slot-scope='data') {{data.row.name}}
el-table-column(:label="$t('common.address')" width='400')
template(slot-scope='data') {{data.row.address}}
el-table-column(:label="$t('common.actions')" width='200')
template(slot-scope='data')
el-button(size='mini'
type='success'
@click='place = data.row') {{$t('common.edit')}}
v-text-field(
:label="$t('common.address')"
v-model='place.address'
:placeholder='$t("common.address")')
client-only
el-pagination(v-if='places.length>perPage' :page-size='perPage' :currentPage.sync='placePage' :total='places.length')
v-btn(@click='savePlace') {{$t('common.save')}}
v-data-table(
:items='places')
</template>
<script>
import { mapState } from 'vuex'
export default {
data () {
return {
perPage: 10,
placePage: 1,
place: { name: '', address: '', id: null }
}
},
computed: {
...mapState(['places']),
paginatedPlaces () {
return this.places.slice((this.placePage - 1) * this.perPage,
this.placePage * this.perPage)
}
},
computed: mapState(['places']),
methods: {
placeSelected (items) {
if (items.length === 0) {
@@ -51,7 +40,7 @@ export default {
this.place.id = item.id
},
async savePlace () {
const place = await this.$axios.$put('/place', this.place)
await this.$axios.$put('/place', this.place)
}
}
}

View File

@@ -1,50 +1,73 @@
<template lang="pug">
el-main
v-container
//- select timezone
div {{$t('admin.select_instance_timezone')}}
el-select(v-model='instance_timezone' filterable
@input.native='queryTz=$event.target.value' @change='queryTz=""'
default-first-option placeholder='Timezone, type to search')
el-option(v-for='timezone in filteredTimezones' :key='timezone.value' :value='timezone.value')
span.float-left {{timezone.value}}
small.float-right.text-danger {{timezone.offset}}
small.d-block.text-secondary {{$t('admin.instance_timezone_description')}}
v-autocomplete(v-model='instance_timezone'
:label="$t('admin.select_instance_timezone')"
:hint="$t('admin.instance_timezone_description')"
:items="filteredTimezones"
persistent-hint
item-text='value'
item-value='value'
placeholder='Timezone, type to search')
template(v-slot:item='{ item }')
v-list-item-content
v-list-item-title {{item.value}}
v-list-item-subtitle {{item.offset}}
div.mt-4 {{$t('admin.instance_locale')}}
el-select(v-model='instance_locale')
el-option(v-for='locale in Object.keys(locales)' :key='locale' :label='locales[locale]' :value='locale')
small.d-block.text-secondary {{$t('admin.instance_locale_description')}}
v-select.mt-5(
v-model='instance_locale'
:label="$t('admin.instance_locale')"
:hint="$t('admin.instance_locale_description')"
persistent-hint
item-text='locale'
item-value='locale'
:items='locales'
)
div.mt-4 {{$t('common.title')}}
el-input(v-model='title' @blur='save("title", title)')
small.d-block.text-secondary {{$t('admin.title_description')}}
v-text-field.mt-5(v-model='title'
:label="$t('common.title')"
:hint="$t('admin.title_description')"
@blur='save("title", title)'
persistent-hint
)
div.mt-4 {{$t('common.description')}}
el-input(v-model='description' @blur='save("description", description)')
small.d-block.text-secondary {{$t('admin.description_description')}}
v-text-field.mt-5(v-model='description'
:label="$t('common.description')"
:hint="$t('admin.description_description')"
persistent-hint
@blur='save("description", description)')
div.mt-4 {{$t('admin.favicon')}}
el-upload(ref='upload'
:action='`${settings.baseurl}/api/settings/logo`'
:on-success="forceLogoReload"
name='logo'
:show-file-list="true"
accept='image/png'
:limit='1'
:multiple='false')
el-button-group
el-button(size='small' type='primary' plain) Select file
el-button(size='small' type='success' plain @click='resetLogo') Reset
.el-upload__tip(slot='tip') png files with a size less than 500kb
el-image(:src='`${settings.baseurl}/favicon.ico?${logoKey}`')
el-switch.d-block.mt-4(v-model='allow_registration'
:active-text="$t('admin.allow_registration_description')")
el-switch.d-block.mt-4(v-model='allow_anon_event' :active-text="$t('admin.allow_anon_event')")
v-file-input.mt-5(ref='upload'
:label="$t('admin.favicon')"
:action='`${settings.baseurl}/api/settings/logo`'
:on-success="forceLogoReload"
name='logo'
:show-file-list="true"
accept='image/png'
:limit='1'
:multiple='false')
//- el-button-group
el-button(size='small' type='primary' plain) Select file
el-button(size='small' type='success' plain @click='resetLogo') Reset
v-img(:src='`${settings.baseurl}/favicon.ico?${logoKey}`')
el-switch.d-block.mt-4(v-model='allow_recurrent_event' :active-text="$t('admin.allow_recurrent_event')")
v-switch.mt-5(v-model='allow_registration'
inset
:label="$t('admin.allow_registration_description')")
el-switch.d-block.mt-4(v-if='allow_recurrent_event'
v-model='recurrent_event_visible' :active-text="$t('admin.recurrent_event_visible')")
v-switch.mt-4(v-model='allow_anon_event'
inset
:label="$t('admin.allow_anon_event')")
v-switch.mt-4(v-model='allow_recurrent_event'
inset
:label="$t('admin.allow_recurrent_event')")
v-switch.mt-4(v-if='allow_recurrent_event'
v-model='recurrent_event_visible'
inset
:label="$t('admin.recurrent_event_visible')")
</template>
<script>
@@ -57,7 +80,6 @@ export default {
name: 'Settings',
data ({ $store }) {
return {
queryTz: '',
title: $store.state.settings.title,
description: $store.state.settings.description,
locales,
@@ -92,10 +114,7 @@ export default {
},
filteredTimezones () {
const current_timezone = moment.tz.guess()
const query = this.queryTz.toLowerCase()
const ret = _(moment.tz.names())
.filter(tz => tz !== current_timezone && (!query || tz.toLowerCase().includes(query)))
.take(10)
.unshift(current_timezone)
.map(tz => ({ value: tz, offset: moment().tz(tz).format('z Z') }))
.value()

View File

@@ -1,41 +1,54 @@
<template lang="pug">
div
//- ADD NEW USER
el-collapse
el-collapse-item
template(slot='title')
el-button(type='text' mini size='mini') <v-icon name='plus'/> {{$t('common.new_user')}}
el-form(inline @submit.native.prevent='create_user')
el-form-item(:label="$t('common.email')")
el-input(v-model='new_user.email')
el-form-item(:label="$t('common.admin')")
el-switch(v-model='new_user.is_admin')
el-button.float-right(@click='create_user' type='success' plain) {{$t('common.send')}}
el-alert.mb-1(type='info' show-icon :closable='false') {{$t('admin.user_add_help')}}
v-container
//- USERS LIST
el-table(:data='paginatedUsers' small)
el-table-column(label='Email' width='220')
template(slot-scope='data')
el-popover(trigger='hover' :content='data.row.description' width='400')
span(slot='reference') {{data.row.email}}
el-table-column(:label="$t('common.actions')")
template(slot-scope='data')
div(v-if='data.row.id!==$auth.user.id')
el-button-group
el-button(size='mini'
:type='data.row.is_active?"warning":"success"'
@click='toggle(data.row)') {{data.row.is_active?$t('common.deactivate'):$t('common.activate')}}
el-button(size='mini'
:type='data.row.is_admin?"danger":"warning"'
@click='toggleAdmin(data.row)') {{data.row.is_admin?$t('admin.remove_admin'):$t('common.admin')}}
el-button(size='mini'
type='danger'
@click='delete_user(data.row)') {{$t('admin.delete_user')}}
div(v-else)
span {{$t('common.me')}}
client-only
el-pagination(:page-size='perPage' :currentPage.sync='userPage' v-if='perPage<users_.length' :total='users_.length')
//- ADD NEW USER
v-dialog(v-model='newUser' width='500')
template(v-slot:activator="{ on }")
v-btn(text v-on='on') <v-icon>mdi-plus</v-icon> {{$t('common.new_user')}}
v-card
v-card-title <v-icon name='plus'/> {{$t('common.new_user')}}
v-card-text
v-form(inline @submit.native.prevent='create_user')
v-text-field(v-model='new_user.email'
:label="$t('common.email')")
v-switch(v-model='new_user.is_admin' :label="$t('common.admin')" inset)
v-alert(type='info' :closable='false') {{$t('admin.user_add_help')}}
v-card-actions
v-btn(@click='create_user' color='success' plain) {{$t('common.send')}}
//- USERS LIST
v-data-table(
:headers='headers'
:items='users')
template(v-slot:item.actions='{item}')
v-btn(text small @click='toggle(item)'
:color='item.is_active?"warning":"success"') {{item.is_active?$t('common.deactivate'):$t('common.activate')}}
v-btn(text small @click='toggleAdmin(item)'
:color='item.is_admin?"warning":"error"') {{item.is_admin?$t('common.remove_admin'):$t('common.admin')}}
v-btn(text small @click='deleteUser(item)'
:color='danger') {{$t('admin.delete_user')}}
//- el-table-column(label='Email' width='220')
//- template(slot-scope='data')
//- el-popover(trigger='hover' :content='data.row.description' width='400')
//- span(slot='reference') {{data.row.email}}
//- el-table-column(:label="$t('common.actions')")
//- template(slot-scope='data')
//- div(v-if='data.row.id!==$auth.user.id')
//- el-button-group
//- el-button(size='mini'
//- :type='data.row.is_active?"warning":"success"'
//- @click='toggle(data.row)') {{data.row.is_active?$t('common.deactivate'):$t('common.activate')}}
//- el-button(size='mini'
//- :type='data.row.is_admin?"danger":"warning"'
//- @click='toggleAdmin(data.row)') {{data.row.is_admin?$t('admin.remove_admin'):$t('common.admin')}}
//- el-button(size='mini'
//- type='danger'
//- @click='delete_user(data.row)') {{$t('admin.delete_user')}}
//- div(v-else)
//- span {{$t('common.me')}}
//- v-pagination(:page-size='perPage' :currentPage.sync='userPage' v-if='perPage<users_.length' :total='users_.length')
</template>
<script>
@@ -44,27 +57,24 @@ import { mapState } from 'vuex'
export default {
name: 'Users',
props: ['users'],
props: {
users: { type: Array, default: () => [] }
},
data () {
return {
perPage: 10,
userPage: 1,
new_user: {
email: '',
is_admin: false
},
users_: this.users
}
},
computed: {
...mapState(['settings']),
paginatedUsers () {
return this.users_.slice((this.userPage - 1) * this.perPage,
this.userPage * this.perPage)
headers: [
{ value: 'email', text: 'Email' },
{ value: 'actions', text: 'Actions', align: 'right' }
]
}
},
computed: mapState(['settings']),
methods: {
delete_user (user) {
deleteUser (user) {
MessageBox.confirm(this.$t('admin.delete_user_confirm'),
this.$t('common.confirm'), {
confirmButtonText: this.$t('common.ok'),