alamin
/
go-whatsapp-web-multidevice
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat: add loading when submit

pull/36/head
Aldino Kemal 3 years ago
parent
4f8bcdc36c
commit
400bf03d3f
2 changed files with 74 additions and 14 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/config/settings.go
  2. 86
      src/views/index.html

2
src/config/settings.go
View File

@ -6,7 +6,7 @@ import (
) )
var ( var (
AppVersion = "v3.11.0"
AppVersion = "v4.0.0"
AppPort = "3000" AppPort = "3000"
AppDebug = false AppDebug = false
AppOs = fmt.Sprintf("AldinoKemal") AppOs = fmt.Sprintf("AldinoKemal")

86
src/views/index.html
View File

@ -221,7 +221,8 @@
</form> </form>
</div> </div>
<div class="actions"> <div class="actions">
<div class="ui positive right labeled icon button" @click="sendMessageProcess">
<div class="ui approve positive right labeled icon button" :class="{'loading': this.message_loading}"
@click="sendMessageProcess">
Send Send
<i class="send icon"></i> <i class="send icon"></i>
</div> </div>
@ -280,7 +281,8 @@
</form> </form>
</div> </div>
<div class="actions"> <div class="actions">
<div class="ui positive right labeled icon button" @click="sendImageProcess">
<div class="ui approve positive right labeled icon button" :class="{'loading': this.image_loading}"
@click="sendImageProcess">
Send Send
<i class="send icon"></i> <i class="send icon"></i>
</div> </div>
@ -324,14 +326,15 @@
</form> </form>
</div> </div>
<div class="actions"> <div class="actions">
<div class="ui positive right labeled icon button" @click="sendFileProcess">
<div class="ui approve positive right labeled icon button" :class="{'loading': this.file_loading}"
@click="sendFileProcess">
Send Send
<i class="send icon"></i> <i class="send icon"></i>
</div> </div>
</div> </div>
</div> </div>
<!-- Modal SendFile -->
<!-- Modal SendVideo -->
<div class="ui small modal" id="modalSendVideo"> <div class="ui small modal" id="modalSendVideo">
<i class="close icon"></i> <i class="close icon"></i>
<div class="header"> <div class="header">
@ -382,7 +385,8 @@
</form> </form>
</div> </div>
<div class="actions"> <div class="actions">
<div class="ui positive right labeled icon button" @click="sendVideoProcess">
<div class="ui approve positive right labeled icon button" :class="{'loading': this.video_loading}"
@click="sendVideoProcess">
Send Send
<i class="send icon"></i> <i class="send icon"></i>
</div> </div>
@ -423,7 +427,8 @@
</form> </form>
</div> </div>
<div class="actions"> <div class="actions">
<div class="ui positive right labeled icon button" @click="sendContactProcess">
<div class="ui approve positive right labeled icon button" :class="{'loading': this.contact_loading}"
@click="sendContactProcess">
Send Send
<i class="send icon"></i> <i class="send icon"></i>
</div> </div>
@ -459,7 +464,8 @@
</form> </form>
</div> </div>
<div class="actions"> <div class="actions">
<div class="ui positive right labeled icon button" @click="sendRevokeProcess">
<div class="ui approve positive right labeled icon button" :class="{'loading': this.revoke_loading}"
@click="sendRevokeProcess">
Send Send
<i class="send icon"></i> <i class="send icon"></i>
</div> </div>
@ -718,6 +724,7 @@
message_type: 'user', message_type: 'user',
message_phone: '', message_phone: '',
message_text: '', message_text: '',
message_loading: false,
} }
}, },
computed: { computed: {
@ -727,12 +734,17 @@
}, },
methods: { methods: {
sendMessageModal() { sendMessageModal() {
$('#modalSendMessage').modal('show');
$('#modalSendMessage').modal({
onApprove: function () {
return false;
}
}).modal('show');
}, },
async sendMessageProcess() { async sendMessageProcess() {
try { try {
let response = await this.sendMessageApi() let response = await this.sendMessageApi()
showSuccessInfo(response) showSuccessInfo(response)
$('#modalSendMessage').modal('hide');
} catch (err) { } catch (err) {
showErrorInfo(err) showErrorInfo(err)
} }
@ -740,6 +752,7 @@
sendMessageApi() { sendMessageApi() {
return new Promise(async (resolve, reject) => { return new Promise(async (resolve, reject) => {
try { try {
this.message_loading = true;
let payload = new FormData(); let payload = new FormData();
payload.append("phone", this.message_phone_id) payload.append("phone", this.message_phone_id)
payload.append("message", this.message_text) payload.append("message", this.message_text)
@ -752,6 +765,8 @@
} else { } else {
reject(error.message) reject(error.message)
} }
} finally {
this.message_loading = false;
} }
}) })
}, },
@ -771,6 +786,7 @@
image_compress: false, image_compress: false,
image_caption: '', image_caption: '',
image_type: 'user', image_type: 'user',
image_loading: false,
} }
}, },
computed: { computed: {
@ -780,12 +796,17 @@
}, },
methods: { methods: {
sendImageModal() { sendImageModal() {
$('#modalSendImage').modal('show');
$('#modalSendImage').modal({
onApprove: function () {
return false;
}
}).modal('show');
}, },
async sendImageProcess() { async sendImageProcess() {
try { try {
let response = await this.sendImageApi() let response = await this.sendImageApi()
showSuccessInfo(response) showSuccessInfo(response)
$('#modalSendImage').modal('hide');
} catch (err) { } catch (err) {
showErrorInfo(err) showErrorInfo(err)
} }
@ -793,6 +814,7 @@
sendImageApi() { sendImageApi() {
return new Promise(async (resolve, reject) => { return new Promise(async (resolve, reject) => {
try { try {
this.image_loading = true;
let payload = new FormData(); let payload = new FormData();
payload.append("phone", this.image_phone_id) payload.append("phone", this.image_phone_id)
payload.append("view_once", this.image_view_once) payload.append("view_once", this.image_view_once)
@ -808,6 +830,8 @@
} else { } else {
reject(error.message) reject(error.message)
} }
} finally {
this.image_loading = false;
} }
}) })
}, },
@ -828,6 +852,7 @@
file_caption: '', file_caption: '',
file_type: 'user', file_type: 'user',
file_phone: '', file_phone: '',
file_loading: false,
} }
}, },
computed: { computed: {
@ -837,12 +862,17 @@
}, },
methods: { methods: {
sendFileModal() { sendFileModal() {
$('#modalSendFile').modal('show');
$('#modalSendFile').modal({
onApprove: function () {
return false;
}
}).modal('show');
}, },
async sendFileProcess() { async sendFileProcess() {
try { try {
let response = await this.sendFileApi() let response = await this.sendFileApi()
showSuccessInfo(response) showSuccessInfo(response)
$('#modalSendFile').modal('hide');
} catch (err) { } catch (err) {
showErrorInfo(err) showErrorInfo(err)
} }
@ -850,6 +880,7 @@
sendFileApi() { sendFileApi() {
return new Promise(async (resolve, reject) => { return new Promise(async (resolve, reject) => {
try { try {
this.file_loading = true;
let payload = new FormData(); let payload = new FormData();
payload.append("caption", this.file_caption) payload.append("caption", this.file_caption)
payload.append("phone", this.file_phone_id) payload.append("phone", this.file_phone_id)
@ -863,6 +894,8 @@
} else { } else {
reject(error.message) reject(error.message)
} }
} finally {
this.file_loading = false;
} }
}) })
}, },
@ -883,6 +916,7 @@
video_compress: false, video_compress: false,
video_type: 'user', video_type: 'user',
video_phone: '', video_phone: '',
video_loading: false,
} }
}, },
computed: { computed: {
@ -892,12 +926,17 @@
}, },
methods: { methods: {
sendVideoModal() { sendVideoModal() {
$('#modalSendVideo').modal('show');
$('#modalSendVideo').modal({
onApprove: function () {
return false;
}
}).modal('show');
}, },
async sendVideoProcess() { async sendVideoProcess() {
try { try {
let response = await this.sendVideoApi() let response = await this.sendVideoApi()
showSuccessInfo(response) showSuccessInfo(response)
$('#modalSendVideo').modal('hide');
} catch (err) { } catch (err) {
showErrorInfo(err) showErrorInfo(err)
} }
@ -905,6 +944,7 @@
sendVideoApi() { sendVideoApi() {
return new Promise(async (resolve, reject) => { return new Promise(async (resolve, reject) => {
try { try {
this.video_loading = true;
let payload = new FormData(); let payload = new FormData();
payload.append("phone", this.video_phone_id) payload.append("phone", this.video_phone_id)
payload.append("caption", this.video_caption) payload.append("caption", this.video_caption)
@ -920,6 +960,8 @@
} else { } else {
reject(error.message) reject(error.message)
} }
} finally {
this.video_loading = false;
} }
}) })
}, },
@ -941,6 +983,7 @@
contact_phone: '', contact_phone: '',
contact_card_name: '', contact_card_name: '',
contact_card_phone: '', contact_card_phone: '',
contact_loading: false,
} }
}, },
computed: { computed: {
@ -951,14 +994,22 @@
methods: { methods: {
sendContactModal() { sendContactModal() {
this.contact_type = this.contact_type =
$('#modalSendContact').modal('show');
$('#modalSendContact').modal({
onApprove: function () {
return false;
}
}).modal('show');
}, },
async sendContactProcess() { async sendContactProcess() {
try { try {
this.contact_loading = true;
let response = await this.sendContactApi() let response = await this.sendContactApi()
showSuccessInfo(response) showSuccessInfo(response)
$('#modalSendContact').modal('hide');
} catch (err) { } catch (err) {
showErrorInfo(err) showErrorInfo(err)
} finally {
this.contact_loading = false;
} }
}, },
sendContactApi() { sendContactApi() {
@ -995,6 +1046,7 @@
revoke_type: 'user', revoke_type: 'user',
revoke_phone: '', revoke_phone: '',
revoke_message_id: '', revoke_message_id: '',
revoke_loading: false,
} }
}, },
computed: { computed: {
@ -1004,12 +1056,17 @@
}, },
methods: { methods: {
sendRevokeModal() { sendRevokeModal() {
$('#modalSendRevoke').modal('show');
$('#modalSendRevoke').modal({
onApprove: function () {
return false;
}
}).modal('show');
}, },
async sendRevokeProcess() { async sendRevokeProcess() {
try { try {
let response = await this.sendRevokeApi() let response = await this.sendRevokeApi()
showSuccessInfo(response) showSuccessInfo(response)
$('#modalSendRevoke').modal('hide');
} catch (err) { } catch (err) {
showErrorInfo(err) showErrorInfo(err)
} }
@ -1017,6 +1074,7 @@
sendRevokeApi() { sendRevokeApi() {
return new Promise(async (resolve, reject) => { return new Promise(async (resolve, reject) => {
try { try {
this.revoke_loading = true;
let payload = new FormData(); let payload = new FormData();
payload.append("phone", this.revoke_phone_id) payload.append("phone", this.revoke_phone_id)
let response = await http.post(`/message/${this.revoke_message_id}/revoke`, payload) let response = await http.post(`/message/${this.revoke_message_id}/revoke`, payload)
@ -1028,6 +1086,8 @@
} else { } else {
reject(error.message) reject(error.message)
} }
} finally {
this.revoke_loading = false;
} }
}) })
}, },

Write Preview
Loading…
Cancel
Save