]>
Commit | Line | Data |
---|---|---|
1 | {% extends "WallabagCoreBundle::base.html.twig" %} | |
2 | ||
3 | {% block css %} | |
4 | {{ parent() }} | |
5 | <link rel="stylesheet" href="{{ asset('bundles/wallabagcore/themes/material/css/style.min.css') }}" media="screen,projection,print"/> | |
6 | {% endblock %} | |
7 | ||
8 | {% block scripts %} | |
9 | {{ parent() }} | |
10 | <script src="{{ asset('bundles/wallabagcore/themes/material/js/material.min.js') }}"></script> | |
11 | {% endblock %} | |
12 | ||
13 | {% block header %} | |
14 | {% endblock %} | |
15 | ||
16 | {% block messages %} | |
17 | {% for flashMessage in app.session.flashbag.get('notice') %} | |
18 | <script> | |
19 | Materialize.toast('{{ flashMessage|trans }}', 4000); | |
20 | </script> | |
21 | {% endfor %} | |
22 | {% endblock %} | |
23 | ||
24 | {% block menu %} | |
25 | <nav class="cyan darken-1"> | |
26 | <ul id="slide-out" class="side-nav fixed"> | |
27 | {% block logo %} | |
28 | <li class="logo border-bottom"> | |
29 | <a title="{% trans %}Back to unread articles{% endtrans %}" href="{{ path('unread') }}"> | |
30 | <img src="{{ asset('bundles/wallabagcore/themes/_global/img/logo-square.png') }}" alt="wallabag logo" /> | |
31 | </a> | |
32 | </li> | |
33 | {% endblock %} | |
34 | ||
35 | {% set currentRoute = app.request.attributes.get('_route') %} | |
36 | ||
37 | <li class="bold {% if currentRoute == 'unread' or currentRoute == 'homepage' %}active{% endif %}"> | |
38 | <a class="waves-effect" href="{{ path('unread') }}">{{ 'menu.left.unread'|trans }}</a> | |
39 | </li> | |
40 | <li class="bold {% if currentRoute == 'starred' %}active{% endif %}"> | |
41 | <a class="waves-effect" href="{{ path('starred') }}">{{ 'menu.left.starred'|trans }}</a> | |
42 | </li> | |
43 | <li class="bold {% if currentRoute == 'archive' %}active{% endif %}"> | |
44 | <a class="waves-effect" href="{{ path('archive') }}">{{ 'menu.left.archive'|trans }}</a> | |
45 | </li> | |
46 | <li class="bold border-bottom {% if currentRoute == 'all' %}active{% endif %}"> | |
47 | <a class="waves-effect" href="{{ path('all') }}">{{ 'menu.left.all_articles'|trans }}</a> | |
48 | </li> | |
49 | <li class="bold border-bottom {% if currentRoute == 'tags' %}active{% endif %}"> | |
50 | <a class="waves-effect" href="{{ path('tag') }}">{{ 'menu.left.tags'|trans }}</a> | |
51 | </li> | |
52 | <li class="bold {% if currentRoute == 'config' %}active{% endif %}"> | |
53 | <a class="waves-effect" href="{{ path('config') }}">{{ 'menu.left.config'|trans }}</a> | |
54 | </li> | |
55 | {% if is_granted('ROLE_SUPER_ADMIN') %} | |
56 | <li class="bold border-bottom {% if currentRoute == 'craue_config_settings_modify' %}active{% endif %}"> | |
57 | <a class="waves-effect" href="{{ path('craue_config_settings_modify') }}">{{ 'menu.left.internal_settings'|trans }}</a> | |
58 | </li> | |
59 | {% endif %} | |
60 | <li class="bold {% if currentRoute == 'import' %}active{% endif %}"> | |
61 | <a class="waves-effect" href="{{ path('import') }}">{{ 'menu.left.import'|trans }}</a> | |
62 | </li> | |
63 | <li class="bold {% if currentRoute == 'developer' %}active{% endif %}"> | |
64 | <a class="waves-effect" href="{{ path('developer') }}">{{ 'menu.left.developer'|trans }}</a> | |
65 | </li> | |
66 | <li class="bold {% if currentRoute == 'howto' %}active{% endif %}"> | |
67 | <a class="waves-effect" href="{{ path('howto') }}">{{ 'menu.left.howto'|trans }}</a> | |
68 | </li> | |
69 | <li class="bold"> | |
70 | <a class="waves-effect" class="icon icon-power" href="{{ path('fos_user_security_logout') }}">{{ 'menu.left.logout'|trans }}</a> | |
71 | </li> | |
72 | </ul> | |
73 | <div class="nav-wrapper nav-panels"> | |
74 | <a href="#" data-activates="slide-out" class="nav-panel-menu button-collapse"><i class="material-icons">menu</i></a> | |
75 | <div class="left action"> | |
76 | {% block title %} | |
77 | {% endblock %} | |
78 | </div> | |
79 | <div class="input-field nav-panel-buttom"> | |
80 | <ul> | |
81 | <li class="bold"> | |
82 | <a title="{{ 'menu.top.add_new_entry'|trans }}" class="waves-effect" href="{{ path('new') }}" id="nav-btn-add"> | |
83 | <i class="material-icons">add</i> | |
84 | </a> | |
85 | </li> | |
86 | <!--<li> | |
87 | <a title="{{ 'menu.top.search'|trans }}" class="waves-effect" href="javascript: void(null);" id="nav-btn-search"> | |
88 | <i class="material-icons">search</i> | |
89 | </a> | |
90 | </li>--> | |
91 | <li id="button_filters"> | |
92 | <a title="{{ 'menu.top.filter_entries'|trans }}" href="#" data-activates="filters" class="nav-panel-menu button-collapse-right"> | |
93 | <i class="material-icons">filter_list</i> | |
94 | </a> | |
95 | </li> | |
96 | <li id="button_export"> | |
97 | <a title="{{ 'menu.top.export'|trans }}" class="nav-panel-menu button-collapse-right" href="#" data-activates="export"> | |
98 | <i class="material-icons">file_download</i> | |
99 | </a> | |
100 | </li> | |
101 | </ul> | |
102 | </div> | |
103 | <form method="get" action="index.php"> | |
104 | <div class="input-field nav-panel-search" style="display: none"> | |
105 | <input name="search" id="searchfield" type="search" required placeholder="{{ 'menu.search_form.input_label'|trans }}"> | |
106 | <label for="search"><i class="material-icons search">search</i></label> | |
107 | <i class="material-icons close">clear</i> | |
108 | </div> | |
109 | </form> | |
110 | <div class="input-field nav-panel-add" style="display: none"> | |
111 | {{ render(controller("WallabagCoreBundle:Entry:addEntryForm")) }} | |
112 | <label for="add" class="active"><i class="material-icons add">add</i></label> | |
113 | <i class="material-icons close">clear</i> | |
114 | </div> | |
115 | </div> | |
116 | </nav> | |
117 | {% endblock %} | |
118 | ||
119 | {% block footer %} | |
120 | <footer class="page-footer cyan darken-2"> | |
121 | <div class="container"> | |
122 | <div class="row"> | |
123 | <div class="col l6 s12"> | |
124 | <h5 class="white-text">{{ 'footer.wallabag.elsewhere'|trans }}</h5> | |
125 | <p class="grey-text text-lighten-4"> | |
126 | <a target="_blank" class="grey-text text-lighten-3" href="https://play.google.com/store/apps/details?id=fr.gaulupeau.apps.InThePoche" title="Android"> | |
127 | <span class="icon-android"></span> | |
128 | </a> | |
129 | <a target="_blank" class="grey-text text-lighten-3" href="https://itunes.apple.com/app/id828331015" title="iOS"> | |
130 | <span class="icon-apple"></span> | |
131 | </a> | |
132 | <a target="_blank" class="grey-text text-lighten-3" href="https://addons.mozilla.org/firefox/addon/wallabag/" title="Firefox"> | |
133 | <span class="icon-firefox"></span> | |
134 | </a> | |
135 | <a target="_blank" class="grey-text text-lighten-3" href="https://chrome.google.com/webstore/detail/wallabagit/peehlcgckcnclnjlndmoddifcicdnabm" title="Chrome"> | |
136 | <span class="icon-chrome"></span> | |
137 | </a> | |
138 | </p> | |
139 | </div> | |
140 | <div class="col l4 offset-l2 s12"> | |
141 | <h5 class="white-text">{{ 'footer.wallabag.social'|trans }}</h5> | |
142 | <a target="_blank" class="grey-text text-lighten-3" href="https://twitter.com/wallabagapp" title="Twitter"> | |
143 | <span class="icon-twitter"></span> | |
144 | </a> | |
145 | <a target="_blank" class="grey-text text-lighten-3" href="https://plus.google.com/+WallabagOrg/posts" title="Google+"> | |
146 | <span class="icon-google-plus2"></span> | |
147 | </a> | |
148 | <a target="_blank" class="grey-text text-lighten-3" href="https://facebook.com/Wallabag" title="Facebook"> | |
149 | <span class="icon-facebook2"></span> | |
150 | </a> | |
151 | </div> | |
152 | </div> | |
153 | </div> | |
154 | <div class="footer-copyright"> | |
155 | <div class="container"> | |
156 | <p>{{ 'footer.wallabag.powered_by'|trans }} <a target="_blank" href="https://wallabag.org" class="grey-text text-lighten-4">wallabag</a></p> | |
157 | <a class="grey-text text-lighten-4 right" href="{{ path('about') }}">{{ 'footer.wallabag.about'|trans }}</a> | |
158 | </div> | |
159 | </div> | |
160 | </footer> | |
161 | {% endblock %} |