✨ [#2180] Add appointment reschedule/delete link in appointment list

task: https://taiga.maykinmedia.nl/project/open-inwoner/task/2180

Author: stevenbal

src/open_inwoner/accounts/tests/test_profile_views.py

@@ -1157,6 +1157,7 @@ def setUp(self):
         self.user = DigidUserFactory()
 
         self.config = QmaticConfig.get_solo()
+        self.config.booking_base_url = "https://qmatic.local/"
         self.api_root = "https://qmatic.local/api/"
         self.service = ServiceFactory.create(
             api_root=self.api_root, api_type=APITypes.orc
@@ -1248,6 +1249,10 @@ def test_render_list_if_appointments_are_found(self, m):
         self.assertEqual(PQ(passport_appointment[3]).text(), "Locatie\nHoofdkantoor")
         self.assertEqual(PQ(passport_appointment[4]).text(), "Amsterdam")
         self.assertEqual(PQ(passport_appointment[5]).text(), "Dam 1")
+        self.assertEqual(
+            PQ(cards[0]).find("a").attr("href"),
+            f"{self.config.booking_base_url}{self.appointment_passport.publicId}",
+        )
 
         id_card_appointment = PQ(cards[1]).find("ul").children()
 
@@ -1259,3 +1264,7 @@ def test_render_list_if_appointments_are_found(self, m):
         self.assertEqual(PQ(id_card_appointment[3]).text(), "Locatie\nHoofdkantoor")
         self.assertEqual(PQ(id_card_appointment[4]).text(), "New York")
         self.assertEqual(PQ(id_card_appointment[5]).text(), "Wall Street 1")
+        self.assertEqual(
+            PQ(cards[1]).find("a").attr("href"),
+            f"{self.config.booking_base_url}{self.appointment_idcard.publicId}",
+        )

src/open_inwoner/accounts/views/profile.py

@@ -32,6 +32,7 @@
 from open_inwoner.openklant.wrap import get_fetch_parameters
 from open_inwoner.plans.models import Plan
 from open_inwoner.qmatic.client import NoServiceConfigured, QmaticClient
+from open_inwoner.qmatic.models import QmaticConfig
 from open_inwoner.questionnaire.models import QuestionnaireStep
 from open_inwoner.utils.views import CommonPageMixin, LogMixin
 
@@ -367,6 +368,8 @@ def get_context_data(self, **kwargs) -> dict[str, Any]:
             context["appointments"] = client.list_appointments_for_customer(
                 quote(self.request.user.email)
             )
+            config = QmaticConfig.get_solo()
+            context["booking_base_url"] = config.booking_base_url
         return context
 
     @cached_property

src/open_inwoner/qmatic/migrations/0002_qmaticconfig_booking_base_url.py

@@ -0,0 +1,23 @@
+# Generated by Django 4.2.10 on 2024-03-21 10:19
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("qmatic", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="qmaticconfig",
+            name="booking_base_url",
+            field=models.URLField(
+                blank=True,
+                help_text="The base URL where the user can reschedule or delete their appointment",
+                max_length=1000,
+                verbose_name="Booking base URL",
+            ),
+        ),
+    ]

src/open_inwoner/qmatic/models.py

@@ -27,6 +27,14 @@ class QmaticConfig(SingletonModel):
             "Example: https://example.com:8443/calendar-backend/public/api/v1/"
         ),
     )
+    booking_base_url = models.URLField(
+        verbose_name=_("Booking base URL"),
+        max_length=1000,
+        help_text=_(
+            "The base URL where the user can reschedule or delete their appointment"
+        ),
+        blank=True,
+    )
 
     objects = QmaticConfigManager()
 

src/open_inwoner/templates/pages/profile/appointments.html

@@ -24,18 +24,12 @@ <h2 class="card__heading-2">{{ appointment.title }}</h2>
                             {% list_item text=appointment.branch.addressLine2 compact=True strong=False %}
                         {% endrender_list %}
 
-                        <span class="link link--icon link--secondary"
-                            aria-label="{% trans "Wijzig afspraak" %}"
-                            title="{% trans "Wijzig afspraak" %}">
-                            <span class="link__text">{% trans "Wijzig afspraak" %}</span>
+                        <a href="{{ booking_base_url }}{{ appointment.publicId }}" class="link link--icon link--secondary"
+                            aria-label="{% trans "Wijzig of annuleer afspraak" %}"
+                            title="{% trans "Wijzig of annuleer afspraak" %}">
+                            <span class="link__text">{% trans "Wijzig of annuleer afspraak" %}</span>
                             {% icon icon="arrow_forward" icon_position="after" primary=True outlined=True %}
-                        </span>
-                        <span class="link link--icon link--secondary"
-                            aria-label="{% trans "Annuleer afspraak" %}"
-                            title="{% trans "Annuleer afspraak" %}">
-                            <span class="link__text">{% trans "Annuleer afspraak" %}</span>
-                            {% icon icon="arrow_forward" icon_position="after" primary=True outlined=True %}
-                        </span>
+                        </a>
                     </div>
                 </div>
             {% endrender_column %}