add file manager

Author: mominur-helios

.gitignore

@@ -14,3 +14,5 @@ env
 
 .env
 yarn.lock
+
+/media

core/settings.py

@@ -158,6 +158,9 @@
     os.path.join(BASE_DIR, 'static'),
 )
 
+MEDIA_URL = '/media/'
+MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
+
 #if not DEBUG:
 #    STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
 

core/urls.py

@@ -15,9 +15,11 @@
 """
 from django.contrib import admin
 from django.urls import include, path
+from django.conf import settings
+from django.conf.urls.static import static
 
 urlpatterns = [
     path('', include('home.urls')),
     path("admin/", admin.site.urls),
     path("", include('admin_corporate.urls'))
-]
+] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

home/templatetags/__init__.py

@@ -0,0 +1,15 @@
+from django import template
+import os
+from urllib.parse import quote
+
+register = template.Library()
+
+@register.filter
+def file_extension(value):
+    _, extension = os.path.splitext(value)
+    return extension.lower()
+
+
+@register.filter
+def encoded_file_path(path):
+    return path.replace('/', '%slash%')

home/templatetags/file_extension.py

@@ -4,4 +4,8 @@
 
 urlpatterns = [
     path('', views.index, name='index'),
+    path('file-manager/', views.file_manager, name='file-manager'),
+    path('delete-file/<str:file_path>/', views.delete_file, name='delete_file'),
+    path('download-file/<str:file_path>/', views.download_file, name='download_file'),
+    path('upload-file/', views.upload_file, name='upload_file'),
 ]

home/urls.py

@@ -1,5 +1,7 @@
-from django.shortcuts import render
-from django.http import HttpResponse
+import os
+from django.shortcuts import render, redirect
+from django.http import HttpResponse, FileResponse, Http404
+from django.conf import settings
 
 # Create your views here.
 
@@ -12,3 +14,78 @@ def index(request):
 
     # Page from the theme 
     return render(request, 'pages/dashboard.html', context=context)
+
+def get_files_from_directory(directory_path):
+    files = []
+    for root, _, filenames in os.walk(directory_path):
+        for filename in filenames:
+            file_path = os.path.join(root, filename)
+            files.append({
+                'file': file_path.split('/media/')[1],
+                'filename': filename,
+                'file_path': file_path
+            })
+    return files
+
+
+def file_manager(request):
+    media_path = os.path.join(settings.MEDIA_ROOT)
+    directories = generate_nested_directory(media_path, media_path)
+    selected_directory = request.GET.get('directory', '') 
+
+    files = []
+    if selected_directory:
+        selected_directory_path = os.path.join(media_path, selected_directory)
+        if os.path.isdir(selected_directory_path):
+            files = get_files_from_directory(selected_directory_path)
+
+    context = {
+        'directories': directories, 
+        'files': files, 
+        'selected_directory': selected_directory,
+        'segment': 'file_manager',
+        'MEDIA_ROOT': settings.MEDIA_ROOT
+    }
+    return render(request, 'pages/file-manager.html', context)
+
+
+def generate_nested_directory(root_path, current_path):
+    directories = []
+    for name in os.listdir(current_path):
+        if os.path.isdir(os.path.join(current_path, name)):
+            nested_path = os.path.join(current_path, name)
+            nested_directories = generate_nested_directory(root_path, nested_path)
+            directories.append({'name': name, 'path': os.path.relpath(nested_path, root_path), 'directories': nested_directories})
+    return directories
+
+
+def delete_file(request, file_path):
+    path = file_path.replace('%slash%', '/')
+    absolute_file_path = os.path.join(settings.MEDIA_ROOT, path)
+    os.remove(absolute_file_path)
+    print("File deleted", absolute_file_path)
+    return redirect(request.META.get('HTTP_REFERER'))
+
+    
+def download_file(request, file_path):
+    path = file_path.replace('%slash%', '/')
+    absolute_file_path = os.path.join(settings.MEDIA_ROOT, path)
+    if os.path.exists(absolute_file_path):
+        with open(absolute_file_path, 'rb') as fh:
+            response = HttpResponse(fh.read(), content_type="application/vnd.ms-excel")
+            response['Content-Disposition'] = 'inline; filename=' + os.path.basename(absolute_file_path)
+            return response
+    raise Http404
+
+def upload_file(request):
+    media_path = os.path.join(settings.MEDIA_ROOT)
+    selected_directory = request.POST.get('directory', '') 
+    selected_directory_path = os.path.join(media_path, selected_directory)
+    if request.method == 'POST':
+        file = request.FILES.get('file')
+        file_path = os.path.join(selected_directory_path, file.name)
+        with open(file_path, 'wb') as destination:
+            for chunk in file.chunks():
+                destination.write(chunk)
+
+    return redirect(request.META.get('HTTP_REFERER'))

home/views.py

@@ -130,6 +130,22 @@
           <span class="nav-link-text ms-1">Wallet</span>
         </a>
       </li>
+      <li class="nav-item">
+        <a class="nav-link  {% if 'wallet' in segment %}active{% endif %}" href="{% url 'file-manager' %}">
+          <div class="icon icon-shape icon-sm px-0 text-center d-flex align-items-center justify-content-center">
+            <svg width="30px" height="30px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+              <title>wallet</title>
+              <g id="wallet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g id="credit-card" transform="translate(12.000000, 15.000000)" fill="#FFFFFF">
+                  <path class="color-background" d="M3,0 C1.343145,0 0,1.343145 0,3 L0,4.5 L24,4.5 L24,3 C24,1.343145 22.6569,0 21,0 L3,0 Z" id="Path" fill-rule="nonzero"></path>
+                  <path class="color-foreground" d="M24,7.5 L0,7.5 L0,15 C0,16.6569 1.343145,18 3,18 L21,18 C22.6569,18 24,16.6569 24,15 L24,7.5 Z M3,13.5 C3,12.67155 3.67158,12 4.5,12 L6,12 C6.82842,12 7.5,12.67155 7.5,13.5 C7.5,14.32845 6.82842,15 6,15 L4.5,15 C3.67158,15 3,14.32845 3,13.5 Z M10.5,12 C9.67158,12 9,12.67155 9,13.5 C9,14.32845 9.67158,15 10.5,15 L12,15 C12.82845,15 13.5,14.32845 13.5,13.5 C13.5,12.67155 12.82845,12 12,12 L10.5,12 Z" id="Shape"></path>
+                </g>
+              </g>
+            </svg>
+          </div>
+          <span class="nav-link-text ms-1">File Manager</span>
+        </a>
+      </li>
       <li class="nav-item">
         <a class="nav-link {% if 'rtl' in segment %}active{% endif %} " href="{% url 'rtl' %}">
           <div class="icon icon-shape icon-sm px-0 text-center d-flex align-items-center justify-content-center">

static/js/plugins/font-awesome.min.js

@@ -0,0 +1,28 @@
+{% for subdirectory in directory.directories %}
+    {% if subdirectory.directories %}
+        <li 
+            id="collapse{{directory.name}}" 
+            class="ms-{{depth}} collapse {% if subdirectory.name in request.get_full_path %} show {% endif %}"
+        >
+            <i class="fa-solid fa-folder"></i>
+            <a 
+                data-bs-toggle="collapse" 
+                href="#collapse{{subdirectory.name}}" 
+                role="button" 
+                aria-expanded="false" 
+                aria-controls="collapse{{subdirectory.name}}"
+            >
+                {{ subdirectory.name }}
+            </a>
+        </li>
+        {% include 'includes/subdirectories.html' with directory=subdirectory depth=depth|add:"2" %}
+    {% else %}
+        <li 
+            id="collapse{{directory.name}}" 
+            class="ms-{{depth}} collapse {% if subdirectory.name in request.get_full_path %} show {% endif %} "
+        >
+            <i class="fa-solid fa-folder"></i>
+            <a href="?directory={{subdirectory.path}}">{{ subdirectory.name }}</a>
+        </li>
+    {% endif %}
+{% endfor %}