forked from vikunja/frontend
konrad
5724b98358
Merge branch 'master' into feature/vuex Cleanup Move namespaces handling to store Move fullpage setting to store Move online/offline handling to store Remove debug log Fix loading namepaces Rename errorMsg Handle registering through the store Use store to determine wether or not a user is authenticated on login page Use store in edit team Use store to get the current user's avatar Use store to figure out if the current user belongs to a team Use store to figure out if the current user is list admin Use store to get user info when listing labels Use store to get username on home Use store to figure out if the user is namespace admin Use the store for configuration Use the store to check if a user is authenticated everywhere Only renew token if the user is logged in Fix renewing auth from jwt token Move logout to store Move renew token to store Move log in to store Only show enabled migrators Only show registration button if registration is enabled Put all config information from the backend in the store Remove old config handler Move config state to seperate module Add vuex and get the motd through it Co-authored-by: kolaente <k@knt.li> Reviewed-on: vikunja/frontend#126
164 lines
5.2 KiB
Vue
164 lines
5.2 KiB
Vue
<template>
|
|
<div class="loader-container" v-bind:class="{ 'is-loading': namespaceService.loading}">
|
|
<div class="notification is-warning" v-if="namespace.isArchived">
|
|
This namespace is archived.
|
|
It is not possible to create new lists or edit it.
|
|
</div>
|
|
<div class="card">
|
|
<header class="card-header">
|
|
<p class="card-header-title">
|
|
Edit Namespace
|
|
</p>
|
|
</header>
|
|
<div class="card-content">
|
|
<div class="content">
|
|
<form @submit.prevent="submit()">
|
|
<div class="field">
|
|
<label class="label" for="namespacetext">Namespace Name</label>
|
|
<div class="control">
|
|
<input v-focus :class="{ 'disabled': namespaceService.loading}" :disabled="namespaceService.loading" class="input" type="text" id="namespacetext" placeholder="The namespace text is here..." v-model="namespace.name">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="namespacedescription">Description</label>
|
|
<div class="control">
|
|
<textarea :class="{ 'disabled': namespaceService.loading}" :disabled="namespaceService.loading" class="textarea" placeholder="The namespaces description goes here..." id="namespacedescription" v-model="namespace.description"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="isArchivedCheck">Is Archived</label>
|
|
<div class="control">
|
|
<fancycheckbox v-model="namespace.isArchived" v-tooltip="'If a namespace is archived, you cannot create new lists or edit it.'">
|
|
This namespace is archived
|
|
</fancycheckbox>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label">Color</label>
|
|
<div class="control">
|
|
<verte
|
|
v-model="namespace.hexColor"
|
|
menuPosition="top"
|
|
picker="square"
|
|
model="hex"
|
|
:enableAlpha="false"
|
|
:rgbSliders="true"/>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="columns bigbuttons">
|
|
<div class="column">
|
|
<button @click="submit()" class="button is-primary is-fullwidth" :class="{ 'is-loading': namespaceService.loading}">
|
|
Save
|
|
</button>
|
|
</div>
|
|
<div class="column is-1">
|
|
<button @click="showDeleteModal = true" class="button is-danger is-fullwidth" :class="{ 'is-loading': namespaceService.loading}">
|
|
<span class="icon is-small">
|
|
<icon icon="trash-alt"/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<component :is="manageUsersComponent" :id="namespace.id" type="namespace" shareType="user" :userIsAdmin="userIsAdmin"></component>
|
|
<component :is="manageTeamsComponent" :id="namespace.id" type="namespace" shareType="team" :userIsAdmin="userIsAdmin"></component>
|
|
|
|
<modal
|
|
v-if="showDeleteModal"
|
|
@close="showDeleteModal = false"
|
|
v-on:submit="deleteNamespace()">
|
|
<span slot="header">Delete the namespace</span>
|
|
<p slot="text">Are you sure you want to delete this namespace and all of its contents?
|
|
<br/>This includes lists & tasks and <b>CANNOT BE UNDONE!</b></p>
|
|
</modal>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import verte from 'verte'
|
|
import 'verte/dist/verte.css'
|
|
|
|
import router from '../../router'
|
|
import manageSharing from '../sharing/userTeam'
|
|
|
|
import NamespaceService from '../../services/namespace'
|
|
import NamespaceModel from '../../models/namespace'
|
|
import Fancycheckbox from '../global/fancycheckbox'
|
|
|
|
export default {
|
|
name: "EditNamespace",
|
|
data() {
|
|
return {
|
|
namespaceService: NamespaceService,
|
|
manageUsersComponent: '',
|
|
manageTeamsComponent: '',
|
|
|
|
namespace: NamespaceModel,
|
|
showDeleteModal: false,
|
|
}
|
|
},
|
|
components: {
|
|
Fancycheckbox,
|
|
manageSharing,
|
|
verte,
|
|
},
|
|
beforeMount() {
|
|
this.namespace.id = this.$route.params.id
|
|
},
|
|
created() {
|
|
this.namespaceService = new NamespaceService()
|
|
this.namespace = new NamespaceModel()
|
|
this.loadNamespace()
|
|
},
|
|
watch: {
|
|
// call again the method if the route changes
|
|
'$route': 'loadNamespace'
|
|
},
|
|
computed: {
|
|
userIsAdmin() {
|
|
return this.namespace.owner && this.namespace.owner.id === this.$store.state.auth.info.id
|
|
},
|
|
},
|
|
methods: {
|
|
loadNamespace() {
|
|
let namespace = new NamespaceModel({id: this.$route.params.id})
|
|
this.namespaceService.get(namespace)
|
|
.then(r => {
|
|
this.$set(this, 'namespace', r)
|
|
// This will trigger the dynamic loading of components once we actually have all the data to pass to them
|
|
this.manageTeamsComponent = 'manageSharing'
|
|
this.manageUsersComponent = 'manageSharing'
|
|
})
|
|
.catch(e => {
|
|
this.error(e, this)
|
|
})
|
|
},
|
|
submit() {
|
|
this.namespaceService.update(this.namespace)
|
|
.then(r => {
|
|
// Update the namespace in the parent
|
|
this.$store.commit('namespaces/setNamespaceById', r)
|
|
this.success({message: 'The namespace was successfully updated.'}, this)
|
|
})
|
|
.catch(e => {
|
|
this.error(e, this)
|
|
})
|
|
},
|
|
deleteNamespace() {
|
|
this.namespaceService.delete(this.namespace)
|
|
.then(() => {
|
|
this.success({message: 'The namespace was successfully deleted.'}, this)
|
|
router.push({name: 'home'})
|
|
})
|
|
.catch(e => {
|
|
this.error(e, this)
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script> |