Initial Commit

views/settings/fields/field-ajax_button.php

@@ -0,0 +1,76 @@
+<?php
+/**
+ * Ajax button field view.
+ *
+ * @since 2.0.0
+ */
+?>
+<div class="wu-my-6">
+
+  <div class="wu-flex">
+
+    <div class="wu-w-1/3">
+
+      <label for="<?php echo esc_attr($field->id); ?>">
+
+        <?php echo $field->title; ?>
+
+      </label>
+
+    </div>
+
+    <div class="wu-w-2/3">
+
+      <label for="<?php echo esc_attr($field->id); ?>">
+        <button class="button" name="<?php echo esc_attr($field->id); ?>" id="<?php echo esc_attr($field->id); ?>" value="<?php echo wp_create_nonce($field->action); ?>">
+          <?php echo $field->title; ?>
+        </button>
+      </label>
+
+      <?php if ($field->desc) : ?>
+
+        <p class="description" id="<?php echo $field->id; ?>-desc">
+
+          <?php echo $field->desc; ?>
+
+        </p>
+
+      <?php endif; ?>
+
+    </div>
+
+  </div>
+
+  <?php // if (isset($field['tooltip'])) {echo WU_Util::tooltip($field['tooltip']);} ?>
+
+</div>
+
+<script type="text/javascript">
+(function($) {
+  $('#<?php echo esc_js($field->id); ?>').on('click', function(e) {
+
+    e.preventDefault();
+
+    var $this = $(this);
+    var default_label = $this.html();
+
+    $this.html('...').attr('disabled', 'disabled');
+
+    $.ajax({
+      url: "<?php echo esc_js(admin_url('admin-ajax.php?action=').$field->action); ?>",
+      dataType: "json",
+      success: function(response) {
+
+        $this.html(response.message);
+
+        setTimeout(function() {
+          $this.html(default_label).removeAttr('disabled');
+        }, 4000);
+
+      }
+
+    });
+
+  });
+})(jQuery);
+</script>