From ca9000455d1f50e3d94dd375acca7b6b389bb9bf Mon Sep 17 00:00:00 2001
From: Ad Schellevis <ad@opnsense.org>
Date: Thu, 27 Feb 2020 10:24:30 +0100
Subject: [PATCH] MVC: simplify vlxan reload, for
 https://github.com/opnsense/core/issues/3951

---
 .../app/views/OPNsense/Interface/vxlan.volt   | 25 ++++++-------------
 1 file changed, 7 insertions(+), 18 deletions(-)

diff --git a/src/opnsense/mvc/app/views/OPNsense/Interface/vxlan.volt b/src/opnsense/mvc/app/views/OPNsense/Interface/vxlan.volt
index ec62ec57e..d9e06298f 100644
--- a/src/opnsense/mvc/app/views/OPNsense/Interface/vxlan.volt
+++ b/src/opnsense/mvc/app/views/OPNsense/Interface/vxlan.volt
@@ -8,23 +8,7 @@
                 del:'/api/interfaces/vxlan_settings/delItem/'
             }
         );
-
-        $("#reconfigureAct").click(function(){
-            $("#reconfigureAct_progress").addClass("fa fa-spinner fa-pulse");
-            ajaxCall("/api/interfaces/vxlan_settings/reconfigure", {}, function(data,status) {
-                // when done, disable progress animation.
-                $("#reconfigureAct_progress").removeClass("fa fa-spinner fa-pulse");
-                if (status != "success" || data['status'] != 'ok') {
-                    BootstrapDialog.show({
-                        type: BootstrapDialog.TYPE_WARNING,
-                        title: "{{ lang._('Error reconfiguring vxlan') }}",
-                        message: data['status'],
-                        draggable: true
-                    });
-                }
-            });
-        });
-
+        $("#reconfigureAct").SimpleActionButton();
     });
 </script>
 <div class="tab-content content-box">
@@ -55,7 +39,12 @@
           {{ lang._('After changing settings, please remember to apply them with the button below') }}
       </div>
       <hr/>
-      <button class="btn btn-primary" id="reconfigureAct" type="button"><b>{{ lang._('Apply') }}</b> <i id="reconfigureAct_progress" class=""></i></button>
+      <button class="btn btn-primary" id="reconfigureAct"
+              data-endpoint='/api/interfaces/vxlan_settings/reconfigure'
+              data-label="{{ lang._('Apply') }}"
+              data-error-title="{{ lang._('Error reconfiguring vxlan') }}"
+              type="button"
+      ></button>
       <br/><br/>
   </div>
 </div>