From 2b840e0cfb63a453bea67a98541f3df9c273c5f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= <nicolas.loeuillet@gmail.com>
Date: Sat, 3 Aug 2013 08:57:35 +0200
Subject: twig implementation

---
 tpl/config.html  | 27 ---------------------------
 tpl/config.twig  | 41 +++++++++++++++++++++++++++++++++++++++++
 tpl/footer.html  |  7 -------
 tpl/head.html    | 42 ------------------------------------------
 tpl/home.twig    | 45 +++++++++++++++++++++++++++++++++------------
 tpl/install.twig |  2 +-
 tpl/js.html      | 22 ----------------------
 tpl/login.twig   |  2 +-
 8 files changed, 76 insertions(+), 112 deletions(-)
 delete mode 100644 tpl/config.html
 create mode 100644 tpl/config.twig
 delete mode 100644 tpl/footer.html
 delete mode 100644 tpl/head.html
 delete mode 100644 tpl/js.html

(limited to 'tpl')

diff --git a/tpl/config.html b/tpl/config.html
deleted file mode 100644
index 2c7df4f7..00000000
--- a/tpl/config.html
+++ /dev/null
@@ -1,27 +0,0 @@
-            <div id="content">
-            	<h2>Bookmarklet</h2>
-            	<p>Thanks to the bookmarklet, you will be able to easily add a link to your poche. If you don't know how use a bookmarklet, <a href="http://support.mozilla.org/en-US/kb/bookmarklets-perform-common-web-page-tasks">have a look here</a>.</p>
-            	<p>Drag & drop this link to your bookmarks bar and have fun with poche.</p>
-                <p><a ondragend="this.click();" style="cursor: move; border: 1px dashed grey; background: white;" title="i am a bookmarklet, use me !" href="javascript:if(top['bookmarklet-url@inthepoche.com']){top['bookmarklet-url@inthepoche.com'];}else{(function(){var%20url%20=%20location.href%20||%20url;window.open('{$poche_url}?action=add&url='%20+%20btoa(url),'_self');})();void(0);}">poche it !</a></p>
-
-                <h2>Password</h2>
-	            <form method="post" action="?config" name="loginform">
-	                <fieldset class="w500p">
-	                    <div class="row">
-	                        <label class="col w150p" for="password">New password</label>
-	                        <input class="col" type="password" id="password" name="password" placeholder="Password" tabindex="2">
-	                    </div>
-	                    <div class="row">
-	                        <label class="col w150p" for="password_repeat">Repeat your new password</label>
-	                        <input class="col" type="password" id="password_repeat" name="password_repeat" placeholder="Password" tabindex="3">
-	                    </div>
-	                    <div class="row mts txtcenter">
-	                        <button class="bouton" type="submit" tabindex="4">Update</button>
-	                    </div>
-	                </fieldset>
-	                <input type="hidden" name="returnurl" value="<?php echo htmlspecialchars($referer);?>">
-	                <input type="hidden" name="token" value="<?php echo Session::getToken(); ?>">
-	            </form>
-                <h2>Export</h2>
-                <p><a href="?view=export" target="_blank">Click here</a> to export your poche datas.</p>
-            </div>
\ No newline at end of file
diff --git a/tpl/config.twig b/tpl/config.twig
new file mode 100644
index 00000000..10c481de
--- /dev/null
+++ b/tpl/config.twig
@@ -0,0 +1,41 @@
+{% extends "layout.twig" %}
+
+{% block title %}{% trans "config" %}{% endblock %}
+{% block menu %}
+            <ul id="links">
+                <li><a href="./" {% if view == 'home' %}class="current"{% endif %}>{% trans "home" %}</a></li>
+                <li><a href="./?view=fav" {% if view == 'fav' %}class="current"{% endif %}>{% trans "favorites" %}</a></li>
+                <li><a href="./?view=archive" {% if view == 'archive' %}class="current"{% endif %}>{% trans "archive" %}</a></li>
+                <li><a href="./?view=config" {% if view == 'config' %}class="current"{% endif %}>{% trans "config" %}</a></li>
+                <li><a href="./?logout" title="{% trans "logout" %}">{% trans "logout" %}</a></li>
+            </ul>
+{% endblock %}
+{% block content %}
+            <div id="content">
+            	<h2>Bookmarklet</h2>
+            	<p>Thanks to the bookmarklet, you will be able to easily add a link to your poche. If you don't know how use a bookmarklet, <a href="http://support.mozilla.org/en-US/kb/bookmarklets-perform-common-web-page-tasks">have a look here</a>.</p>
+            	<p>Drag & drop this link to your bookmarks bar and have fun with poche.</p>
+                <p><a ondragend="this.click();" style="cursor: move; border: 1px dashed grey; background: white;" title="i am a bookmarklet, use me !" href="javascript:if(top['bookmarklet-url@inthepoche.com']){top['bookmarklet-url@inthepoche.com'];}else{(function(){var%20url%20=%20location.href%20||%20url;window.open('{$poche_url}?action=add&url='%20+%20btoa(url),'_self');})();void(0);}">poche it !</a></p>
+
+                <h2>Password</h2>
+	            <form method="post" action="?config" name="loginform">
+	                <fieldset class="w500p">
+	                    <div class="row">
+	                        <label class="col w150p" for="password">New password</label>
+	                        <input class="col" type="password" id="password" name="password" placeholder="Password" tabindex="2">
+	                    </div>
+	                    <div class="row">
+	                        <label class="col w150p" for="password_repeat">Repeat your new password</label>
+	                        <input class="col" type="password" id="password_repeat" name="password_repeat" placeholder="Password" tabindex="3">
+	                    </div>
+	                    <div class="row mts txtcenter">
+	                        <button class="bouton" type="submit" tabindex="4">Update</button>
+	                    </div>
+	                </fieldset>
+	                <input type="hidden" name="returnurl" value="<?php echo htmlspecialchars($referer);?>">
+	                <input type="hidden" name="token" value="<?php echo Session::getToken(); ?>">
+	            </form>
+                <h2>Export</h2>
+                <p><a href="?view=export" target="_blank">Click here</a> to export your poche datas.</p>
+            </div>
+{% endblock %}
\ No newline at end of file
diff --git a/tpl/footer.html b/tpl/footer.html
deleted file mode 100644
index b8bd755c..00000000
--- a/tpl/footer.html
+++ /dev/null
@@ -1,7 +0,0 @@
-		</div>
-        <footer class="mr2 mt3 smaller">
-            <p>powered by <a href="http://inthepoche.com">poche</a><br />follow us on <a href="https://twitter.com/getpoche" title="follow us on twitter">twitter</a></p>
-        </footer>
-
-    </body>
-</html>
\ No newline at end of file
diff --git a/tpl/head.html b/tpl/head.html
deleted file mode 100644
index dfb12788..00000000
--- a/tpl/head.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!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>
-    <head>
-        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=10">
-        <title>{$title}</title>
-        <link rel="shortcut icon" type="image/x-icon" href="./img/favicon.ico" />
-        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./img/apple-touch-icon-144x144-precomposed.png">
-        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./img/apple-touch-icon-72x72-precomposed.png">
-        <link rel="apple-touch-icon-precomposed" href="./img/apple-touch-icon-precomposed.png">
-        <link rel="stylesheet" href="./css/knacss.css" media="all">
-        <link rel="stylesheet" href="./css/style.css" media="all">
-        <!-- Light Theme -->
-        <link rel="stylesheet" href="./css/style-light.css" media="all" title="light-style">
-        <!-- Dark Theme -->
-        <link rel="alternate stylesheet" href="./css/style-dark.css" media="all" title="dark-style">
-        <script>
-          top["bookmarklet-url@inthepoche.com"] = ''
-            +'<!DOCTYPE html>'
-            +'<html>'
-              +'<head>'
-            +'<title>poche it !</title>'
-            +'<link rel="icon" href="{$poche_url}img/favicon.ico" />'
-              +'</head>'
-              +'<body>'
-            +'<script>'
-              +'window.onload=function(){'
-                +'window.setTimeout(function(){'
-                  +'history.back();'
-                +'},250);'
-              +'};'
-            +'</scr'+'ipt>'
-              +'</body>'
-            +'</html>'
-          ;
-        </script>
-    </head>
\ No newline at end of file
diff --git a/tpl/home.twig b/tpl/home.twig
index 7b5b88a2..c79d4276 100644
--- a/tpl/home.twig
+++ b/tpl/home.twig
@@ -1,19 +1,18 @@
 {% extends "layout.twig" %}
