From be1fc1852584b0895d8768a2e5657af2cf312e1e Mon Sep 17 00:00:00 2001
From: Ramya krishna <ramyakrishnaimminni@gmail.com>
Date: Mon, 7 Oct 2024 14:48:39 +0530
Subject: [PATCH] adding install, activate && learn more logic

---
 includes/Solutions.php        |  5 ++++-
 includes/js/myPluginsTools.js | 26 ++++++++++++++++++++------
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/includes/Solutions.php b/includes/Solutions.php
index 583264b..c5cd81d 100644
--- a/includes/Solutions.php
+++ b/includes/Solutions.php
@@ -109,7 +109,10 @@ public static function my_plugins_and_tools_tab_enqueue_assets() {
 		}
 		wp_enqueue_style( 'nfd_myplugin_solutions_css', NFD_SOLUTIONS_PLUGIN_URL . 'vendor/newfold-labs/wp-module-solutions/includes/css/myPluginsTools.css', array(), '1.0' );
 		wp_enqueue_script('nfd_myplugin_solutions_js', NFD_SOLUTIONS_PLUGIN_URL . 'vendor/newfold-labs/wp-module-solutions/includes/js/myPluginsTools.js', array(), '1.0', true );
-	
+		wp_localize_script( 'nfd_myplugin_solutions_js', 'pluigin_details', array(
+			'installed_plugins' => get_plugins(),
+			'active_plugins'	=> get_option( 'active_plugins' )
+		) );
 	}
 
 }
diff --git a/includes/js/myPluginsTools.js b/includes/js/myPluginsTools.js
index 5bdcee5..48902d5 100644
--- a/includes/js/myPluginsTools.js
+++ b/includes/js/myPluginsTools.js
@@ -16,23 +16,37 @@ class MyPluginTools {
         .then((response) => response.json()).then(res => {
            
             const pluginsData = res?.data?.entitlements?.filter(data => data?.type === 'plugin' );
-
-            console.log(pluginsData)
-            this.setUpContainer(pluginsData);
-            this.entitlements_list = res?.data;
+            const installedPlugins = Object.keys(pluigin_details?.installed_plugins)
+            const pluginWithStatus = pluginsData.map(val => ({
+              ...val,
+              isInstalled: installedPlugins?.includes( val.basename ),
+              isActive: pluigin_details?.active_plugins?.includes( val.basename ),
+              nonce: pluigin_details?.nonce
+            }))
+            this.setUpContainer(pluginWithStatus);
         })
     
     })
         
     }
 
+    getElementByStatus( isActive, isInstalled, pluginData ) {
+      if( isActive && isInstalled ){
+        return `<a href=${pluginData?.cta?.url} target="_blank" class="nfd-solutions-availble-list-item-button">${pluginData?.cta?.text}</a>`;
+      }else if ( isInstalled ){
+        return `<a href="plugins.php?action=activate&plugin=${pluginData?.basename}&plugin_status=all&paged=1&s&_wpnonce=${nfdplugin.restApiNonce}" class="nfd-solutions-availble-list-item-button">Activate</a>`;
+      }else {
+        return `<a href=${pluginData?.url} target="_blank" class="nfd-solutions-availble-list-item-button" data-nfd-installer-plugin-slug=${pluginData?.slug} data-nfd-installer-plugin-provider=${pluginData?.providerName}>Install</a>`;
+      }
+    }
+
     buildPluginsBlock( pluginData ) {
         return `<div class="nfd-solutions-availble-list-item">
                     <div><img src=${pluginData?.image?.primaryImage} width="128px" height="128px" /></div>
                     <div class="details">
                         <h3 class="nfd-solutions-availble-list-item-title">${pluginData?.name}</h3>
                         <div>
-                        <a href=${pluginData?.cta?.url} target="_blank" class="nfd-solutions-availble-list-item-button">${pluginData?.cta?.text}</a>
+                       ${this.getElementByStatus( pluginData?.isActive, pluginData?.isInstalled, pluginData )}
                         </div>
                         <p>${pluginData?.description}</p>
                     </div>
@@ -50,4 +64,4 @@ class MyPluginTools {
     }
 }
 
-const pluginList = new MyPluginTools();
\ No newline at end of file
+const pluginList = new MyPluginTools();