]> git.immae.eu Git - github/wallabag/wallabag.git/blobdiff - src/Wallabag/CoreBundle/Resources/views/themes/baggy/layout.html.twig
Changed display for material theme
[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / baggy / layout.html.twig
index 16070c7fa2db8902ea56507b7e9f49240802ab88..cd4ed3fae396709b56b8101246c32ce42052baeb 100644 (file)
@@ -1,43 +1,71 @@
-<!DOCTYPE html>
-<!--[if lte IE 6]><html class="no-js ie6 ie67 ie678" lang="en"><![endif]-->
-<!--[if lte IE 7]><html class="no-js ie7 ie67 ie678" lang="en"><![endif]-->
-<!--[if IE 8]><html class="no-js ie8 ie678" lang="en"><![endif]-->
-<!--[if gt IE 8]><html class="no-js" lang="en"><![endif]-->
-<html lang="en">
-    <head>
-        <meta name="viewport" content="initial-scale=1.0">
-        <meta charset="utf-8">
-        <!--[if IE]>
-        <meta http-equiv="X-UA-Compatible" content="IE=10">
-        <![endif]-->
-        <title>{% block title %}{% endblock %} - wallabag</title>
-        {% include "WallabagCoreBundle:themes:_global/_head_icon.html.twig" %}
+{% extends "WallabagCoreBundle::base.html.twig" %}
 
-        <link rel="stylesheet" href="{{ asset('themes/baggy/css/ratatouille.css') }}" media="all">
-        <link rel="stylesheet" href="{{ asset('themes/baggy/css/font.css') }}" media="all">
-        <link rel="stylesheet" href="{{ asset('themes/baggy/css/main.css') }}" media="all">
-        <link rel="stylesheet" href="{{ asset('themes/baggy/css/messages.css') }}" media="all">
-        <link rel="stylesheet" href="{{ asset('themes/baggy/css/print.css') }}" media="print">
+{% block css %}
+    {{ parent() }}
+    <link rel="stylesheet" href="{{ asset('bundles/wallabagcore/themes/baggy/css/style.min.css') }}"  media="screen,projection,print"/>
+{% endblock %}
 
-        <script src="{{ asset('themes/_global/js/jquery-2.0.3.min.js') }}"></script>
-        <script src="{{ asset('themes/_global/js/autoClose.js') }}"></script>
-        <script src="{{ asset('themes/baggy/js/jquery.cookie.js') }}"></script>
-        <script src="{{ asset('themes/baggy/js/init.js') }}"></script>
-        <script src="{{ asset('themes/_global/js/saveLink.js') }}"></script>
-        <script src="{{ asset('themes/_global/js/popupForm.js') }}"></script>
-        <script src="{{ asset('themes/baggy/js/closeMessage.js') }}"></script>
-        <script src="{{ asset('bundles/wallabagcore/js/bookmarklet.js') }}"></script>
-    </head>
-    <body>
-    {% include "WallabagCoreBundle::_top.html.twig" %}
-    <div id="main">
-        {% block menu %}{% endblock %}
-        {% block precontent %}{% endblock %}
-        {{ include("WallabagCoreBundle::_messages.html.twig", {'flashMessages': app.session.flashbag.get('notice')}) }}
-        <div id="content" class="w600p center">
-            {% block content %}{% endblock %}
+{% block scripts %}
+    {{ parent() }}
+    <script src="{{ asset('bundles/wallabagcore/themes/baggy/js/baggy.min.js') }}"></script>
+{% endblock %}
+
+{% block header %}
+    <header class="w600p center mbm">
+        <h1 class="logo">
+            {% block logo %}
+                <a title="{{ 'menu.left.back_to_unread'|trans }}" href="{{ path('unread') }}">
+                    <img width="100" height="100" src="{{ asset('bundles/wallabagcore/themes/_global/img/logo-w.png') }}" alt="wallabag logo" />
+                </a>
+            {% endblock %}
+        </h1>
+    </header>
+{% endblock %}
+
+{% block menu %}
+    <button id="menu" class="icon icon-menu desktopHide"><span>Menu</span></button>
+    <ul id="links" class="links">
+        <li class="menu unread"><a href="{{ path('unread') }}">{{ 'menu.left.unread'|trans }}</a></li>
+        <li class="menu starred"><a href="{{ path('starred') }}">{{ 'menu.left.starred'|trans }}</a></li>
+        <li class="menu archive"><a href="{{ path('archive') }}">{{ 'menu.left.archive'|trans }}</a></li>
+        <li class="menu all"><a href="{{ path('all') }}">{{ 'menu.left.all_articles'|trans }}</a></li>
+        <li class="menu tag"><a href="{{ path('tag') }}">{{ 'menu.left.tags'|trans }}</a></li>
+        <li class="menu new"><a href="{{ path('new') }}">{{ 'menu.left.save_link'|trans }}</a></li>
+        <!--<li style="position: relative;"><a href="javascript: void(null);" id="search">{{ 'menu.left.search'|trans }}</a>
+            <div id="search-form" class="messages info popup-form">
+                <form method="get" action="index.php">
+                    <h2>{{ 'menu.left.search'|trans }}</h2>
+                    <a href="javascript: void(null);" id="search-form-close" class="close-button--popup close-button">&times;</a>
+                    <input type="hidden" name="view" value="search">
+                    <input required placeholder="{{ 'menu.search_form.input_label'|trans }}" type="text" name="search" id="searchfield"><br>
+                    <input id="submit-search" type="submit" value="{{ 'menu.left.search'|trans }}">
+                </form>
+            </div>
+        </li>-->
+        <li class="menu config"><a href="{{ path('config') }}">{{ 'menu.left.config'|trans }}</a></li>
+        {% if is_granted('ROLE_SUPER_ADMIN') %}
+            <li class="menu users"><a href="{{ path('user_index') }}">{{ 'menu.left.users_management'|trans }}</a></li>
+            <li class="menu internal"><a href="{{ path('craue_config_settings_modify') }}">{{ 'menu.left.internal_settings'|trans }}</a></li>
+        {% endif %}
+        <li class="menu import"><a href="{{ path('import') }}">{{ 'menu.left.import'|trans }}</a></li>
+        <li class="menu howto"><a href="{{ path('howto') }}">{{ 'menu.left.howto'|trans }}</a></li>
+        <li class="menu developer"><a href="{{ path('developer') }}">{{ 'menu.left.developer'|trans }}</a></li>
+        <li class="menu about"><a href="{{ path('about') }}">{{ 'footer.wallabag.about'|trans }}</a></li>
+        <li class="menu logout"><a class="icon icon-power" href="{{ path('fos_user_security_logout') }}">{{ 'menu.left.logout'|trans }}</a></li>
+    </ul>
+{% endblock %}
+
+{% block messages %}
+    {% for flashMessage in app.session.flashbag.get('notice') %}
+        <div class="messages success">
+            <a href="#" class="closeMessage">×</a>
+            <p>{{ flashMessage|trans }}</p>
         </div>
-    </div>
-    {% include "WallabagCoreBundle::_footer.html.twig" %}
-    </body>
-</html>
+    {% endfor %}
+{% endblock %}
+
+{% block footer %}
+    <footer class="w600p center mt3 mb3 smaller txtright">
+        <p>{{ 'footer.wallabag.powered_by'|trans }} <a href="http://wallabag.org">wallabag</a></p>
+    </footer>
+{% endblock %}