-
-{% block title %}Home{% endblock %}
+{% block title %}{% trans "home" %}{% endblock %}
 {% block menu %}
             <ul id="links">
-                <li><a href="index.php" {% if view == 'home' %}class="current"{% endif %}>home</a></li>
-                <li><a href="?view=fav" {% if view == 'fav' %}class="current"{% endif %}>favorites</a></li>
-                <li><a href="?view=archive" {% if view == 'archive' %}class="current"{% endif %}>archive</a></li>
-                <li><a href="?view=config" {% if view == 'config' %}class="current"{% endif %}>config</a></li>
-                <li><a href="?logout" title="Logout">logout</a></li>
+                <li><a href="./" {% if view == 'home' %}class="current"{% endif %}>{% trans "home" %}</a></li>
+                <li><a href="./?view=fav" {% if view == 'fav' %}class="current"{% endif %}>{% trans "favorites" %}</a></li>
+                <li><a href="./?view=archive" {% if view == 'archive' %}class="current"{% endif %}>{% trans "archive" %}</a></li>
+                <li><a href="./?view=config" {% if view == 'config' %}class="current"{% endif %}>{% trans "config" %}</a></li>
+                <li><a href="./?logout" title="{% trans "logout" %}">{% trans "logout" %}</a></li>
             </ul>
 {% endblock %}
 {% block precontent %}
             <ul id="sort">
