44 lines
2.1 KiB
HTML
44 lines
2.1 KiB
HTML
{% load i18n %}
|
|
{% get_current_language as LANGUAGE_CODE %}
|
|
{% if messages %}
|
|
<div class="oh-alert-container">
|
|
{% for message in messages %}
|
|
<div class="oh-alert oh-alert--animated {{message.tags}}">
|
|
{{ message }}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
<ul class="oh-navbar__nofication-list">
|
|
{% for notification in notifications %}
|
|
<a class="oh-navbar__notification-item" href="{{notification.data.redirect}}#">
|
|
<div>
|
|
{% if notification.unread %}
|
|
<span class="oh-navbar__notification-dot oh-navbar__notification-dot--green"
|
|
:class="markRead ? '': 'oh-navbar__notification-dot--unread'">
|
|
</span>
|
|
{% endif %}
|
|
|
|
</div>
|
|
<div>
|
|
{% if LANGUAGE_CODE == 'ar' %}
|
|
<p class="oh-navbar__notification-text" :class="markRead ? '' : 'oh-navbar__notification-text--unread' ">{{ notification.data.verb_ar }}</p>
|
|
{% elif LANGUAGE_CODE == 'de' %}
|
|
<p class="oh-navbar__notification-text" :class="markRead ? '' : 'oh-navbar__notification-text--unread' ">{{ notification.data.verb_de }}</p>
|
|
{% elif LANGUAGE_CODE == 'fr' %}
|
|
<p class="oh-navbar__notification-text" :class="markRead ? '' : 'oh-navbar__notification-text--unread' ">{{ notification.data.verb_fr }}</p>
|
|
{% elif LANGUAGE_CODE == 'es' %}
|
|
<p class="oh-navbar__notification-text" :class="markRead ? '' : 'oh-navbar__notification-text--unread' ">{{ notification.data.verb_es }}</p>
|
|
{% else %}
|
|
<p class="oh-navbar__notification-text" :class="markRead ? '' : 'oh-navbar__notification-text--unread' ">{{ notification.verb }}</p>
|
|
{% endif %}
|
|
<span class="oh-navbar__notification-date">{{ notification.timesince }} {% trans "ago by" %} {% if notification.actor.employee_first_name %}{{ notification.actor.employee_first_name }}{% else %}{% trans "Anonymous" %}{% endif %}</span>
|
|
</div>
|
|
<div>
|
|
<div class="oh-navbar__notification-image">
|
|
<ion-icon name="{{notification.data.icon}}"></ion-icon>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
</ul> |