Add link url to AboutItem

ungleich_page/migrations/0006_aboutitem_link_url.py

@@ -0,0 +1,20 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.9.4 on 2017-10-20 06:42
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('ungleich_page', '0005_auto_20171019_1517'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='aboutitem',
+            name='link_url',
+            field=models.URLField(blank=True, default='', max_length=300),
+        ),
+    ]

ungleich_page/models.py

@@ -80,6 +80,7 @@ class About(Service):
 
 class AboutItem(UngelichPicture):
     inverted = models.BooleanField(default=False)
+    link_url = models.URLField(max_length=300, default="", blank=True)
 
     def __str__(self):
         alignment = "Right" if self.inverted else "Left"

ungleich_page/templates/ungleich_page/glasfaser/_about_item.html

@@ -1,7 +1,9 @@
 <li {% if instance.inverted %}class="timeline-inverted"{% endif %}>
+    {% if instance.link_url %}<a href="{{ instance.link_url }}" target="_blank">{% endif %}
     <div class="timeline-image">
       <img class="img-circle img-responsive" src="{{ instance.image.url }}" alt="">
     </div>
+    {% if instance.link_url %}</a>{% endif %}
     <div class="timeline-panel wow {% if instance.inverted %}slideInRight{% else %}slideInLeft{% endif %}">
       <div class="timeline-body">
         <p>{{ instance.title }}</p>