From 3741879b8086c698414b121a41f88e0d188a1380 Mon Sep 17 00:00:00 2001
From: dmytro <karmeljuk@gmail.com>
Date: Mon, 9 Nov 2020 23:46:18 +0200
Subject: [PATCH] Issue-2: Add arrow after plugin activation

---
 admin/class-wordpress-diffy-admin.php | 56 ++++++++++++++++++++++++++-
 css/style.css                         | 13 +++++++
 img/arrow.svg                         |  8 ++++
 js/custom.js                          | 12 ++++++
 wordpress-diffy.php                   |  9 ++++-
 5 files changed, 95 insertions(+), 3 deletions(-)
 create mode 100644 css/style.css
 create mode 100644 img/arrow.svg
 create mode 100644 js/custom.js

diff --git a/admin/class-wordpress-diffy-admin.php b/admin/class-wordpress-diffy-admin.php
index b656d07..ecb18e0 100644
--- a/admin/class-wordpress-diffy-admin.php
+++ b/admin/class-wordpress-diffy-admin.php
@@ -17,9 +17,49 @@ public function __construct($plugin_name, $version) {
     add_action('admin_menu', array($this, 'addPluginAdminMenu'), 9);
     add_action('admin_init', array($this, 'registerAndBuildFields'));
 
+    // Init function on plugin activation
+    add_action( 'init', array( $this, 'load_plugin' ) );
+
     // Add javascript to the form.
-    add_action('admin_enqueue_scripts', array($this, 'scripts'));
+    add_action( 'admin_enqueue_scripts', array( $this, 'scripts' ) );
     add_action( 'wp_ajax_diffy_register', array( $this, 'diffy_register' ) );
+
+    // Add styles to the admin page.
+    add_action( 'admin_enqueue_scripts', array( $this, 'styles' ) );
+  }
+
+  /**
+   * Activate the plugin
+   */
+  public function activate() {
+    add_option( 'activated_plugin', 'wordpress-diffy' ); //ToDo
+  }
+
+  /**
+   * Enqueue styles and scripts after plugin activation
+   */
+  public function load_plugin() {
+    if ( is_admin() && get_option( 'activated_plugin' ) == 'wordpress-diffy' ) {
+
+        delete_option( 'activated_plugin' );
+        
+        wp_enqueue_script(
+          'diffy-custom',
+          plugin_dir_url(__FILE__) . '../js/custom.js',
+          array('jquery'),
+          NULL,
+          TRUE
+        );
+
+        // set variables for script
+        wp_localize_script(
+          'diffy-custom',
+          'params',
+          array(
+            'pluginPath' => plugin_dir_url(__DIR__),
+          )
+        );
+    }
   }
 
   /**
@@ -47,6 +87,18 @@ public function scripts($hook) {
     );
   }
 
+  /**
+   * Add styles to the plugin.
+   */
+  public function styles() {
+    wp_enqueue_style(
+      'diffy-stylesheet',
+      plugin_dir_url(__FILE__) . '../css/style.css',
+      array(),
+      NULL
+    );
+  }
+
   /**
    * Register an account with Diffy.
    */
@@ -291,4 +343,4 @@ public function diffy_validate_project_id_callback($project_id) {
     return $project_id;
   }
 
-}
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..e5d2692
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,13 @@
+.wordpress-diffy-arrow {
+    transform: rotate(180deg);
+    width: 100px;
+    position: absolute;
+    left: 120px;
+    top: -50px;
+    opacity: 0;
+    transition: .5s opacity ease-in-out;
+}
+
+.wordpress-diffy-arrow-active {
+    opacity: 1;
+}
\ No newline at end of file
diff --git a/img/arrow.svg b/img/arrow.svg
new file mode 100644
index 0000000..ecf3528
--- /dev/null
+++ b/img/arrow.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
+<path fill="#010101" d="M256.031,288v-63.563c-68.813,2.125-124,58.219-124,127.563s55.188,125.406,124,127.594V480
+	c-106.063,0.031-192.063-85.938-192.063-192s86-192.031,192.063-192V32l192,128L256.031,288z"/>
+</svg>
diff --git a/js/custom.js b/js/custom.js
new file mode 100644
index 0000000..671b2e5
--- /dev/null
+++ b/js/custom.js
@@ -0,0 +1,12 @@
+( function( $ ) {
+    var pluginPath = params.pluginPath;
+    
+    $( document ).ready( function() { 
+        $('.menu-top .toplevel_page_wordpress-diffy')
+        .append(`<img class="wordpress-diffy-arrow" src="${pluginPath}img/arrow.svg">`)
+        .ready( function() {
+            $('.wordpress-diffy-arrow').addClass("wordpress-diffy-arrow-active");
+        } )
+    });
+
+})( jQuery );
diff --git a/wordpress-diffy.php b/wordpress-diffy.php
index 521a3ea..a66e336 100644
--- a/wordpress-diffy.php
+++ b/wordpress-diffy.php
@@ -35,7 +35,14 @@
 
 // Load admin pages.
 require_once dirname( __FILE__ ) . '/admin/class-wordpress-diffy-admin.php';
-$admin = new Diffy_Admin('wordpress-diffy', '0.9.0');
+
+if ( class_exists( 'Diffy_Admin' ) ) {
+  // Installation hook
+  register_activation_hook( __FILE__, array( 'Diffy_Admin', 'activate' ) );
+
+  // instantiate the plugin class    
+  $admin = new Diffy_Admin( 'wordpress-diffy', '0.9.0' );
+}
 
 /**
  * Throw an error if the Composer autoload is missing and self-deactivate plugin.