diff options
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig')
-rw-r--r-- | src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig index 60907e11..ccc44931 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig | |||
@@ -110,6 +110,13 @@ | |||
110 | <i class="material-icons">search</i> | 110 | <i class="material-icons">search</i> |
111 | </a> | 111 | </a> |
112 | </li> | 112 | </li> |
113 | <li id="button_notifications"> | ||
114 | {% set unreadNotifs = get_notifications() | unread_notif | length %} | ||
115 | <a class="nav-panel-menu button-collapse-right tooltipped js-notifications-action" data-position="bottom" data-delay="50" data-tooltip="{{ 'menu.top.notifications' | trans }}" href="#" data-activates="notifications"> | ||
116 | <i class="material-icons">notifications{% if unreadNotifs == 0 %}_none{% endif %}</i> | ||
117 | {% if unreadNotifs > 0 %}<span id="notifications-count" class="red-text text-accent-2">{{ unreadNotifs }}</span>{% endif %} | ||
118 | </a> | ||
119 | </li> | ||
113 | <li id="button_filters"> | 120 | <li id="button_filters"> |
114 | <a class="nav-panel-menu button-collapse-right tooltipped js-filters-action" data-position="bottom" data-delay="50" data-tooltip="{{ 'menu.top.filter_entries'|trans }}" href="#" data-activates="filters"> | 121 | <a class="nav-panel-menu button-collapse-right tooltipped js-filters-action" data-position="bottom" data-delay="50" data-tooltip="{{ 'menu.top.filter_entries'|trans }}" href="#" data-activates="filters"> |
115 | <i class="material-icons">filter_list</i> | 122 | <i class="material-icons">filter_list</i> |
@@ -135,6 +142,53 @@ | |||
135 | </nav> | 142 | </nav> |
136 | {% endblock %} | 143 | {% endblock %} |
137 | 144 | ||
145 | {% block content %} | ||
146 | |||
147 | <div id="notifications" class="side-nav"> | ||
148 | {% if app.user.notifications is not empty %} | ||
149 | <div class="notifications-area"> | ||
150 | <ul class="collection"> | ||
151 | {% for notification in get_notifications() | slice(0, 10) %} | ||
152 | <li class="notification collection-item avatar{% if not notification.read %} light-blue lighten-5{% else %} grey-text{% endif %}"> | ||
153 | <i class="material-icons circle">{% spaceless %} | ||
154 | {% if notification.type == constant('TYPE_ADMIN', notification) %} | ||
155 | build | ||
156 | {% elseif notification.type == constant('TYPE_USER', notification) %} | ||
157 | person | ||
158 | {% elseif notification.type == constant('TYPE_RELEASE', notification) %} | ||
159 | new_releases | ||
160 | {% endif %} | ||
161 | {% endspaceless %}</i> | ||
162 | <span class="title">{{ notification.title | trans(notification.parameters) }}</span> | ||
163 | <p>{{ notification.description | trans(notification.parameters) }}</p> | ||
164 | <time datetime="{{ notification.timestamp | date }}">{{ notification.timestamp | time_diff }}</time> | ||
165 | <div> | ||
166 | {% for action in notification.actions %} | ||
167 | <a class="notification-action-button btn waves-effect waves-light {% spaceless %} | ||
168 | {% if action.type == constant('TYPE_OK', action) %} | ||
169 | {% elseif action.type == constant('TYPE_YES', action) %} | ||
170 | cyan | ||
171 | {% elseif action.type == constant('TYPE_NO', action) %} | ||
172 | red | ||
173 | {% elseif action.type == constant('TYPE_INFO', action) %} | ||
174 | blue-grey | ||
175 | {% endif %} | ||
176 | {% if notification.read %}lighten-3{% endif %} | ||
177 | {% endspaceless %}" href="{{ path('notification-archive-redirect', {'redirection': action.link, 'notification': notification.id}) }}">{{ action.label | trans(notification.parameters) }}</a> | ||
178 | {% endfor %} | ||
179 | </div> | ||
180 | </li> | ||
181 | {% endfor %} | ||
182 | </ul> | ||
183 | </div> | ||
184 | <a href="{{ path('notification-archive-all') }}" class="btn-light waves-effect waves-light right"><i class="material-icons">done_all</i> {{ 'notifications.list.mark_all_as_read' | trans }}</a> | ||
185 | <a class="waves-effect waves-light btn view-more" href="{{ path('notifications-all') }}">{{ 'notifications.sidebar.view_more' | trans }}</a> | ||
186 | {% else %} | ||
187 | <div class="no-notifications grey-text">{{ 'notifications.list.none' | trans }}</div> | ||
188 | {% endif %} | ||
189 | </div> | ||
190 | {% endblock %} | ||
191 | |||
138 | {% block footer %} | 192 | {% block footer %} |
139 | <footer class="page-footer cyan darken-2"> | 193 | <footer class="page-footer cyan darken-2"> |
140 | <div class="footer-copyright"> | 194 | <div class="footer-copyright"> |