[Plugins] Paginación de campañas (#19)

* Campaigns pagination * Syntax * Code Style Fix * Remove unnecessary line
aplazame · Sep 15, 2020 · e25223b · e25223b
1 parent f2ba2fe
commit e25223b
Showing 1 changed file with 27 additions and 13 deletions.
diff --git a/plugin/templates/product/campaigns.php b/plugin/templates/product/campaigns.php
@@ -30,6 +30,12 @@
 
 	var articles = <?php echo json_encode( $articles ); ?>;
 
+	var dateObj = new Date();
+	var currentDate = dateObj.toISOString();
+	var byEndDate = function (campaign) {
+		return (campaign.end_date > currentDate);
+	};
+
 	function associateArticlesToCampaign(articles, campaignId) {
 		apiRequest("POST", "/me/campaigns/" + campaignId + "/articles", articles, function () {
 		});
@@ -112,6 +118,7 @@ function selectCampaigns(campaigns) {
 	function apiRequest(method, path, data, callback) {
 		jQuery.ajax({
 			type: "POST",
+			async: false,
 			url: ajaxurl,
 			data: {
 				action: "aplazame-proxy",
@@ -123,23 +130,30 @@ function apiRequest(method, path, data, callback) {
 		});
 	}
 
-	apiRequest("GET", "/me/campaigns", null, function (payload) {
-		var campaigns = payload.results;
-		var dateObj = new Date();
-		var currentDate = dateObj.toISOString();
-		var byEndDate = function (campaign) {
-			return (campaign.end_date > currentDate);
-		};
+	function getCampaigns(page = 1) {
+		apiRequest("GET", "/me/campaigns?page=" + page, null, function (payload) {
+			var campaigns = payload.results;
+
+			displayCampaigns(campaigns.filter(byEndDate));
 
-		campaigns = campaigns.filter(byEndDate);
+			if (payload.cursor.after != null) {
+				getCampaigns(payload.cursor.after);
+			}
+		});
+	}
 
-		apiRequest("GET", "/me/campaigns?articles-mid=" + articles[0].id, null, function (payload) {
+	function getCampaignsFromArticle(page = 1) {
+		apiRequest("GET", "/me/campaigns?articles-mid=" + articles[0].id + "&page=" + page, null, function(payload) {
 			var selectedCampaigns = payload.results;
 
-			selectedCampaigns = selectedCampaigns.filter(byEndDate);
+			selectCampaigns(selectedCampaigns.filter(byEndDate));
 
-			displayCampaigns(campaigns);
-			selectCampaigns(selectedCampaigns);
+			if (payload.cursor.after != null) {
+				getCampaignsFromArticle(payload.cursor.after);
+			}
 		});
-	});
+	}
+
+	getCampaigns();
+	getCampaignsFromArticle();
 </script>