Merge pull request #22 from app-generator/file-info

add file info model

Author: app-generator

home/admin.py

@@ -1,3 +1,6 @@
 from django.contrib import admin
+from home.models import FileInfo
 
 # Register your models here.
+
+admin.site.register(FileInfo)

home/migrations/0001_initial.py

@@ -0,0 +1,22 @@
+# Generated by Django 4.2.2 on 2023-07-06 07:39
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='FileInfo',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('path', models.URLField()),
+                ('info', models.CharField(max_length=255)),
+            ],
+        ),
+    ]

home/models.py

@@ -1,3 +1,10 @@
 from django.db import models
 
 # Create your models here.
+
+class FileInfo(models.Model):
+    path = models.URLField()
+    info = models.CharField(max_length=255)
+
+    def __str__(self):
+        return self.path

home/templatetags/info_value.py

@@ -0,0 +1,12 @@
+from django import template
+from home.models import FileInfo
+
+register = template.Library()
+
+@register.filter
+def info_value(path):
+    file_info = FileInfo.objects.filter(path=path)
+    if file_info.exists():
+        return file_info.first().info
+    else:
+        return ""

home/urls.py

@@ -9,4 +9,5 @@
     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'),
+    path('save-info/<str:file_path>/', views.save_info, name='save_info'),
 ]

home/views.py

@@ -4,6 +4,7 @@
 from django.shortcuts import render, redirect
 from django.http import HttpResponse, FileResponse, Http404
 from django.conf import settings
+from home.models import FileInfo
 
 # Create your views here.
 
@@ -51,6 +52,18 @@ def get_files_from_directory(directory_path):
                 print( ' > ' +  str( e ) )    
     return files
 
+def save_info(request, file_path):
+    path = file_path.replace('%slash%', '/')
+    if request.method == 'POST':
+        FileInfo.objects.update_or_create(
+            path=path,
+            defaults={
+                'info': request.POST.get('info')
+            }
+        )
+    
+    return redirect(request.META.get('HTTP_REFERER'))
+
 def get_breadcrumbs(request):
     path_components = [component for component in request.path.split("/") if component]
     breadcrumbs = []

templates/pages/file-manager.html

@@ -1,5 +1,5 @@
 {% extends 'layouts/base.html' %}
-{% load static file_extension %}
+{% load static file_extension info_value %}
 
 {% block extrastyle %}
 <style>
@@ -88,10 +88,18 @@
             </tr>
             {% for file in files %}
             <tr>
-              <td>{{ file.filename }}</td>
+              <td>
+                <span data-bs-toggle="tooltip" title="{{file.file_path|info_value}}">
+                  {{ file.filename }}
+                </span>
+              </td>
               <td>{{ file.filename|file_extension|cut:"."|upper }}</td>
               <td>
                 <div class="d-flex align-items-center actions">
+                  <span data-bs-toggle="modal" data-bs-target="#info-{{forloop.counter}}">
+                    <i title="Info" class="fa-solid fa-info text-success"></i>
+                  </span>
+                  <div class="dot-separator mx-2"></div>
                   <span data-bs-toggle="modal" data-bs-target="#file-{{forloop.counter}}">
                     <i title="View" class="fa-solid fa-eye text-primary"></i>
                   </span>
@@ -151,6 +159,31 @@ <h1 class="modal-title fs-5" id="exampleModalLabel">Delete File</h1>
                 </div>
               </div>
             </div>
+            <!-- Info Modal -->
+            <div class="modal fade" id="info-{{forloop.counter}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+              <div class="modal-dialog">
+                <div class="modal-content">
+                  <div class="modal-header">
+                    <h1 class="modal-title fs-5" id="exampleModalLabel">File Info</h1>
+                    <div class="" id="modal-close-btn-{{forloop.counter}}" data-bs-dismiss="modal" aria-label="Close">
+                      <i class="fa-solid fa-circle-xmark fs-5"></i>
+                    </div>
+                  </div>
+                  <div class="modal-body">
+                    <form action="{% url 'save_info' file.file_path|encoded_file_path %}" method="post">
+                      {% csrf_token %}
+                      <div class="form-group mb-2">
+                        <label for="" class="form-label">File Info</label>
+                        <input type="text" value="{{file.file_path|info_value}}" name="info" id="" class="form-control">
+                      </div>
+                      <div class="d-flex justify-content-end">
+                        <button type="submit" class="btn btn-primary" data-bs-dismiss="modal">Save</button>
+                      </div>
+                    </form>
+                  </div>
+                </div>
+              </div>
+            </div>
             {% endfor %}
           </table>
         </div>