TT#46179 Send Fax number input validation

Change-Id: I2f30419df760e36eee59c244deba96afc96a7d8f
(cherry picked from commit 8fd55c345b)

src/components/CscSendFax.vue

@@ -7,12 +7,13 @@
         <div class="title">
             {{ $t('communication.sendFax') }}
         </div>
-        <q-field>
+        <csc-call-input
-            <q-input
+            v-if="showFaxModal"
-                type="text"
+            :label="$t('communication.label.destination')"
-                v-model="form.destination"
+            v-model="form.destination"
-                :float-label="$t('communication.label.destination')" />
+            @submit="sendFax"
-        </q-field>
+            @error="error"
+        />
         <q-field>
             <q-select
                 v-model="form.quality"
@@ -53,6 +54,7 @@
 </template>
 
 <script>
+    import CscCallInput from './form/CscCallInput'
     import {
         QModal,
         QBtn,
@@ -76,10 +78,12 @@
                     { label: this.$t('communication.quality.fine'), value: 'fine' },
                     { label: this.$t('communication.quality.super'), value: 'super' }
                 ],
-                isMobile: this.$q.platform.is.mobile
+                isMobile: this.$q.platform.is.mobile,
+                destinationError: false
             }
         },
         components: {
+            CscCallInput,
             QModal,
             QBtn,
             QField,
@@ -88,13 +92,15 @@
         },
         computed: {
             formDisabled() {
-                return !(this.form.destination &&
+                return !(!this.destinationError &&
                     this.form.data && this.form.quality) ? true : false;
             }
         },
         methods: {
             sendFax() {
-                this.$store.dispatch('communication/createFax', this.form);
+                if (!this.destinationError) {
+                    this.$store.dispatch('communication/createFax', this.form);
+                }
             },
             showModal() {
                 this.form = {
@@ -107,6 +113,9 @@
             },
             hideModal() {
                 this.showFaxModal = false;
+            },
+            error(state) {
+                this.destinationError = state;
             }
         }
     }