add breadcrumbs

Author: mominur-helios

home/views.py

@@ -40,6 +40,18 @@ def get_files_from_directory(directory_path):
     return files
 
 
+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)
@@ -50,11 +62,14 @@ def file_manager(request, 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',
+        'breadcrumbs': breadcrumbs
     }
     return render(request, 'pages/file-manager.html', context)
 

templates/pages/file-manager.html

@@ -13,6 +13,17 @@
 <div class="container-fluid py-4 px-5">
   <div class="row">
     <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 %}