Changed the button to the link button

Author: arkada38

projects/whatsapp_direct/index.html

@@ -49,9 +49,7 @@
 
                         <button type="button" class="btn btn-block btn-outline-primary" v-on:click="clearMessage()">Очистить текст сообщения</button>
 
-                        <button type="button" class="btn btn-block btn-success" v-on:click="send">
-                            Открыть в WhatsApp
-                        </button>
+                        <a v-bind:href="whatsapp_link" class="btn btn-block btn-success" role="button">Открыть в WhatsApp</a>
                     </div>
                 </div>
             </div>
@@ -64,6 +62,9 @@
                     <mark>0</mark>, то телефонному номеру автоматически присваивается код страны
                     <mark>+66</mark>.
                 </p>
+                <p>
+                    При нажатии на кнопку "Открыть в WhatsApp", осуществляется переход по генерируемой ссылке. Эта ссылка доступна для копирования.
+                </p>
             </div>
         </div>
     </div>

projects/whatsapp_direct/script.js

@@ -6,25 +6,25 @@ var app = new Vue({
   },
   computed: {
     tel_numeric: function () {
-      var numbers = this.tel.replace(/\D/g,'')
-      
+      var numbers = this.tel.replace(/\D/g, '')
+
       if (numbers.charAt(0) == "0")
         numbers = numbers.replace("0", "66")
 
       return numbers
     },
     message_encoded: function () {
       return encodeURI(this.message).replace(/%5B/g, '[').replace(/%5D/g, ']')
+    },
+    whatsapp_link: function () {
+      return 'https://api.whatsapp.com/send?phone=' + this.tel_numeric + '&text=' + this.message_encoded
     }
   },
   methods: {
-    send: function () {
-      window.location.href = 'https://api.whatsapp.com/send?phone=' + this.tel_numeric + '&text=' + this.message_encoded
-    },
-    saveTel: function() {
+    saveTel: function () {
       localStorage.setItem('tel', this.tel)
     },
-    saveMessage: function() {
+    saveMessage: function () {
       localStorage.setItem('message', this.message)
     },
     clearTel: function () {