district: Person page (URLs) - WIP

district/migrations/0011_auto_20211117_2136.py

+# Generated by Django 3.2.8 on 2021-11-17 20:36
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("district", "0010_auto_20211117_1023"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="districtpersonpage",
+            name="facebook_url",
+            field=models.URLField(
+                blank=True, null=True, verbose_name="Odkaz na Facebook"
+            ),
+        ),
+        migrations.AddField(
+            model_name="districtpersonpage",
+            name="flickr_url",
+            field=models.URLField(
+                blank=True, null=True, verbose_name="Odkaz na Flickr"
+            ),
+        ),
+        migrations.AddField(
+            model_name="districtpersonpage",
+            name="instagram_url",
+            field=models.URLField(
+                blank=True, null=True, verbose_name="Odkaz na Instagram"
+            ),
+        ),
+        migrations.AddField(
+            model_name="districtpersonpage",
+            name="twitter_url",
+            field=models.URLField(
+                blank=True, null=True, verbose_name="Odkaz na Twitter"
+            ),
+        ),
+        migrations.AddField(
+            model_name="districtpersonpage",
+            name="youtube_url",
+            field=models.URLField(
+                blank=True, null=True, verbose_name="Odkaz na Youtube kanál"
+            ),
+        ),
+    ]

district/models.py

@@ -392,6 +392,12 @@ class DistrictPersonPage(SubpageMixin, MetadataPageMixin, Page):
     person = models.ForeignKey(Person, on_delete=models.PROTECT, null=True)
     text = RichTextField("text", blank=True, features=RICH_TEXT_FEATURES)
 
+    facebook_url = models.URLField("Odkaz na Facebook", blank=True, null=True)
+    instagram_url = models.URLField("Odkaz na Instagram", blank=True, null=True)
+    twitter_url = models.URLField("Odkaz na Twitter", blank=True, null=True)
+    youtube_url = models.URLField("Odkaz na Youtube kanál", blank=True, null=True)
+    flickr_url = models.URLField("Odkaz na Flickr", blank=True, null=True)
+
     ### PANELS
 
     content_panels = Page.content_panels + [
@@ -400,6 +406,14 @@ class DistrictPersonPage(SubpageMixin, MetadataPageMixin, Page):
         FieldPanel("text"),
     ]
 
+    settings_panels = [
+        FieldPanel("facebook_url"),
+        FieldPanel("instagram_url"),
+        FieldPanel("twitter_url"),
+        FieldPanel("youtube_url"),
+        FieldPanel("flickr_url"),
+    ]
+
     ### RELATIONS
 
     parent_page_types = ["district.DistrictPeoplePage"]

district/templates/district/district_person_page.html

@@ -35,10 +35,21 @@
 
               </div>
               <div class="social-icon-group space-x-2 text-lg">
-                <a href="#" class="social-icon "><i class="ico--twitter"></i></a>
-                <a href="#" class="social-icon "><i class="ico--youtube"></i></a>
-                <a href="#" class="social-icon "><i class="ico--instagram"></i></a>
-                <a href="#" class="social-icon "><i class="ico--flickr"></i></a>
+                {% if page.facebook_url %}
+                  <a href="{{ page.facebook_url }}" class="social-icon "><i class="ico--facebook"></i></a>
+                {% endif %}
+                {% if page.instagram_url %}
+                  <a href="{{ page.instagram_url }}" class="social-icon "><i class="ico--instagram"></i></a>
+                {% endif %}
+                {% if page.twitter_url %}
+                  <a href="{{ page.twitter_url }}" class="social-icon "><i class="ico--twitter"></i></a>
+                {% endif %}
+                {% if page.youtube_url %}
+                  <a href="{{ page.youtube_url }}" class="social-icon "><i class="ico--youtube"></i></a>
+                {% endif %}
+                {% if page.flickr_url %}
+                  <a href="{{ page.flickr_url }}" class="social-icon "><i class="ico--flickr"></i></a>
+                {% endif %}
               </div>
 
               <hr>