-                <li><img src="img/up.png" onclick="sort_links('{{ view }}', 'ia');" title="by date asc" /> by date <img src="img/down.png" onclick="sort_links('{{ view }}', 'id');" title="by date desc" /></li>
-                <li><img src="img/up.png" onclick="sort_links('{{ view }}', 'ta');" title="by title asc" /> by title <img src="img/down.png" onclick="sort_links('{{ view }}', 'td');" title="by title desc" /></li>
+                <li><img src="img/up.png" onclick="sort_links('{{ view }}', 'ia');" title="{% trans "by date asc" %}" /> {% trans "by date" %} <img src="img/down.png" onclick="sort_links('{{ view }}', 'id');" title="{% trans "by date desc" %}" /></li>
+                <li><img src="img/up.png" onclick="sort_links('{{ view }}', 'ta');" title="{% trans "by title asc" %}" /> {% trans "by title" %} <img src="img/down.png" onclick="sort_links('{{ view }}', 'td');" title="{% trans "by title desc" %}" /></li>
             </ul>
 {% endblock %}
 {% block content %}
@@ -27,9 +26,9 @@
                             <div class="tools">
                                 <ul>
                                     <li>
-                                        <a title="toggle mark as read" class="tool archive {% if entry.is_read == 0 %}archive-off{% endif %}" onclick="toggle_archive(this, {{ entry.id|e }})"><span></span></a></li>
-                                        <li><a title="toggle favorite" class="tool fav {% if entry.is_fav == 0 %}fav-off{% endif %}" onclick="toggle_favorite(this, {{ entry.id|e }})"><span></span></a></li>
-                                        <li><form method="post" onsubmit="return confirm('Are you sure?')" style="display: inline;"><input type="hidden" name="token" id="token" value="{{ token }}" /><input type="hidden" id="action" name="action" value="delete" /><input type="hidden" id="view" name="view" value="{{ view }}" /><input type="hidden" id="id" name="id" value="{{ entry.id|e }}" /><input type="submit" class="delete" title="toggle delete" /></form>
+                                        <a title="{% trans "toggle mark as read" %}" class="tool archive {% if entry.is_read == 0 %}archive-off{% endif %}" onclick="toggle_archive(this, {{ entry.id|e }})"><span></span></a></li>
+                                        <li><a title="{% trans "toggle favorite" %}" class="tool fav {% if entry.is_fav == 0 %}fav-off{% endif %}" onclick="toggle_favorite(this, {{ entry.id|e }})"><span></span></a></li>
+                                        <li><form method="post" onsubmit="return confirm('{% trans "are you sure?" %}')" style="display: inline;"><input type="hidden" name="token" id="token" value="{{ token }}" /><input type="hidden" id="action" name="action" value="delete" /><input type="hidden" id="view" name="view" value="{{ view }}" /><input type="hidden" id="id" name="id" value="{{ entry.id|e }}" /><input type="submit" class="delete" title="{% trans "toggle delete" %}" /></form>
                                     </li>
                                 </ul>
                             </div>
