EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move alerts to stores

Browse Source
This commit is contained in:
Björn Fromme
2018-11-01 16:48:35 +01:00
parent 598d500f78
commit c105c12f7d
12 changed files with 54 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/_router.js
-1
View File
@@ -21,7 +21,6 @@ const guard = (to, from, next) => {
import Address from './components/Address.vue'
import Events from './components/Events.vue'
import Login from './components/Login.vue'
import CrmData from './components/CrmData.vue'
import Teamer from './components/Teamer.vue'
export default new VueRouter({
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/_store.js
+5 -1
View File
@@ -46,7 +46,7 @@ export default new Vuex.Store({
state.loggedIn = false;
state.teamer = false;
},
setMessage (state, payload) {
alert (state, payload) {
state.message.text = payload.message;
state.message.class = payload.class;
},
@@ -94,6 +94,10 @@ export default new Vuex.Store({
commit('loadingFinish');
}).catch((error) => {
commit('loginFailure');
commit('alert', {
message: 'Der Login ist fehlgeschlagen :(',
class: 'alert-danger'
});
commit('loadingFinish');
throw error;
});
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Address.vue
-16
View File
@@ -132,28 +132,12 @@
.then((data) => {
this.address = data;
this.picker.setDate(new Date(this.address.dateOfBirth), true);
}).catch(() => {
EventBus.$emit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
});
}).then(() => {
EventBus.$emit('scrollTo', '#myep-main');
});
},
saveAddress () {
this.$store.dispatch('address/save', this.address)
.then(() => {
EventBus.$emit('alert', {
message: 'Die Änderungen wurden gespeichert',
class: 'alert-success'
});
}).catch(() => {
EventBus.$emit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
});
}).then(() => {
EventBus.$emit('scrollTo', '#myep-main');
});
}
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/App.vue
-3
View File
@@ -60,9 +60,6 @@
EventBus.$on('forcedLogout', () => {
this.$router.push({ name: 'login' })
});
EventBus.$on('alert', (payload) => {
this.$store.commit('setMessage', payload);
})
}
}
</script>
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/CrmData.vue
+1 -19
View File
@@ -1,5 +1,5 @@
<template>
<div id="myep-main" v-if="loaded">
<div id="myep-main" v-show="!loading">
<h1>Mein Profil</h1>
<div class="row">
<div class="col-xs-12 col-md-6">
@@ -39,7 +39,6 @@
export default {
data () {
return {
loaded: false,
crmData: [],
hiddenSelectionGroups: [ 10 ]
}
@@ -52,29 +51,12 @@
this.$store.dispatch('crmdata/load')
.then((data) => {
this.crmData = data;
}).catch(() => {
EventBus.$emit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
});
}).then(() => {
this.loaded = true;
EventBus.$emit('scrollTo', '#myep-main');
});
},
saveSelections () {
this.$store.dispatch('crmdata/save', this.crmData)
.then(() => {
EventBus.$emit('alert', {
message: 'Die Änderungen wurden gespeichert',
class: 'alert-success'
});
}).catch(() => {
EventBus.$emit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
});
}).then(() => {
EventBus.$emit('scrollTo', '#myep-main');
});
},
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Events.vue
+1 -7
View File
@@ -1,5 +1,5 @@
<template>
<div id="myep-main" v-if="!loading">
<div id="myep-main" v-show="!loading">
<h1>Reise-Historie</h1>
<div class="table-responsive">
<table class="table table-striped table-condensed">
@@ -60,12 +60,6 @@
this.$store.dispatch('events/load')
.then((events) => {
this.events = events;
}).catch(() => {
EventBus.$emit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
});
}).then(() => {
EventBus.$emit('scrollTo', '#myep-main');
});
},
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Login.vue
+3 -9
View File
@@ -53,7 +53,7 @@
},
login () {
if (!this.email || !this.password) {
EventBus.$emit('alert', {
this.$store.commit('alert', {
message: 'Bitte E-Mail und Passwort eingeben',
class: 'alert-danger'
});
@@ -64,18 +64,12 @@
password: this.password
}).then(() => {
this.$router.push({ name: 'address' });
}).catch(() => {
EventBus.$emit('alert', {
message: 'Der Login ist fehlgeschlagen :(',
class: 'alert-danger'
});
}).then(() => {
EventBus.$emit('scrollTo', '#myep-main');
});
},
resetPassword () {
if (!this.email) {
EventBus.$emit('alert', {
this.$store.commit('alert', {
message: 'Bitte die E-Mail Adresse angeben',
class: 'alert-danger'
});
@@ -85,7 +79,7 @@
this.email
).then(() => {
this.email = '';
EventBus.$emit('alert', {
this.$store.commit('alert', {
message: 'Du erhältst in Kürze eine E-Mail mit einem Link zum (Zurück)setzen deines Passworts.',
class: 'alert-success'
});
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Teamer.vue
+4 -15
View File
@@ -1,5 +1,5 @@
<template>
<div class="form-wrapper form--border" id="myep-main" v-if="loaded">
<div class="form-wrapper form--border" id="myep-main" v-show="!loading">
<h1>Teamer</h1>
<form @submit="saveTeamerData()">
<div class="row">
@@ -99,7 +99,6 @@
export default {
data () {
return {
loaded: false,
sizes: [ 'S', 'M', 'L', 'XL', 'XXL' ],
status: [
{ value: 'jr', label: 'Neuteamer' },
@@ -115,24 +114,14 @@
this.$store.dispatch('teamer/load')
.then((data) => {
this.teamerData = data;
this.loaded = true;
EventBus.$emit('scrollTo', '#myep-main');
})
},
saveTeamerData () {
this.$store.dispatch('teamer/save', this.teamerData)
.then(() => {
EventBus.$emit('alert', {
message: 'Die Änderungen wurden gespeichert',
class: 'alert-success'
});
}).catch(() => {
EventBus.$emit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
});
}).then(() => {
EventBus.$emit('scrollTo', '#myep-main');
});
EventBus.$emit('scrollTo', '#myep-main');
});
}
},
created () {
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/stores/address.js
+12
View File
@@ -20,6 +20,10 @@ export default {
return response.data['hydra:member'][0];
}).catch((error) => {
commit('loadingFinish', null, { root: true });
commit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
}, { root: true });
commit('logout', null, { root: true });
EventBus.$emit('forcedLogout');
throw error;
@@ -37,9 +41,17 @@ export default {
return client.put('/api/addresses/' + data.id, data)
.then(() => {
commit('loadingFinish', null, { root: true });
commit('alert', {
message: 'Die Änderungen wurden gespeichert',
class: 'alert-success'
}, { root: true });
})
.catch((error) => {
commit('loadingFinish', null, { root: true });
commit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
}, { root: true });
commit('logout', null, { root: true });
EventBus.$emit('forcedLogout');
throw error;
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/stores/crmdata.js
+12
View File
@@ -20,6 +20,10 @@ export default {
return response.data['hydra:member'][0];
}).catch((error) => {
commit('loadingFinish', null, { root: true });
commit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
}, { root: true });
commit('logout', null, { root: true });
EventBus.$emit('forcedLogout');
throw error;
@@ -37,8 +41,16 @@ export default {
return client.put('/api/crm-selections/' + data.id, data)
.then(() => {
commit('loadingFinish', null, { root: true });
commit('alert', {
message: 'Die Änderungen wurden gespeichert',
class: 'alert-success'
}, { root: true });
}).catch((error) => {
commit('loadingFinish', null, { root: true });
commit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
}, { root: true });
commit('logout', null, { root: true });
EventBus.$emit('forcedLogout');
throw error;
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/stores/events.js
+4
View File
@@ -20,6 +20,10 @@ export default {
return response.data['hydra:member'];
}).catch((error) => {
commit('loadingFinish', null, { root: true });
commit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
}, { root: true });
commit('logout', null, { root: true });
EventBus.$emit('forcedLogout');
throw error;
web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/stores/teamer.js
+12
View File
@@ -20,6 +20,10 @@ export default {
return response.data;
}).catch((error) => {
commit('loadingFinish', null, { root: true });
commit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
}, { root: true });
commit('logout', null, { root: true });
EventBus.$emit('forcedLogout');
throw error;
@@ -37,8 +41,16 @@ export default {
return client.put('/api/teamers/' + sessionStorage.getItem('teamerId'), data)
.then(() => {
commit('loadingFinish', null, { root: true });
commit('alert', {
message: 'Die Änderungen wurden gespeichert',
class: 'alert-success'
}, { root: true });
}).catch((error) => {
commit('loadingFinish', null, { root: true });
commit('alert', {
message: 'Es ist ein Fehler aufgetreten :(',
class: 'alert-danger'
}, { root: true });
commit('logout', null, { root: true });
EventBus.$emit('forcedLogout');
throw error;