Удаление телефона (очистка поля)

webApp/templates/2.0/main_page.pug

@@ -27,7 +27,12 @@ script(type="text/javascript", src="/js/2.0.dashboard.js?q="~randomString())
                     input.form-control.tg_input#fio
                 .my-3.mx-4.success-field
                     label.form-label.m-0(for="tel")="Телефон"
-                    input.form-control.tg_input#tel(type="text")
+                    .row.m-0.p-0.justify-content-between
+                        .col-auto.m-0.p-0(style="min-width: 85%;")
+                            input.form-control.tg_input#tel(type="text")
+                        .col-auto.m-0.p-0
+                            button.btn.btn-danger#clear_tel
+                                span.x-icn
                     small="(Пожалуйста, проверьте формат ввода)"
                 .my-3.mx-4.success-field
                     label.form-label.m-0(for="dob")='Дата рождения'

webApp/templates/static/css/1_model_icons.css

@@ -15,6 +15,12 @@
     color: orange;
 }
 
+.x-icn::before {
+    font-family: 'Font Awesome\ 5 Free';
+    content: "\f00d";
+    font-weight: 900;
+}
+
 .m-off::before{
     margin: 0px !important;
 }

webApp/templates/static/js/2.0.dashboard.js

@@ -370,6 +370,10 @@ $(document).ready(function(){
         });
     });
 
+    $('#clear_tel').click(function(){
+        phoneStr = '';
+        phoneInput.value = formatPhoneString();
+    })
 
 
 
@@ -412,7 +416,7 @@ $(document).ready(function(){
       else
         deleteMode = false;
     });
-7
+
     phoneInput.addEventListener('input', (e) => {
       if (deleteMode) {
         phoneInput.value = phoneInput.value;