Preview & Delete Option In File List Tree

Akshay Paghdar · Akshay Paghdar · commit 7f91f64bf80e · 2020-03-02T15:11:07.000+05:30
diff --git a/assets/admin/css/style.css b/assets/admin/css/style.css
@@ -29,11 +29,29 @@ ul.tree-list a:hover {
 ul.tree-list li {
     text-align : justify;
     line-height: 25px;
+    position: relative;
 }
 
 .file-list {
     border       : 1px solid #cccccc40;
     padding      : 10px;
     border-radius: 5px;
     background   : #fbfbfb;
-}
+}
+
+li.tree-file:hover{
+    background: #f1f1f1;
+}
+li.tree-file:hover .file-actions{display:inline-block;}
+.file-actions{
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: none;
+}
+.file-actions a{
+    font-size: 12px;
+    padding: 0 5px;
+    border-right: 1px solid #DDD;
+}
+.file-actions a:last-child{border:0;}
diff --git a/assets/admin/js/main.js b/assets/admin/js/main.js
@@ -194,6 +194,27 @@ function expandCollapseAll(oElID,oState) {
 				oLnk.onclick();
 } } } }
 
-jQuery(function ($){
-   compactMenu('tree-list',true, '');
+jQuery(function ($) {
+	compactMenu('tree-list', true, '');
+
+	jQuery(document).on('click', '.delete-tree-file', function () {
+		var $thisele = jQuery(this);
+		var zip = jQuery('#zip-file-url').val();
+		var path = jQuery(this).attr('data-path');
+		var file = jQuery(this).attr('data-file');
+		if (confirm('Are you sure you want to remove this file?')) {
+			jQuery.ajax({type: "post", dataType: "json",
+				url: ajaxurl,
+				data: {action: 'delete_tree_file', path: path, file: file, zip: zip},
+				success: function (msg) {
+					if (msg != 1) {
+						return false;
+					} else {
+						$thisele.parent('div').parent('li').remove();
+					}
+				}
+			});
+		}
+		return false;
+	});
 });
diff --git a/includes/post-types/contentsView.php b/includes/post-types/contentsView.php
@@ -58,7 +58,7 @@ public function isFolder($path)
     /**
      * Helper method to list folders in a list
      */
-    public function recursiveFileStructure($fileStructure)
+    public function recursiveFileStructure($fileStructure, $url='')
     {
         $output = '';
         foreach ($fileStructure as $folder => $children) {
@@ -70,13 +70,22 @@ public function recursiveFileStructure($fileStructure)
                 if ($this->isFolder($folder) && !empty($folder)) {
                     $output .= '<strong>' . $folder . '/</strong>';
                 } elseif ($folder && !empty($folder)) {
-                    $output .= '<li>' . $folder . '</li>';
+					$file_path = str_replace(site_url('/'), '', esc_url($url));
+					$file_url = $url.'/'.$children;
+                    $output .= '<li class="tree-file">';
+                    $output .= $folder;
+                    $output .= '<div class="file-actions">';
+                    $output .= '<a href="'.$file_url.'" target="_blank">'. __( 'Preview', 'drophtml' ) . '</a>';
+                    //$output .= '<a href="#">'. __( 'Edit', 'drophtml' ) . '</a>';
+                    $output .= '<a href="javascript:void(0)" class="delete-tree-file" data-path="'.$file_path.'" data-file="'.$children.'">'. __( 'Delete', 'drophtml' ) . '</a>';
+                    $output .= '</div>';
+                    $output .= '</li>';
                 }
             }
 
             if (is_array($children) && !empty($children)) {
                 $output .= '<ul class="folder">';
-                $output .= $this->recursiveFileStructure($children);
+                $output .= $this->recursiveFileStructure($children, $url);
                 $output .= '</ul>';
             }
 
@@ -114,6 +123,7 @@ function showFileList($id)
         }
 
         $file = get_post_meta($id, 'wp_custom_attachment', true);
+		$drop_url = get_post_meta($id, 'drop_preview_url', true);
 
         if ($file) {
 
@@ -139,9 +149,10 @@ function showFileList($id)
                 $html .= '<pre class="file-list">';
                 $html .= '<ul id="tree-list" class="tree-list" role="tree" aria-labelledby="plugin-files-label">';
                 if ($fileStructure) {
-                    $html .= $this->recursiveFileStructure($fileStructure);
+                    $html .= $this->recursiveFileStructure($fileStructure, $drop_url);
                 }
                 $html .= '</ul>';
+                $html .= '<input type="hidden" id="zip-file-url" value="'.$path.'">';
                 $html .= '</pre>';
             }
 
diff --git a/includes/post-types/upload.php b/includes/post-types/upload.php
@@ -29,7 +29,10 @@ public function __construct() {
         add_filter("manage_edit-{$this->post_type}_sortable_columns", [$this, 'register_sortable_columns']);
         add_filter('post_row_actions', [$this, 'action_row'], 10, 2);
         add_action('before_delete_post', [$this, 'delete_all_attached_media']);
-    }
+
+		add_action('wp_ajax_nopriv_delete_tree_file', [$this, 'delete_tree_file']);
+		add_action('wp_ajax_delete_tree_file', [$this, 'delete_tree_file']);
+	}
 
     /**
      * Helper function to check correct post type.
@@ -227,4 +230,26 @@ function delete_all_attached_media( $post_id ) {
         }
     }
 
+	function delete_tree_file() {
+		$result = '0';
+		if (isset($_POST['path']) && !empty($_POST['path'])) {
+			$zipfile = $_POST['zip'];
+			$path = $_POST['path'];
+			$file = $_POST['file'];
+
+			$zip = new \ZipArchive();
+			$zip->open($zipfile);
+			$zip->deleteName($file);
+			$zip->close();
+
+			$file_path = trailingslashit(ABSPATH) . $path . '/' . $file;
+			if (file_exists($file_path)) {
+				unlink($file_path);
+			}
+			$result = '1';
+		}
+		echo $result;
+		exit;
+	}
+
 }
