New Frontend in Vue with drf interface (#72)

* frontend rewrite with vie initial commit

* got ComicCard.vue working nice.

* got TheComicList.vue working.

* added router and basic config

* getting jwt stuff working.

* login with jwt now working.

* implemented browse api call

* implemented browse api recievers

* jwt token is now updating automatically.

* removed code for jwt testing.

* enabled browsing

* breadcrumbs working

* adding django webpack loader

* linking up navigation

* fixes for ComicCard.vue stying

* added thumbnail view

* added thumbnail generation and handling.

* detached breadcrumbs

* fix breadcrumbs

* added first stages of reader

* reader view is working.

* reader is now working with keyboard shortcuts

* implemented setting read page.

* implemented pagination on comic reader.

* hide elements that shouldn't be shown.

* fixed the ComicCard.vue to use as little space as possible.

* fix navbar browse link

* added RecentView.vue and added manual option for breadcrumbs

* updated rest api to handle recent comics.

* most functionality of recent comics done

* modified comicstatus relation to use uuid relation and implemented mark read and unread for batches.

* added functions to TheRecentTable.vue

* added feed link to TheRecentTable.vue

* fixes for comicstatus updates.

* added constraints to comicstatus

* update to python packages.

* some changes for django 4, also removed django-recaptcha2 as it doesnt support django 4.

* some fixes and updates to ComicCard.vue

* cleaned up generate_directory. fixed bug where pages not visible on first call.

* cleaned up generate_directory. fixed bug where pages not visible on first call.

* cleaned up generate_directory. fixed bug where pages not visible on first call.

* cleaned up generate_directory.

* added silk stubs

* fix for re-requesting thumbnail after getting it already.

* fix for removing stale comics.
adding leeway to access token.

* mark read and unread

* added filtering to comic list.

* stored filtering state.

* stored filtering state.

* added next functionality to login.

* cleanup LoginView.vue

* bump font-awesome.

* working on AccountView.vue

* fixed form submission on LoginView.vue

* account page should now be working.

* hide users option if not superuser.

* added pdf support

* make pdf resize.

* added touch controls to pdf reader

* added touch controls to comic reader

* beginnings of routing between issues.

* fixes for navigating pages.

* fixes for navigating pages.

* fixes for navigating pages.

* renamed HomeView.vue to BrowseView.vue

* stubs for users page added. api ready

* users page further functinality

* fix for notification

* fix for notification

* moved messages to parent.

* form to add users

* added error handling

* removed console logging

* classification in base directory should be lowest

* renamed usermisc to classification to be more consistent with what it does.

* renamed usermisc to classification to be more consistent with what it does.

* added functionality to change classification of directories.

* merged rss_id api into account api.

* merged breadcrumbs api into browse api.

* clears some warnings from console.

* fixed read/unread rendering.

* added build script and starting lint

* fixing lint errors

* fixing lint errors

* fixing lint errors

* fixing lint errors

* fixing lint errors

* fixing lint errors

* fixing lint errors

* fixing lint errors

* fixing navigation bugs

* cleanup and fixes

* fixed generated tooltips over calling.

* fixed classifications.

* initial setup now working

* fix navbar branding

* fix favicon

* added beta build script.

* fixes to get ready for production

* optimisations for loading new comics.

* added loading indicators to TheComicList.vue

* lint fixes

* made two methods static. may use them elsewhere.

* fix for scanning files.

* version updates.

* fixes for production

* fixes for production

Co-authored-by: Peter Dwyer <peter.dwyer@clanwilliamhealth.com>

comic/models.py

@@ -14,6 +14,7 @@ from django.conf import settings
 from django.contrib.auth.models import User, AbstractUser
 from django.core.files.uploadedfile import InMemoryUploadedFile
 from django.db import models
+from django.db.models import UniqueConstraint
 from django.db.transaction import atomic
 from django.templatetags.static import static
 from django.utils.http import urlsafe_base64_encode
@@ -36,7 +37,7 @@ class Directory(models.Model):
         C_18 = 4, '18'
 
     name = models.CharField(max_length=100)
-    parent = models.ForeignKey("Directory", null=True, blank=True, on_delete=models.CASCADE)
+    parent = models.ForeignKey("Directory", null=True, blank=True, on_delete=models.CASCADE, to_field="selector")
     selector = models.UUIDField(unique=True, default=uuid.uuid4, db_index=True)
     thumbnail = ProcessedImageField(upload_to='thumbs',
                                     processors=[ResizeToFill(200, 300)],
@@ -55,6 +56,14 @@ class Directory(models.Model):
     def __str__(self):
         return "Directory: {0}; {1}".format(self.name, self.parent)
 
+    @property
+    def title(self):
+        return self.name
+
+    @property
+    def type(self):
+        return 'Directory'
+
     def mark_read(self, user):
         books = ComicBook.objects.filter(directory=self)
         for book in books:
@@ -124,7 +133,7 @@ class Directory(models.Model):
 class ComicBook(models.Model):
     file_name = models.TextField()
     date_added = models.DateTimeField(auto_now_add=True)
-    directory = models.ForeignKey(Directory, blank=True, null=True, on_delete=models.CASCADE)
+    directory = models.ForeignKey(Directory, blank=True, null=True, on_delete=models.CASCADE, to_field="selector")
     selector = models.UUIDField(unique=True, default=uuid.uuid4, db_index=True)
     version = models.IntegerField(default=1)
     thumbnail = ProcessedImageField(upload_to='thumbs',
@@ -134,9 +143,22 @@ class ComicBook(models.Model):
                                     null=True)
     thumbnail_index = models.PositiveIntegerField(default=0)
 
+    class Meta:
+        constraints = [
+            UniqueConstraint(fields=['directory', 'file_name'], name='one_comic_name_per_directory')
+        ]
+
     def __str__(self):
         return self.file_name
 
+    @property
+    def title(self):
+        return self.file_name
+
+    @property
+    def type(self):
+        return 'ComicBook'
+
     def mark_read(self, user: User):
         status, _ = ComicStatus.objects.get_or_create(comic=self, user=user)
         status.mark_read()
@@ -158,7 +180,10 @@ class ComicBook(models.Model):
 
     def get_pdf(self) -> Path:
         base_dir = settings.COMIC_BOOK_VOLUME
-        return Path(base_dir, self.directory.get_path(), self.file_name)
+        if self.directory:
+            return Path(base_dir, self.directory.get_path(), self.file_name)
+        else:
+            return Path(base_dir, self.file_name)
 
     def get_image(self, page: int):
         base_dir = settings.COMIC_BOOK_VOLUME
@@ -468,11 +493,16 @@ class ComicPage(models.Model):
 
 class ComicStatus(models.Model):
     user = models.ForeignKey(User, unique=False, null=False, on_delete=models.CASCADE)
-    comic = models.ForeignKey(ComicBook, unique=False, null=False, on_delete=models.CASCADE)
+    comic = models.ForeignKey(ComicBook, unique=False, blank=False, null=False, on_delete=models.CASCADE, to_field="selector")
     last_read_page = models.IntegerField(default=0)
     unread = models.BooleanField(default=True)
     finished = models.BooleanField(default=False)
 
+    class Meta:
+        constraints = [
+            UniqueConstraint(fields=['user', 'comic'], name='one_per_user_per_comic')
+        ]
+
     def mark_read(self):
         page_count = ComicPage.objects.filter(Comic=self.comic).count()
         self.unread = False