Merge pull request #7 from app-generator/file-manager

File manager

Author: app-generator

home/urls.py

@@ -1,10 +1,11 @@
-from django.urls import path
+from django.urls import path, re_path
 
 from . import views
 
 urlpatterns = [
     path('', views.index, name='index'),
-    path('file-manager/', views.file_manager, name='file-manager'),
+    path('file-manager/', views.file_manager, name='file_manager'),
+    re_path(r'^file-manager/(?P<directory>.*)?/$', 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/views.py

@@ -17,9 +17,9 @@ def index(request):
 
 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)
+    for filename in os.listdir(directory_path):
+        file_path = os.path.join(directory_path, filename)
+        if os.path.isfile(file_path):
             files.append({
                 'file': file_path.split('/media/')[1],
                 'filename': filename,
@@ -28,23 +28,36 @@ def get_files_from_directory(directory_path):
     return files
 
 
-def file_manager(request):
+def get_breadcrumbs(request):
+    path_components = [component for component in request.path.split('/') if component]
+    breadcrumbs = []
+    url = ''
+
+    for component in path_components:
+        url += f'/{component}'
+        breadcrumbs.append({'name': component, 'url': url})
+
+    return breadcrumbs
+
+
+def file_manager(request, directory=''):
     media_path = os.path.join(settings.MEDIA_ROOT)
     directories = generate_nested_directory(media_path, media_path)
-    selected_directory = request.GET.get('directory', '') 
+    selected_directory = 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)
+    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)
+
+    breadcrumbs = get_breadcrumbs(request)
 
     context = {
         'directories': directories, 
         'files': files, 
         'selected_directory': selected_directory,
         'segment': 'file_manager',
-        'MEDIA_ROOT': settings.MEDIA_ROOT
+        'breadcrumbs': breadcrumbs
     }
     return render(request, 'pages/file-manager.html', context)
 

templates/includes/sidebar.html

@@ -131,7 +131,7 @@
         </a>
       </li>
       <li class="nav-item">
-        <a class="nav-link  {% if 'wallet' in segment %}active{% endif %}" href="{% url 'file-manager' %}">
+        <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>

templates/includes/subdirectories.html

@@ -22,7 +22,7 @@
             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>
+            <a href="{% url 'file_manager' subdirectory.path %}">{{ subdirectory.name }}</a>
         </li>
     {% endif %}
 {% endfor %}

templates/pages/file-manager.html

@@ -12,7 +12,18 @@
 {% block content %}
 <div class="container-fluid py-4 px-5">
   <div class="row">
-    <div class="col-lg-3">
+    <div class="col-lg-3 border py-2">
+      <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+          {% for breadcrumb in breadcrumbs %}
+            {% if forloop.last %}
+              <li class="breadcrumb-item active" aria-current="page">{{ breadcrumb.name }}</li>
+            {% else %}
+              <li class="breadcrumb-item"><a href="{{ breadcrumb.url }}">{{ breadcrumb.name }}</a></li>
+            {% endif %}
+          {% endfor %}
+        </ol>
+      </nav>
       <ul class="">
         {% for directory in directories %}
           {% if directory.directories %}
@@ -27,13 +38,13 @@
         {% else %}
           <li>
             <i class="fa-solid fa-folder"></i>
-            <a href="?directory={{directory.path}}">{{ directory.name }}</a>
+            <a href="{% url 'file_manager' directory.path %}">{{ directory.name }}</a>
           </li>
           {% endif %}
         {% endfor %}
       </ul>
     </div>
-    <div class="col-lg-9">
+    <div class="col-lg-9 border py-2">
       {% if files %}
         <div class="d-flex justify-content-end mb-3">
           <label for="fileInput">
@@ -56,9 +67,13 @@
                 <video height="170px" data-bs-toggle="modal" data-bs-target="#file-{{forloop.counter}}" class="w-100"
                   src="/media/{{ file.file }}"></video>
               {% else %}
-                <object data="/media/{{ file.file }}" type="application/pdf" width="100%" height="170px">
+                {% if file.file|file_extension in ".csv, .txt" %}
                   <a href="/media/{{ file.file }}">{{ file.filename }}</a>
-                </object>
+                {% elif file.file|file_extension == '.pdf' %}
+                  <object class="d-block" data="/media/{{ file.file }}" type="application/pdf" width="100%" height="170px">
+                    <a href="/media/{{ file.file }}">{{ file.filename }}</a>
+                  </object>
+                {% endif %}
               {% endif %}
               <!-- Modal -->
               <div class="modal fade" id="file-{{forloop.counter}}" data-bs-backdrop="static" data-bs-keyboard="false"