Started an UI for sort form

2 files changed, 41 insertions, 0 deletions

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig
index 526e3cbb..7e48619e 100644
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig
@@ -209,4 +209,40 @@
     </div>
     {% endif %}
 
+    <!-- Sort -->
+    <div id="sort" class="side-nav fixed right-aligned">
+
+        <h4 class="center">{{ 'entry.sort.title'|trans }}</h4>
+
+        <div class="row">
+            <div class="col s12">
+                <label>{{ 'entry.sort_by.status_label'|trans }}</label>
+            </div>
+
+            <div class="input-field col s12 with-checkbox">
+                <select>
+                    <option value="" disabled selected>Creation date</option>
+                    <option value="1">Sort by creation date</option>
+                    <option value="2">Sort by title</option>
+                    <option value="3">Sort by last updated</option>
+                </select>
+                {{ form_label(form.isArchived) }}
+            </div>
+
+            <div class="col s12">
+                <div class="switch">
+                    <label>
+                        Ascendant
+                        <input type="checkbox">
+                        <span class="lever"></span>
+                        Descendant
+                    </label>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    {% include "WallabagCoreBundle:Entry:pager.html.twig" with {'entries': entries} %}
+
 {% endblock %}
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig
index 59705e89..b4c1a628 100644
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig
@@ -92,6 +92,11 @@
                             <i class="material-icons">casino</i>
                         </a>
                     </li>
+                    <li id="button_sort">
+                        <a title="{{ 'menu.top.filter_entries'|trans }}" href="#" data-activates="sort" class="nav-panel-menu button-collapse-right">
+                            <i class="material-icons">sort_by_alpha</i>
+                        </a>
+                    </li>
                     <li id="button_filters">
                         <a class="nav-panel-menu button-collapse-right tooltipped js-filters-action" data-position="bottom" data-delay="50" data-tooltip="{{ 'menu.top.filter_entries'|trans }}" href="#" data-activates="filters">
                             <i class="material-icons">filter_list</i>