2017-01-15 19:07:10 +01:00
|
|
|
<template>
|
|
|
|
<div id="user">
|
2017-01-16 21:06:10 +01:00
|
|
|
<md-card>
|
|
|
|
<md-card-header>
|
|
|
|
<span class="md-title">User: {{ user.username }}</span>
|
|
|
|
</md-card-header>
|
|
|
|
<md-card-content>
|
|
|
|
<md-input-container>
|
|
|
|
<label>Email</label>
|
|
|
|
<md-input v-model="user.email" />
|
|
|
|
</md-input-container>
|
|
|
|
|
|
|
|
<div class="md-body-2">Change password</div>
|
|
|
|
<md-input-container id="password-input" md-has-password>
|
|
|
|
<label>New password</label>
|
|
|
|
<md-input v-model="password" type="password" />
|
|
|
|
</md-input-container>
|
|
|
|
|
|
|
|
<md-button class="md-raised md-primary" @click="save()">Save</md-button>
|
|
|
|
</md-card-content>
|
|
|
|
</md-card>
|
2017-01-15 19:07:10 +01:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
export default {
|
|
|
|
data () {
|
|
|
|
return {
|
2017-01-16 21:06:10 +01:00
|
|
|
user: {},
|
|
|
|
password: null
|
2017-01-15 19:07:10 +01:00
|
|
|
}
|
|
|
|
},
|
|
|
|
|
2017-01-15 22:35:54 +01:00
|
|
|
computed: {
|
|
|
|
loggedInUser() {
|
|
|
|
return this.$store.state.loggedInUser;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
2017-01-15 19:07:10 +01:00
|
|
|
beforeCreate: function() {
|
2017-01-16 21:06:10 +01:00
|
|
|
this.usersUrl = this.$resource('users{/id}');
|
2017-01-15 19:07:10 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
mounted: function() {
|
2017-01-16 21:06:10 +01:00
|
|
|
this.getUser(this.$route.params.id);
|
2017-01-15 19:07:10 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
2017-01-16 21:06:10 +01:00
|
|
|
getUser(id) {
|
|
|
|
this.usersUrl.get({id: id}).then((response) => {
|
|
|
|
return response.json();
|
|
|
|
}, (response) => {
|
|
|
|
alert('getUsers: unable to get resource');
|
|
|
|
}).then((data) => {
|
|
|
|
this.user = data || {};
|
|
|
|
});
|
|
|
|
},
|
|
|
|
save() {
|
|
|
|
var user_data = {password: this.password, email: this.user.email};
|
|
|
|
this.usersUrl.update({id: this.user._id}, user_data).then((response) => {
|
|
|
|
return response.json();
|
|
|
|
}, (response) => {
|
|
|
|
alert('save: unable to get resource');
|
|
|
|
}).then((data) => {
|
|
|
|
this.user = data;
|
|
|
|
});
|
|
|
|
}
|
2017-01-15 19:07:10 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
2017-01-16 21:06:10 +01:00
|
|
|
#user {
|
|
|
|
padding: 10px;
|
|
|
|
}
|
2017-01-15 19:07:10 +01:00
|
|
|
</style>
|