"save a link" added to top menu (default theme) to toggle "save link" form message, issue #461. "Mark all the entries as read" link added in default theme.

4 files changed, 40 insertions, 1 deletions

diff --git a/themes/default/_menu.twig b/themes/default/_menu.twig
index 02bec1dc..55583b3d 100644
--- a/themes/default/_menu.twig
+++ b/themes/default/_menu.twig
@@ -3,6 +3,9 @@
                 <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=tags" {% if view == 'tags' %}class="current"{% endif %}>{% trans "tags" %}</a></li>
+                <li><a href="javascript: void(null);" id="pocheit">{% trans "save a link" %}</a><span id="pocheit-arrow"></span></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>
\ No newline at end of file
+            </ul>
+            {% include '_pocheit-form.twig' %}
+
diff --git a/themes/default/_pocheit-form.twig b/themes/default/_pocheit-form.twig
new file mode 100755
index 00000000..13096159
--- /dev/null
+++ b/themes/default/_pocheit-form.twig
@@ -0,0 +1,22 @@
+<div id="pocheit-form" class="messages info">
+    <center>
+    <form method="get" action="index.php">
+        <input required placeholder="example.com/article" class="addurl" id="plainurl" name="plainurl" type="url" />
+        <input type="submit" value="{% trans "save link!" %}" />
+    </form>
+    </center>
+</div>
+<script type="text/javascript">
+    $(document).ready(function() {
+
+        $("#pocheit-form").hide();
+
+        $("#pocheit").click(function(){
+            $("#pocheit-form").toggle();
+            $("#pocheit").toggleClass("current");
+            $("#pocheit-arrow").toggleClass("arrow-down");
+        });
+
+
+    });
+</script>
diff --git a/themes/default/css/style.css b/themes/default/css/style.css
index 2088ee2e..28675907 100644
--- a/themes/default/css/style.css
+++ b/themes/default/css/style.css
@@ -334,3 +334,16 @@ a.bad-display span,
 a.reading-time span {
     background-repeat: no-repeat;
 }
+
+.arrow-down {
+    width: 0px;
+    height: 0px;
+    border-style: solid;
+    border-width: 10px 10px 0 10px;
+    border-color: #000 transparent transparent transparent;
+
+    position: absolute;
+    margin-top: 1.5em;
+    margin-left: -30px;
+}
+
diff --git a/themes/default/home.twig b/themes/default/home.twig
index cbe8c62f..21013ec8 100644
--- a/themes/default/home.twig
+++ b/themes/default/home.twig
@@ -46,4 +46,5 @@
                 {% endfor %}
             {% endif %}
             {{ block('pager') }}
+            {% if view == 'home' %}{% if nb_results > 1 %}<a title="{% trans "mark all the entries as read" %}"  href="./?action=archive_all">{% trans "mark all the entries as read" %}</a>{% endif %}{% endif %}
 {% endblock %}