diff options
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes')
10 files changed, 118 insertions, 4 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/common/Developer/client.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/common/Developer/client.html.twig index 8a5da71a..d566795d 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/common/Developer/client.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/common/Developer/client.html.twig | |||
@@ -3,6 +3,7 @@ | |||
3 | {% block title %}{{ 'developer.client.page_title'|trans }}{% endblock %} | 3 | {% block title %}{{ 'developer.client.page_title'|trans }}{% endblock %} |
4 | 4 | ||
5 | {% block content %} | 5 | {% block content %} |
6 | {{ parent() }} | ||
6 | <div class="row"> | 7 | <div class="row"> |
7 | <div class="col s12"> | 8 | <div class="col s12"> |
8 | <div class="card-panel settings"> | 9 | <div class="card-panel settings"> |
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/common/Developer/index.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/common/Developer/index.html.twig index 528b055c..53210688 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/common/Developer/index.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/common/Developer/index.html.twig | |||
@@ -3,6 +3,7 @@ | |||
3 | {% block title %}{{ 'developer.page_title'|trans }}{% endblock %} | 3 | {% block title %}{{ 'developer.page_title'|trans }}{% endblock %} |
4 | 4 | ||
5 | {% block content %} | 5 | {% block content %} |
6 | {{ parent() }} | ||
6 | <div class="row"> | 7 | <div class="row"> |
7 | <div class="col s12"> | 8 | <div class="col s12"> |
8 | <div class="card-panel settings"> | 9 | <div class="card-panel settings"> |
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/about.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/about.html.twig index 1cd3485c..ffd9b1b8 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/about.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/about.html.twig | |||
@@ -3,7 +3,7 @@ | |||
3 | {% block title %}{{ 'about.page_title'|trans }}{% endblock %} | 3 | {% block title %}{{ 'about.page_title'|trans }}{% endblock %} |
4 | 4 | ||
5 | {% block content %} | 5 | {% block content %} |
6 | 6 | {{ parent() }} | |
7 | <div class="row"> | 7 | <div class="row"> |
8 | <div class="col s12"> | 8 | <div class="col s12"> |
9 | <div class="card-panel settings"> | 9 | <div class="card-panel settings"> |
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig index 231f9bdf..4c598b85 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig | |||
@@ -3,7 +3,7 @@ | |||
3 | {% block title %}{{ 'howto.page_title'|trans }}{% endblock %} | 3 | {% block title %}{{ 'howto.page_title'|trans }}{% endblock %} |
4 | 4 | ||
5 | {% block content %} | 5 | {% block content %} |
6 | 6 | {{ parent() }} | |
7 | <div class="row"> | 7 | <div class="row"> |
8 | <div class="col s12"> | 8 | <div class="col s12"> |
9 | <div class="card-panel settings"> | 9 | <div class="card-panel settings"> |
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/quickstart.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/quickstart.html.twig index 4580813c..70265be2 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/quickstart.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/quickstart.html.twig | |||
@@ -3,7 +3,7 @@ | |||
3 | {% block title %}{{ 'quickstart.page_title'|trans }}{% endblock %} | 3 | {% block title %}{{ 'quickstart.page_title'|trans }}{% endblock %} |
4 | 4 | ||
5 | {% block content %} | 5 | {% block content %} |
6 | 6 | {{ parent() }} | |
7 | <div class="row quickstart"> | 7 | <div class="row quickstart"> |
8 | <div class="col s12"> | 8 | <div class="col s12"> |
9 | <div class="card-panel settings"> | 9 | <div class="card-panel settings"> |
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Config/index.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Config/index.html.twig index a8143315..bd5932b0 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Config/index.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Config/index.html.twig | |||
@@ -3,7 +3,7 @@ | |||
3 | {% block title %}{{ 'config.page_title'|trans }}{% endblock %} | 3 | {% block title %}{{ 'config.page_title'|trans }}{% endblock %} |
4 | 4 | ||
5 | {% block content %} | 5 | {% block content %} |
6 | 6 | {{ parent() }} | |
7 | <div class="row"> | 7 | <div class="row"> |
8 | <div class="col s12"> | 8 | <div class="col s12"> |
9 | <div class="card-panel settings"> | 9 | <div class="card-panel settings"> |
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig index 0c4dc80b..1cc5489f 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig | |||
@@ -19,6 +19,7 @@ | |||
19 | {% endblock %} | 19 | {% endblock %} |
20 | 20 | ||
21 | {% block content %} | 21 | {% block content %} |
22 | {{ parent() }} | ||
22 | {% set listMode = app.user.config.listMode %} | 23 | {% set listMode = app.user.config.listMode %} |
23 | {% set currentRoute = app.request.attributes.get('_route') %} | 24 | {% set currentRoute = app.request.attributes.get('_route') %} |
24 | <div class="results clearfix"> | 25 | <div class="results clearfix"> |
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Notification/notifications.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Notification/notifications.html.twig new file mode 100644 index 00000000..49cc0d40 --- /dev/null +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Notification/notifications.html.twig | |||
@@ -0,0 +1,56 @@ | |||
1 | {% extends "WallabagCoreBundle::layout.html.twig" %} | ||
2 | |||
3 | {% block title %}{{ 'notifications.list.page_title' | trans }}{% endblock %} | ||
4 | |||
5 | {% block content %} | ||
6 | {{ parent() }} | ||
7 | <div class="row notifications-page"> | ||
8 | <div class="col l8 offset-l2"> | ||
9 | {% if app.user.notifications is not empty %} | ||
10 | <div class="row"> | ||
11 | <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> | ||
12 | </div> | ||
13 | <ul class="collection"> | ||
14 | {% for notification in notifications | slice(0, 10) %} | ||
15 | <li class="notification collection-item avatar{% if not notification.read %} light-blue lighten-5{% else %} grey-text{% endif %}"> | ||
16 | <i class="material-icons circle">{% spaceless %} | ||
17 | {% if notification.type == constant('TYPE_ADMIN', notification) %} | ||
18 | build | ||
19 | {% elseif notification.type == constant('TYPE_USER', notification) %} | ||
20 | person | ||
21 | {% elseif notification.type == constant('TYPE_RELEASE', notification) %} | ||
22 | new_releases | ||
23 | {% endif %} | ||
24 | {% endspaceless %}</i> | ||
25 | <span class="title">{{ notification.title | trans(notification.parameters) }}</span> | ||
26 | <p>{{ notification.description | trans | trans(notification.parameters) }}</p> | ||
27 | <time datetime="{{ notification.timestamp | date }}">{{ notification.timestamp | time_diff }}</time> | ||
28 | <div class="secondary-content"> | ||
29 | {% if not notification.read %} | ||
30 | {% for action in notification.actions %} | ||
31 | <a class="notification-action btn waves-effect waves-light {% spaceless %} | ||
32 | {% if action.type == constant('TYPE_OK', action) %} | ||
33 | {% elseif action.type == constant('TYPE_YES', action) %} | ||
34 | cyan | ||
35 | {% elseif action.type == constant('TYPE_NO', action) %} | ||
36 | red | ||
37 | {% elseif action.type == constant('TYPE_INFO', action) %} | ||
38 | blue-grey | ||
39 | {% endif %} | ||
40 | {% endspaceless %}" data-id="{{ notification.id }}" href="{{ path('notification-archive-redirect', {'redirection': action.link, 'notification': notification.id}) }}">{{ action.label | trans(notification.parameters) }}</a> | ||
41 | {% endfor %} | ||
42 | <a href="{{ path('notification-archive', {'notification': notification.id}) }}" class="notification-action waves-effect waves-teal btn-flat"><i class="material-icons">check</i></a> | ||
43 | {% endif %} | ||
44 | </div> | ||
45 | </li> | ||
46 | {% endfor %} | ||
47 | </ul> | ||
48 | {% else %} | ||
49 | {{ 'notifications.list.none' | trans }} | ||
50 | {% endif %} | ||
51 | {% if notifications.getNbPages > 1 %} | ||
52 | {{ pagerfanta(notifications, 'twitter_bootstrap_translated', {'proximity': 1}) }} | ||
53 | {% endif %} | ||
54 | </div> | ||
55 | </div> | ||
56 | {% endblock %} | ||
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Tag/tags.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Tag/tags.html.twig index 97ddedc9..7a0f793c 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Tag/tags.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Tag/tags.html.twig | |||
@@ -3,6 +3,7 @@ | |||
3 | {% block title %}{{ 'tag.page_title'|trans }}{% endblock %} | 3 | {% block title %}{{ 'tag.page_title'|trans }}{% endblock %} |
4 | 4 | ||
5 | {% block content %} | 5 | {% block content %} |
6 | {{ parent() }} | ||
6 | <div class="results clearfix"> | 7 | <div class="results clearfix"> |
7 | <div class="nb-results left">{{ 'tag.list.number_on_the_page'|transchoice(tags|length) }}</div> | 8 | <div class="nb-results left">{{ 'tag.list.number_on_the_page'|transchoice(tags|length) }}</div> |
8 | </div> | 9 | </div> |
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"> |