Added Help button functionality.

Signed-off-by: Gergely POLONKAI <polesz@w00d5t0ck.info>

src/KekRozsak/FrontBundle/Resources/public/css/main.css

@@ -92,3 +92,8 @@ h3 a {
     clear: both;
     float: none;
 }
+
+#help-button {
+    display: block;
+    float: right;
+}

src/KekRozsak/FrontBundle/Resources/public/js/kekrozsak.js

@@ -25,7 +25,7 @@ function doPopup(title, content, url, w, h, callback)
         }
     }).error(function()
     {
-        $('#popup-content').html('Nem sikerült betölteni a könyv adatait.');
+        $('#popup-content').html('Szerver-oldali hiba!');
     });
 }
 
@@ -102,4 +102,12 @@ $(document).ready(function() {
         $('#news-button').show();
         resizeBoxes();
     });
+
+    $('#help-button a').click(function()
+    {
+        helpUrl = $(this).attr('href');
+        doPopup('Súgó', null, helpUrl, 400, 300, null);
+
+        return false;
+    })
 });

src/KekRozsak/FrontBundle/Resources/views/Book/listHelp.html.twig

@@ -0,0 +1,5 @@
+<p>
+    A könyvek részletes adatait a szerzőre, címre vagy a kiadás évére kattintva
+    tudhatod meg. Az ekkor felbukkanó ablakban tudod bejelölni, ha neked is van
+    egy példányod, vagy ha pl. szeretnél kölcsönkérni egyet.
+<p>

src/KekRozsak/FrontBundle/Resources/views/Default/main_template.html.twig

@@ -56,6 +56,7 @@
         </div>
         <div id="wrapper">
             <div id="menu">
+{# TODO: Dynamically generate menu #}
                 <ul>
                     <li><a href="{{ path('KekRozsakFrontBundle_homepage') }}">Főoldal - Aktuális</a></li>
                     <li><a href="{{ path('KekRozsakFrontBundle_articleView', { slug: 'rolunk' }) }}">Rólunk</a></li>
@@ -75,6 +76,9 @@
             <div id="content-wrapper">
                 <div id="content-outline">
                     <div id="content">
+{% if helpUrl is not null %}
+                            <span id="help-button"><a href="{{ helpUrl }}">[Súgó]</a></span><br class="clear" />
+{% endif %}
 {% block content %}{% endblock %}
                     </div>
                 </div>