- Scan your QRCode and you can use all this API feature
+ Scan your QR code to access all API capabilities.
diff --git a/src/views/components/AppLoginWithCode.js b/src/views/components/AppLoginWithCode.js
new file mode 100644
index 0000000..8421e02
--- /dev/null
+++ b/src/views/components/AppLoginWithCode.js
@@ -0,0 +1,109 @@
+export default {
+ name: 'AppLoginWithCode',
+ props: {
+ connected: {
+ type: Boolean,
+ default: false,
+ }
+ },
+ watch: {
+ connected: function(val) {
+ if (val) {
+ // reset form
+ this.phone = '';
+ this.pair_code = null;
+
+ $('#modalLoginWithCode').modal('hide');
+ }
+ },
+ },
+ data: () => {
+ return {
+ phone: '',
+ submitting: false,
+ pair_code: null,
+ };
+ },
+ methods: {
+ async openModal() {
+ try {
+ if (this.connected) throw Error('You are already logged in.');
+
+ $('#modalLoginWithCode').modal({
+ onApprove: function() {
+ return false;
+ },
+ }).modal('show');
+ } catch (err) {
+ showErrorInfo(err);
+ }
+ },
+ async handleSubmit() {
+ if (this.submitting) return;
+ try {
+ this.submitting = true;
+ const { data } = await http.get(`/app/login-with-code`, {
+ params: {
+ phone: this.phone,
+ },
+ });
+ this.pair_code = data.results.pair_code;
+ } catch (err) {
+ if (err.response) {
+ showErrorInfo(err.response.data.message);
+ }else{
+ showErrorInfo(err.message);
+ }
+ } finally {
+ this.submitting = false;
+ }
+ },
+ },
+ template: `
+
- Reconnect to whatsapp server, please do this if your api doesn't work or your application is down or
- restart
+ Please reconnect to the WhatsApp service if your API doesn't work or if your app is down.
diff --git a/src/views/index.html b/src/views/index.html
index cc01cc4..8f3c029 100644
--- a/src/views/index.html
+++ b/src/views/index.html
@@ -41,9 +41,10 @@