Add random color when saving label

Author: sdelquin

apps/learn/colors.py

@@ -1,3 +1,5 @@
+import random
+import string
 from typing import Tuple
 
 BLACK = '000000'
@@ -16,3 +18,10 @@ def get_luminance(red, green, blue, alpha) -> int:
     luminance = 0.2126 * red + 0.7152 * green + 0.0722 * blue
     luminance *= alpha / 255
     return round(luminance)
+
+
+def get_random_hex_color(include_alpha=False):
+    size = 8 if include_alpha else 6
+    return ''.join(
+        random.choice(string.hexdigits.upper()) for _ in range(size)
+    )

apps/learn/models.py

@@ -1,3 +1,5 @@
+import re
+
 from django.db import models
 
 from . import colors
@@ -10,7 +12,9 @@ class Meta:
     name = models.CharField(max_length=120)
     slug = models.SlugField(max_length=120, unique=True)
     # Label color in hex mode
-    color = models.CharField(max_length=8, default='FF0000')
+    color = models.CharField(
+        max_length=8, default=colors.get_random_hex_color()
+    )
 
     def __str__(self):
         return self.name
@@ -21,6 +25,10 @@ def foreground_color(self):
         luminance = colors.get_luminance(*rgb_color)
         return colors.BLACK if luminance > 128 else colors.WHITE
 
+    def save(self, *args, **kwargs):
+        self.color = re.sub(r'^#', '', self.color)
+        super().save(*args, **kwargs)
+
 
 class Resource(models.Model):
     class Meta:

apps/learn/static/learn/css/main.scss

@@ -20,8 +20,9 @@ a.label {
     border-radius: 12px;
     padding-top: 2px;
     padding-bottom: 2px;
-    padding-left: 3px;
-    padding-right: 3px;
+    padding-left: 4px;
+    padding-right: 4px;
+    font-size: 12px;
   }
 }