Tags now working as expected, refreshing, plugin ready for release

Author: Devin Walker

assets/css/admin-forms.css

@@ -3,21 +3,35 @@
  */
 
 .give-convertkit-list-wrap, .give-convertkit-tag-wrap {
-	border: 1px solid #ccc;
-	background: #FDFDFD;
-	width: auto;
-	height: 200px;
-	overflow-y: scroll;
-	padding: 7px 10px;
+    border: 1px solid #ccc;
+    background: #FDFDFD;
+    width: auto;
+    height: 200px;
+    overflow-y: scroll;
+    padding: 7px 10px;
+    margin: 0;
+    clear: both;
 }
 
 .give-convertkit-list-wrap label, .give-convertkit-tag-wrap label {
-	display: block;
-	margin-bottom: 3px;
+    display: block;
+    margin-bottom: 3px;
 }
 
 .give-convertkit-list-wrap label.group, .give-convertkit-tag-wrap label.group {
-	margin-left: 30px;
-	font-size: 13px;
-	font-style: italic;
+    margin-left: 30px;
+    font-size: 13px;
+    font-style: italic;
 }
+
+.give-convertkit-tag-label-wrap {
+    margin: 10px 0 0;
+}
+
+.give-convertkit-select-wrap  {
+    margin: 0 0 20px;
+}
+
+.give_forms_page_give-settings .give-convertkit-tag-wrap {
+    max-width:350px;
+}

assets/js/admin-ajax.js

@@ -52,4 +52,43 @@ jQuery(document).ready(function ($) {
 		});
 	});
 
+	/**
+	 * Refresh Tags Button click.
+	 */
+	$('.give-reset-tags-convertkit-button').on('click', function (e) {
+		e.preventDefault();
+
+		var field_type = $(this).data('field_type');
+
+		var data = {
+				action: $(this).data('action'),
+				field_type: field_type,
+				post_id: give_vars.post_id
+			},
+			refresh_button = $(this),
+			spinner = $(this).next();
+
+		$.ajax({
+			method: 'POST',
+			url: ajaxurl,
+			data: data,
+			beforeSend: function () {
+				spinner.addClass('is-active');
+			},
+			success: function (res) {
+				if (true == res.success) {
+					//Replace select options.
+					if (field_type == 'select') {
+						$('.give-convertkit-tag-select').empty().append(res.data.lists);
+					} else {
+						$('.give-convertkit-tag-wrap').empty().append(res.data.lists);
+					}
+
+					refresh_button.hide();
+					spinner.removeClass('is-active');
+				}
+			}
+		});
+	});
+
 });