110 lines
2.9 KiB
Vue
110 lines
2.9 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<b-button type="is-primary"
|
||
|
|
@click="showFeedback()">
|
||
|
|
Feedback
|
||
|
|
</b-button>
|
||
|
|
<b-modal has-modal-card
|
||
|
|
:active.sync="showFeedbackDialog">
|
||
|
|
<div class="modal-card">
|
||
|
|
|
||
|
|
<header class="modal-card-head">
|
||
|
|
<p class="modal-card-title">User Feedback</p>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<section class="modal-card-body">
|
||
|
|
<p>
|
||
|
|
Questions, suggestions, comments, complaints, etc. regarding this
|
||
|
|
website are welcome and may be submitted below.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<b-field label="Referring URL">
|
||
|
|
<div class="control">
|
||
|
|
{{ referringURL }}
|
||
|
|
</div>
|
||
|
|
</b-field>
|
||
|
|
|
||
|
|
<b-field label="Your Name"
|
||
|
|
v-show="!userUUID">
|
||
|
|
<!-- v-show="!user"> -->
|
||
|
|
<b-input v-model="userName"></b-input>
|
||
|
|
</b-field>
|
||
|
|
|
||
|
|
<b-field label="Message">
|
||
|
|
<b-input v-model="message"
|
||
|
|
type="textarea">
|
||
|
|
</b-input>
|
||
|
|
</b-field>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<footer class="modal-card-foot">
|
||
|
|
<b-button @click="showFeedbackDialog = false">
|
||
|
|
Cancel
|
||
|
|
</b-button>
|
||
|
|
<b-button type="is-primary"
|
||
|
|
@click="sendFeedback()"
|
||
|
|
:disabled="!message">
|
||
|
|
Send Note
|
||
|
|
</b-button>
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
</b-modal>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'ByjoveFeedback',
|
||
|
|
props: {
|
||
|
|
url: String,
|
||
|
|
// userUUID: String,
|
||
|
|
// user: Object,
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
showFeedbackDialog: false,
|
||
|
|
referringURL: null,
|
||
|
|
userUUID: null,
|
||
|
|
userName: null,
|
||
|
|
message: null,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
showFeedback() {
|
||
|
|
this.referringURL = location.href
|
||
|
|
if (this.$store.state.user) {
|
||
|
|
this.userUUID = this.$store.state.user.uuid
|
||
|
|
}
|
||
|
|
this.message = null
|
||
|
|
this.showFeedbackDialog = true
|
||
|
|
},
|
||
|
|
|
||
|
|
sendFeedback() {
|
||
|
|
let params = {
|
||
|
|
referrer: this.referringURL,
|
||
|
|
user: this.userUUID,
|
||
|
|
// user: this.user ? this.user.uuid : null,
|
||
|
|
user_name: this.userName,
|
||
|
|
message: this.message,
|
||
|
|
}
|
||
|
|
this.$http.post(this.url, params).then(response => {
|
||
|
|
this.showFeedbackDialog = false
|
||
|
|
this.$buefy.toast.open({
|
||
|
|
message: "Thank you for your feedback!",
|
||
|
|
type: 'is-success',
|
||
|
|
position: 'is-bottom',
|
||
|
|
})
|
||
|
|
}, response => {
|
||
|
|
this.$buefy.toast.open({
|
||
|
|
message: "Something went wrong!",
|
||
|
|
type: 'is-danger',
|
||
|
|
position: 'is-bottom',
|
||
|
|
})
|
||
|
|
})
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|
||
|
|
</script>
|