@@ -38,4 +37,26 @@
                     </div>
                 {% endfor %}
             </div>
+{% endblock %}
+
+{% block js %}
+            <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
+            <script type="text/javascript" src="js/poche.js"></script>
+            <script type="text/javascript" src="js/jquery.masonry.min.js"></script>
+            <script type="text/javascript">
+                $( window ).load( function()
+                {
+                    var columns    = 3,
+                        setColumns = function() { columns = $( window ).width() > 640 ? 3 : $( window ).width() > 320 ? 2 : 1; };
+
+                    setColumns();
+                    $( window ).resize( setColumns );
+
+                    $( '#content' ).masonry(
+                    {
+                        itemSelector: '.entrie',
+                        columnWidth:  function( containerWidth ) { return containerWidth / columns; }
+                    });
+                });
+            </script>
 {% endblock %}
\ No newline at end of file
diff --git a/tpl/install.twig b/tpl/install.twig
index 4342df2e..8bcede0d 100644
--- a/tpl/install.twig
+++ b/tpl/install.twig
@@ -1,5 +1,5 @@
 {% extends "layout.twig" %}
-{% block title %}Installation{% endblock %}
+{% block title %}{% trans "installation" %}{% endblock %}
 {% block content %}
         <form method="post" action="?install" name="loginform">
             <fieldset class="w500p center">
diff --git a/tpl/js.html b/tpl/js.html
deleted file mode 100644
index 3a51af6e..00000000
--- a/tpl/js.html
+++ /dev/null
@@ -1,22 +0,0 @@
-            <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
-            <script type="text/javascript" src="js/poche.js"></script>
-
-            {if="$load_all_js == '1'"}
-            <script type="text/javascript" src="js/jquery.masonry.min.js"></script>
-            <script type="text/javascript">
-                $( window ).load( function()
-                {
-                    var columns    = 3,
-                        setColumns = function() { columns = $( window ).width() > 640 ? 3 : $( window ).width() > 320 ? 2 : 1; };
-
-                    setColumns();
-                    $( window ).resize( setColumns );
-
-                    $( '#content' ).masonry(
-                    {
-                        itemSelector: '.entrie',
-                        columnWidth:  function( containerWidth ) { return containerWidth / columns; }
-                    });
-                });
-            </script>
-            {/if}
\ No newline at end of file
diff --git a/tpl/login.twig b/tpl/login.twig
index c95a5f02..d1080530 100644
--- a/tpl/login.twig
+++ b/tpl/login.twig
@@ -1,6 +1,6 @@
 {% extends "layout.twig" %}
 
-{% block title %}Login{% endblock %}
+{% block title %}{% trans "login to your poche" %}{% endblock %}
 {% block messages %}
             <div class="messages">
                 <ul>
-- 
cgit v1.2.3