]>
Commit | Line | Data |
---|---|---|
1 | {% extends "WallabagCoreBundle::base.html.twig" %} | |
2 | ||
3 | {% block css %} | |
4 | {{ parent() }} | |
5 | ||
6 | <link rel="stylesheet" href="{{ asset('themes/material/css/materialize.min.css') }}" media="screen,projection"/> | |
7 | <link rel="stylesheet" href="{{ asset('themes/material/css/main.css') }}" media="all"> | |
8 | <link rel="stylesheet" href="{{ asset('themes/material/css/print.css') }}" media="print"> | |
9 | {% endblock %} | |
10 | ||
11 | {% block scripts %} | |
12 | {{ parent() }} | |
13 | ||
14 | <script src="{{ asset('themes/material/js/materialize.min.js') }}"></script> | |
15 | <script src="{{ asset('themes/material/js/init.js') }}"></script> | |
16 | {% endblock %} | |
17 | ||
18 | {% block header %} | |
19 | {% endblock %} | |
20 | ||
21 | {% block messages %} | |
22 | {% for flashMessage in app.session.flashbag.get('notice') %} | |
23 | <script> | |
24 | Materialize.toast('{{ flashMessage|trans }}', 4000); | |
25 | </script> | |
26 | {% endfor %} | |
27 | {% endblock %} | |
28 | ||
29 | {% block menu %} | |
30 | <nav class="cyan darken-1"> | |
31 | <ul id="slide-out" class="side-nav fixed"> | |
32 | {% block logo %} | |
33 | <li class="logo border-bottom"> | |
34 | <a title="{% trans %}Back to unread articles{% endtrans %}" href="{{ path('unread') }}"> | |
35 | <img src="{{ asset('themes/material/img/logo-square.png') }}" alt="wallabag logo" /> | |
36 | </a> | |
37 | </li> | |
38 | {% endblock %} | |
39 | ||
40 | {% set currentRoute = app.request.attributes.get('_route') %} | |
41 | ||
42 | <li class="bold {% if currentRoute == 'unread' or currentRoute == 'homepage' %}active{% endif %}"><a class="waves-effect" href="{{ path('unread') }}">{% trans %}unread{% endtrans %}</a></li> | |
43 | <li class="bold {% if currentRoute == 'starred' %}active{% endif %}"><a class="waves-effect" href="{{ path('starred') }}">{% trans %}starred{% endtrans %}</a></li> | |
44 | <li class="bold {% if currentRoute == 'archive' %}active{% endif %}"><a class="waves-effect" href="{{ path('archive') }}">{% trans %}archive{% endtrans %}</a></li> | |
45 | <li class="bold border-bottom {% if currentRoute == 'all' %}active{% endif %}"><a class="waves-effect" href="{{ path('all') }}">{% trans %}all{% endtrans %}</a></li> | |
46 | <li class="bold border-bottom {% if currentRoute == 'tags' %}active{% endif %}"><a class="waves-effect" href="{{ path('tag') }}">{% trans %}tags{% endtrans %}</a></li> | |
47 | <li class="bold {% if currentRoute == 'config' %}active{% endif %}"><a class="waves-effect" href="{{ path('config') }}">{% trans %}config{% endtrans %}</a></li> | |
48 | <li class="bold {% if currentRoute == 'import' %}active{% endif %}"><a class="waves-effect" href="{{ path('import') }}">{% trans %}import{% endtrans %}</a></li> | |
49 | <li class="bold {% if currentRoute == 'howto' %}active{% endif %}"><a class="waves-effect" href="{{ path('howto') }}">{% trans %}howto{% endtrans %}</a></li> | |
50 | <li class="bold"><a class="waves-effect" class="icon icon-power" href="{{ path('fos_user_security_logout') }}" title="{% trans %}logout{% endtrans %}">{% trans %}logout{% endtrans %}</a></li> | |
51 | </ul> | |
52 | <div class="nav-wrapper nav-panels"> | |
53 | <a href="#" data-activates="slide-out" class="nav-panel-menu button-collapse"><i class="mdi-navigation-menu"></i></a> | |
54 | <div class="left action"> | |
55 | {% block title %} | |
56 | {% endblock %} | |
57 | </div> | |
58 | <div class="input-field nav-panel-buttom"> | |
59 | <ul> | |
60 | <li class="bold"><a title="{% trans %}Add a new entry{% endtrans %}" class="waves-effect" href="{{ path('new') }}" id="nav-btn-add"><i class="mdi-content-add"></i></a></li> | |
61 | <li><a title="{% trans %}Search{% endtrans %}" class="waves-effect" href="javascript: void(null);" id="nav-btn-search"><i class="mdi-action-search"></i></a> | |
62 | <li id="button_filters"><a title="{% trans %}Filter entries{% endtrans %}" href="#" data-activates="filters" class="nav-panel-menu button-collapse-right"><i class="mdi-content-filter-list"></i></a></li> | |
63 | <li id="button_export"><a title="{% trans %}Export{% endtrans %}" class="nav-panel-menu button-collapse-right" href="#" data-activates="export" class="nav-panel-menu button-collapse-right"><i class="mdi-file-file-download"></i></a></li> | |
64 | </ul> | |
65 | </div> | |
66 | <form method="get" action="index.php"> | |
67 | <div class="input-field nav-panel-search" style="display: none"> | |
68 | <input name="search" id="searchfield" type="search" required placeholder="{% trans %}Enter your search here{% endtrans %}"> | |
69 | <label for="search"><i class="mdi-action-search"></i></label> | |
70 | <i class="mdi-navigation-close"></i> | |
71 | </div> | |
72 | </form> | |
73 | <div class="input-field nav-panel-add" style="display: none"> | |
74 | {{ render(controller( "WallabagCoreBundle:Entry:addEntryForm" )) }} | |
75 | <label for="add" class="active"><i class="mdi-content-add"></i></label> | |
76 | <i class="mdi-navigation-close"></i> | |
77 | </div> | |
78 | </div> | |
79 | </nav> | |
80 | {% endblock %} | |
81 | ||
82 | {% block footer %} | |
83 | <footer class="page-footer cyan darken-2"> | |
84 | <div class="container"> | |
85 | <div class="row"> | |
86 | <div class="col l6 s12"> | |
87 | <h5 class="white-text">{% trans %}Take wallabag with you{% endtrans %}</h5> | |
88 | <p class="grey-text text-lighten-4"> | |
89 | ||
90 | <a target="_blank" class="grey-text text-lighten-3" href="https://play.google.com/store/apps/details?id=fr.gaulupeau.apps.InThePoche" title="android"><span class="icon-android"></span></a> | |
91 | ||
92 | <a target="_blank" class="grey-text text-lighten-3" href="https://itunes.apple.com/app/id828331015" title="iOS"><span class="icon-apple"></a> | |
93 | ||
94 | <a target="_blank" class="grey-text text-lighten-3" href="https://addons.mozilla.org/ru/firefox/addon/wallabag/" title="Firefox"><span class="icon-firefox"></span></a> | |
95 | ||
96 | <a target="_blank" class="grey-text text-lighten-3" href="https://chrome.google.com/webstore/detail/wallabagit/peehlcgckcnclnjlndmoddifcicdnabm" title="Chrome"><span class="icon-chrome"></a> | |
97 | ||
98 | </p> | |
99 | </div> | |
100 | <div class="col l4 offset-l2 s12"> | |
101 | <h5 class="white-text">{% trans %}Social{% endtrans %}</h5> | |
102 | ||
103 | <a target="_blank" class="grey-text text-lighten-3" href="https://twitter.com/wallabagapp" title="Twitter"><span class="icon-twitter"></span></a> | |
104 | ||
105 | <a target="_blank" class="grey-text text-lighten-3" href="https://plus.google.com/+WallabagOrg/posts" title="Google+"><span class="icon-google-plus2"></span></a> | |
106 | ||
107 | <a target="_blank" class="grey-text text-lighten-3" href="https://facebook.com/Wallabag" title="Facebook"><span class="icon-facebook2"></span></a> | |
108 | ||
109 | </div> | |
110 | </div> | |
111 | </div> | |
112 | <div class="footer-copyright"> | |
113 | <div class="container"> | |
114 | <p>{% trans %}powered by{% endtrans %} <a target="_blank" href="https://wallabag.org" class="grey-text text-lighten-4">wallabag</a></p> | |
115 | <a class="grey-text text-lighten-4 right" href="{{ path('about') }}">{% trans %}about{% endtrans %}</a> | |
116 | </div> | |
117 | </div> | |
118 | </footer> | |
119 | {% endblock %} |