Page MenuHomePhorge
Files F117750590

No OneTemporary
Actions

Authored By
Unknown
Size
4 KB
Referenced Files
None
Subscribers
None

View Options

diff --git a/src/resources/vue/Widgets/SupportForm.vue b/src/resources/vue/Widgets/SupportForm.vue
index 78e79ee6..2c7e822b 100644
--- a/src/resources/vue/Widgets/SupportForm.vue
+++ b/src/resources/vue/Widgets/SupportForm.vue
@@ -1,97 +1,106 @@
<template>
<div class="modal" id="support-dialog" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<form class="modal-content" @submit.prevent="submit">
<div class="modal-header">
<h5 class="modal-title">Contact Support</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="form">
<div class="form-group">
<label>Customer number or email address you have with us</label>
<input id="support-user" type="text" class="form-control" placeholder="e.g. 12345678 or john@kolab.org" v-model="user" />
<small class="form-text text-muted">Leave blank if you are not a customer yet</small>
</div>
<div class="form-group">
<label>Name</label>
<input id="support-name" type="text" class="form-control" placeholder="how we should call you in our reply" v-model="name" />
</div>
<div class="form-group">
<label>Working email address</label>
<input id="support-email" type="email" class="form-control" placeholder="make sure we can reach you at this address" v-model="email" required />
</div>
<div class="form-group">
<label>Issue Summary</label>
<input id="support-summary" type="text" class="form-control" placeholder="one sentence that summarizes your issue" v-model="summary" required />
</div>
<div class="form-group">
<label>Issue Explanation</label>
<textarea id="support-body" class="form-control" rows="5" v-model="body" required></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary modal-cancel" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary modal-action"><svg-icon icon="check"></svg-icon> Submit</button>
</div>
</form>
</div>
</div>
</template>
<script>
export default {
+ data() {
+ return {
+ body: '',
+ email: '',
+ name: '',
+ summary: '',
+ user: ''
+ }
+ },
mounted() {
this.dialog = $('#support-dialog')
.on('hide.bs.modal', () => {
this.lockForm(false)
if (this.cancelToken) {
this.cancelToken()
this.cancelToken = null
}
})
.on('show.bs.modal', () => {
this.cancelToken = null
})
},
methods: {
lockForm(lock) {
this.dialog.find('input,textarea,.modal-action').prop('disabled', lock)
},
submit() {
this.lockForm(true)
let params = {
user: this.user,
name: this.name,
email: this.email,
summary: this.summary,
body: this.body
}
const CancelToken = axios.CancelToken
let args = {
cancelToken: new CancelToken((c) => {
this.cancelToken = c;
})
}
axios.post('/api/v4/support/request', params, args)
.then(response => {
this.summary = ''
this.body = ''
this.lockForm(false)
this.dialog.modal('hide')
this.$toast.success(response.data.message)
})
.catch(error => {
this.lockForm(false)
})
}
}
}
</script>

File Metadata

Mime Type
text/x-diff
Expires
Sat, Apr 4, 2:30 AM (1 w, 12 h ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
18719406
Default Alt Text
(4 KB)

Event Timeline