change breadcrumb

Author: mominur-helios

home/views.py

@@ -1,4 +1,5 @@
 import os
+import uuid
 from django.shortcuts import render, redirect
 from django.http import HttpResponse, FileResponse, Http404
 from django.conf import settings
@@ -33,12 +34,14 @@ def get_files_from_directory(directory_path):
 
 
 def get_breadcrumbs(request):
-    path_components = [component for component in request.path.split('/') if component]
+    path_components = [component for component in request.path.split(os.sep) if component]
     breadcrumbs = []
     url = ''
 
     for component in path_components:
-        url += f'/{component}'
+        url += f'{os.sep}{component}'
+        if component == "file-manager":
+            component = "root"
         breadcrumbs.append({'name': component, 'url': url})
 
     return breadcrumbs
@@ -70,9 +73,10 @@ 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)):
+            unique_id = str(uuid.uuid4())
             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})
+            directories.append({'id': unique_id, 'name': name, 'path': os.path.relpath(nested_path, root_path), 'directories': nested_directories})
     return directories
 
 

templates/includes/subdirectories.html

@@ -1,25 +1,25 @@
 {% 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 %}"
+            id="collapse{{directory.id}}" 
+            class="ms-{{depth}} collapse show {% if subdirectory.name in request.get_full_path %}  {% endif %}"
         >
             <i class="fa-solid fa-folder"></i>
             <a 
                 data-bs-toggle="collapse" 
-                href="#collapse{{subdirectory.name}}" 
+                href="#collapse{{subdirectory.id}}" 
                 role="button" 
                 aria-expanded="false" 
-                aria-controls="collapse{{subdirectory.name}}"
+                aria-controls="collapse{{subdirectory.id}}"
             >
                 {{ 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 %} "
+            id="collapse{{directory.id}}" 
+            class="ms-{{depth}} collapse show {% if subdirectory.name in request.get_full_path %} {% endif %} "
         >
             <i class="fa-solid fa-folder"></i>
             <a href="{% url 'file_manager' subdirectory.path %}">{{ subdirectory.name }}</a>

templates/pages/file-manager.html

@@ -38,8 +38,13 @@
           {% if directory.directories %}
           <li class="">
             <i class="fa-solid fa-folder"></i>
-            <a data-bs-toggle="collapse" href="#collapse{{directory.name}}" role="button" aria-expanded="false"
-              aria-controls="collapse{{directory.name}}">
+            <a 
+              data-bs-toggle="collapse" 
+              href="#collapse{{directory.id}}" 
+              role="button" 
+              aria-expanded="false"
+              aria-controls="collapse{{directory.id}}"
+            >
               {{ directory.name }}
             </a>
           </li>