diff --git a/requirements/base.in b/requirements/base.in index 27e32e3a16..24febabde8 100644 --- a/requirements/base.in +++ b/requirements/base.in @@ -96,7 +96,6 @@ zgw-consumers-oas notifications-api-common git+/~https://github.com/maykinmedia/objects-api-client-django.git@f499caf#egg=objects-api-client-django - # 2FA SMS verification oath messagebird diff --git a/src/open_inwoner/berichten/views/bericht_detail.py b/src/open_inwoner/berichten/views/bericht_detail.py index 4586d411ee..329a8dac27 100644 --- a/src/open_inwoner/berichten/views/bericht_detail.py +++ b/src/open_inwoner/berichten/views/bericht_detail.py @@ -26,7 +26,7 @@ class BerichtDetailView( def crumbs(self): return [ (_("Mijn berichten"), reverse("berichten:list")), - (_("Overzicht"), reverse("berichten:detail", kwargs=self.kwargs)), + (_("Bericht"), reverse("berichten:detail", kwargs=self.kwargs)), ] def page_title(self): diff --git a/src/open_inwoner/scss/components/Berichten/BerichtDetail.scss b/src/open_inwoner/scss/components/Berichten/BerichtDetail.scss index 6e6d86182f..eaa2a30639 100644 --- a/src/open_inwoner/scss/components/Berichten/BerichtDetail.scss +++ b/src/open_inwoner/scss/components/Berichten/BerichtDetail.scss @@ -10,6 +10,16 @@ margin-left: var(--spacing-medium); padding: var(--spacing-small) var(--spacing-medium); } + + .handelingstermijn { + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: flex-end; + align-content: baseline; + justify-items: baseline; + justify-content: space-between; + } } &__heading { @@ -33,7 +43,19 @@ font-weight: bold; } + .utrecht-heading-2 { + margin-top: var(--spacing-large); + } + .button--transparent { padding: var(--spacing-medium) 0 0 0; } + + &__bijlagen { + .file__name { + // Reverse ellipsis: only show last part of URL + direction: rtl; + text-align: left; + } + } } diff --git a/src/open_inwoner/scss/components/Berichten/BerichtenList.scss b/src/open_inwoner/scss/components/Berichten/BerichtenList.scss index d8137dc966..621e40d63c 100644 --- a/src/open_inwoner/scss/components/Berichten/BerichtenList.scss +++ b/src/open_inwoner/scss/components/Berichten/BerichtenList.scss @@ -16,14 +16,27 @@ text-align: center; } } - &.nohover:hover { - text-decoration: none !important; + &.nohover { + width: 100%; + justify-content: space-between; + + &:hover { + text-decoration: none; + } + + .button { + padding-right: 0; + } } } &__table { display: grid; + .table { + border-collapse: separate; + } + &-row:hover th, &-row:hover td { background-color: var(--color-gray-lightest); diff --git a/src/open_inwoner/templates/pages/berichten/detail.html b/src/open_inwoner/templates/pages/berichten/detail.html index 1ef317485e..570d1bf668 100644 --- a/src/open_inwoner/templates/pages/berichten/detail.html +++ b/src/open_inwoner/templates/pages/berichten/detail.html @@ -17,9 +17,15 @@

{{ bericht.onderwerp }}

Bericht type: {{ bericht.bericht_type }}

  • -

    - {% if bericht.einddatum_handelingstermijn %}{% endif %} - Deadline: {{ bericht.einddatum_handelingstermijn }} +

    + {# Icon only if deadline exists #} + {% if bericht.einddatum_handelingstermijn %} + {% icon icon="warning_amber" icon_position="after" extra_classes="icon--danger" outlined=True %} + {% endif %} + + Einddatum: + + {{ bericht.einddatum_handelingstermijn }}

    • @@ -30,12 +36,14 @@

    {{ bericht.onderwerp }}

    {% render_grid %} {% render_column start=4 span=6 %} + + {# Handeling #}
    -

    Actie

    +

    Actie

    {% if bericht.handelingsperspectief %} {{ bericht.handelingsperspectief }} @@ -44,7 +52,7 @@

    Actie

    {% endif %}

    - + {% icon "east" %}
    @@ -54,22 +62,15 @@

    Actie

    +

    {{ bericht.onderwerp }}

    {{ bericht.bericht_tekst|linebreaks }}

    -
    {% icon "arrow_backward" %}Terug naar mijn berichten
    - {% if destination %} -
    - - {{ destination.label }}{% icon "arrow_forward" %} - -
    - {% endif %}
    {% if bericht.bijlages %} @@ -85,17 +86,14 @@

    Bijlagen

    - + {% icon "insert_drive_file" outlined=True %}
    - - {{ attachment }} - (PDF) - + {{ attachment }} (PDF) {{ bericht.publicatiedatum }}
    - - + + {% icon "download" outlined=True %}
    diff --git a/src/open_inwoner/templates/pages/berichten/list.html b/src/open_inwoner/templates/pages/berichten/list.html index 44b25c5880..d5075f0f5a 100644 --- a/src/open_inwoner/templates/pages/berichten/list.html +++ b/src/open_inwoner/templates/pages/berichten/list.html @@ -1,5 +1,5 @@ {% extends 'master.html' %} -{% load i18n button_tags card_tags map_tags utils icon_tags file_tags action_tags dropdown_tags anchor_menu_tags file_tags %} +{% load i18n button_tags card_tags utils icon_tags grid_tags %} {% block content %} @@ -9,61 +9,63 @@

    Welkom in uw berichtencentrum. Hier vindt u een overzicht van uw notificaties.

    -
    - - - - - - - - - - - {% if not berichten %} - {% trans "U heeft op dit moment nog geen berichten." %} - {% endif %} + {% render_grid %} + {% render_column start=0 span=10 %} +
    +
    OnderwerpEinddatumStatusBericht type
    + + + + + + + + + + {% if not berichten %} + {% trans "U heeft op dit moment nog geen berichten." %} + {% endif %} - {% for bericht in berichten %} - - - - - + + + + - - {% endfor %} + + {% icon "arrow_forward" %} + + + + + {% endfor %} - -
    OnderwerpEinddatumStatusBericht type
    - - {{ bericht.onderwerp }} - - - - {{ bericht.publicatiedatum }} - - {% if bericht.geopend %} -
    - Geopend -
    - {% else %} -
    - Niet geopend -
    - {% endif %} -     -     		- - {{ bericht.bericht_type }} + {% for bericht in berichten %} +
    + + {{ bericht.onderwerp }} + + + + {{ bericht.publicatiedatum }} + + {% if bericht.geopend %} +
    + Geopend +
    + {% else %} +
    + Niet geopend +
    + {% endif %} +     +     		+ + {{ bericht.bericht_type }} - - - - -
    - - {# end service list#} -
    + + +
    + {% endrender_column %} + {% endrender_grid %} {% endblock %}