src/Wallabag/CoreBundle/Resources/views/themes/material/base.html.twig

   1 <!DOCTYPE html>
   2 <!--[if lte IE 6]><html class="no-js ie6 ie67 ie678" lang="en"><![endif]-->
   3 <!--[if lte IE 7]><html class="no-js ie7 ie67 ie678" lang="en"><![endif]-->
   4 <!--[if IE 8]><html class="no-js ie8 ie678" lang="en"><![endif]-->
   5 <!--[if gt IE 8]><html class="no-js" lang="en"><![endif]-->
   6 <html lang="fr">
   7     <head>
   8         {% block head %}
   9             <meta name="viewport" content="initial-scale=1.0">
  10             <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  11             <!--[if IE]>
  12             <meta http-equiv="X-UA-Compatible" content="IE=10">
  13             <![endif]-->
  14
  15             <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-152.png') }}" sizes="152x152">
  16             <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-152.png') }}" sizes="152x152">
  17
  18             <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-144.png') }}" sizes="144x144">
  19             <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-144.png') }}" sizes="144x144">
  20
  21             <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-120.png') }}" sizes="120x120">
  22             <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-120.png') }}" sizes="120x120">
  23
  24             <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-114.png') }}" sizes="114x114">
  25             <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-114.png') }}" sizes="114x114">
  26
  27             <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-76.png') }}" sizes="76x76">
  28             <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-76.png') }}" sizes="76x76">
  29
  30             <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-72.png') }}" sizes="72x72">
  31             <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-72.png') }}" sizes="72x72">
  32
  33             <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-57.png') }}" sizes="57x57">
  34             <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon-57.png') }}" sizes="57x57">
  35
  36             <link rel="apple-touch-icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon.png') }}">
  37             <link rel="icon" type="image/png" href="{{ asset('themes/_global/img/appicon/apple-touch-icon.png') }}">
  38
  39             <link rel="shortcut icon" type="image/x-icon" href="{{ asset('themes/_global/img/appicon/favicon.ico') }}">
  40
  41             {% block css %}{% endblock %}
  42             {% block scripts %}
  43                 <script src="{{ asset('themes/_global/js/jquery-2.0.3.min.js') }}"></script>
  44                 <script src="{{ asset('themes/_global/js/autoClose.js') }}"></script>
  45                 <script src="{{ asset('themes/_global/js/saveLink.js') }}"></script>
  46                 <script src="{{ asset('themes/_global/js/popupForm.js') }}"></script>
  47                 <script src="{{ asset('themes/_global/js/jquery.cookie.js') }}"></script>
  48                 <script src="{{ asset('themes/_global/js/bookmarklet.js') }}"></script>
  49                 <script src="{{ asset('themes/_global/js/closeMessage.js') }}"></script>
  50             {% endblock %}
  51
  52             <title>{% block title %}{% endblock %} - wallabag</title>
  53         {% endblock %}
  54     </head>
  55
  56     <body class="{% block body_class %}{% endblock %}">
  57         {% block header %}
  58         {% endblock %}
  59
  60         <div id="main">
  61             {% block menu %}
  62                 <nav class="cyan darken-1">
  63                     <ul style="width: 240px; left: 0px;" id="slide-out" class="side-nav fixed">
  64                         {% block logo %}
  65                             <li class="logo border-bottom">
  66                                 <a class="waves-effect" href="{{ path('unread') }}">
  67                                     <img src="{{ asset('themes/baggy/img/logo-other_themes.png') }}" alt="wallabag logo" />
  68                                 </a>
  69                             </li>
  70                         {% endblock %}
  71                         <li class="bold"><a class="waves-effect" href="{{ path('unread') }}">{% trans %}unread{% endtrans %}</a></li>
  72                         <li class="bold"><a class="waves-effect" href="{{ path('starred') }}">{% trans %}favorites{% endtrans %}</a></li>
  73                         <li class="bold"><a class="waves-effect" href="{{ path('archive') }}"}>{% trans %}archive{% endtrans %}</a></li>
  74                         <li class="bold border-bottom"><a class="waves-effect" href="?view=tags">{% trans %}tags{% endtrans %}</a></li>
  75                         <li class="bold"><a class="waves-effect" href="{{ path('config') }}">{% trans %}config{% endtrans %}</a></li>
  76                         <li class="bold"><a class="waves-effect" class="icon icon-power" href="{{ path('logout') }}" title="{% trans %}logout{% endtrans %}">{% trans %}logout{% endtrans %}</a></li>
  77                     </ul>
  78                     <div class="nav-wrapper nav-panels">
  79                         <div class="input-field nav-panel-buttom">
  80                             <ul>
  81                                 <li class="bold"><a class="waves-effect" href="{{ path('new_entry') }}" id="nav-btn-add"><i class="mdi-content-add"></i></a></li>
  82                                 <li style="position: relative;"><a class="waves-effect" href="javascript: void(null);" id="nav-btn-search"><i class="mdi-action-search"></i></a>
  83                             </ul>
  84                         </div>
  85                         <form method="get" action="index.php">
  86                             <div class="input-field nav-panel-search" style="display: none">
  87                                 <input name="search" id="searchfield" type="search" required placeholder="{% trans %}Enter your search here{% endtrans %}">
  88                                 <label for="search"><i class="mdi-action-search"></i></label>
  89                                 <i class="mdi-navigation-close"></i>
  90                             </div>
  91                         </form>
  92                         <!--<form name="entry" method="post" action="{{ path('new_entry') }}">
  93                             <div class="input-field nav-panel-add" style="display: none">
  94                                 <input id="add entry_url" name="entry[url]" type="search" required placeholder="{% trans %}Enter your link here{% endtrans %}">
  95                                 <label for="add"><i class="mdi-content-add"></i></label>
  96                                 <i class="mdi-navigation-close"></i>
  97                             </div>
  98                         </form>-->
  99                     </div>
 100                 </nav>
 101
 102 <script>
 103 $(document).ready(function() {
 104     //$('#nav-btn-add').click(function(){
 105     //    $(".nav-panel-buttom").hide(100);
 106     //    $(".nav-panel-add").show(100);
 107     //    $(".input-field #search").trigger('click');
 108     //    return false;
 109     //});
 110     $('#nav-btn-search').click(function(){
 111         $(".nav-panel-buttom").hide(100);
 112         $(".nav-panel-search").show(100);
 113         $(".input-field #add").trigger('click');
 114         return false;
 115     });
 116     $('.mdi-navigation-close').click(function(){
 117         $(".nav-panel-add").hide(100);
 118         $(".nav-panel-search").hide(100);
 119         $(".nav-panel-buttom").show(100);
 120         return false;
 121     });
 122 });
 123 </script>
 124
 125             {% endblock %}
 126
 127             <main>
 128
 129                 {% block precontent %}{% endblock %}
 130
 131                 {% block messages %}
 132                     {% for flashMessage in app.session.flashbag.get('notice') %}
 133                         <div class="messages success">
 134                             <a href="#" class="closeMessage">×</a>
 135                             <p>{{ flashMessage }}</p>
 136                         </div>
 137                     {% endfor %}
 138                 {% endblock %}
 139
 140                 <div id="content" class="w600p">
 141                     {% block content %}{% endblock %}
 142                 </div>
 143
 144             </main>
 145         </div>
 146
 147         {% block footer %}
 148             <footer class="w600p center mt3 mb3 smaller txtright">
 149                 <p>{% trans %}powered by{% endtrans %} <a href="http://wallabag.org">wallabag</a></p>
 150             </footer>
 151         {% endblock %}
 152     </body>
 153 </html>