[Cards][Navigation] Navigation cards! Left panel now composed entirely of cards.

templates/cards/navigation/view.html.twig

@@ -0,0 +1,135 @@
+{% block timeline %}
+    <section class="section-widget section-widget-padded">
+    <h2 class="section-title">{{ icon('logo', 'icon icon-logo') | raw }} Timeline</h2>
+    <nav class='sec-nav' tabindex="0" title="{{ 'Navigate through each timeline.' | trans }}">
+        <ul>
+            <li>
+                <a href="{{ path('main_public') }}" class='{{ active('main_public') }}'>
+                    Public
+                </a>
+            </li>
+            <li>
+                {% if app.user %}
+                    <a href="{{ path("home_all", {'nickname' : current_actor.getNickname()}) }}" class='{{ active("home_all") }}'>
+                        Home
+                    </a>
+                {% endif %}
+            </li>
+            <li>
+                <a href="{{ path('main_all') }}" class='hover-effect {{ active('main_all') }}'>
+                    Network
+                </a>
+            </li>
+
+            {% if app.user %}
+                {% for link in handle_event('AddMainNavigationItem', {'nickname': current_actor.getNickname()}) %}
+                    <li>
+                        <a href="{{ link['path'] }}" class='{{ active(link['path_id']) }}'>
+                            {{ link['title'] }}
+                        </a>
+                    </li>
+                {% endfor %}
+            {% endif %}
+        </ul>
+    </nav>
+    </section>
+{% endblock timeline %}
+
+{% block group %}
+    <section class="section-widget section-widget-padded">
+        <h2 class="section-title">{{ icon('logo', 'icon icon-logo') | raw }} Group</h2>
+        <nav class='sec-nav' tabindex="0" title="{{ 'Navigate through each timeline.' | trans }}">
+            <ul>
+                <li>
+                    <a href="{{ path('main_public') }}" class='{{ active('main_public') }}'>
+                        Public
+                    </a>
+                </li>
+                <li>
+                    {% if app.user %}
+                        <a href="{{ path("home_all", {'nickname' : current_actor.getNickname()}) }}" class='{{ active("home_all") }}'>
+                            Home
+                        </a>
+                    {% endif %}
+                </li>
+                <li>
+                    <a href="{{ path('main_all') }}" class='hover-effect {{ active('main_all') }}'>
+                        Network
+                    </a>
+                </li>
+
+                {% if app.user %}
+                    {% for link in handle_event('AddMainNavigationItem', {'nickname': current_actor.getNickname()}) %}
+                        <li>
+                            <a href="{{ link['path'] }}" class='{{ active(link['path_id']) }}'>
+                                {{ link['title'] }}
+                            </a>
+                        </li>
+                    {% endfor %}
+                {% endif %}
+            </ul>
+        </nav>
+    </section>
+{% endblock group %}
+
+{% block profile_current_actor %}
+<nav tabindex="0" class="profile-navigation" title="{{ 'Navigate through account related pages.' | trans }}">
+
+    <a title='{{ 'Replies to your notes.' | trans }}' href="{{ path('replies', {'nickname' : current_actor.getNickname()}) }}" class='{{ active("replies") }}'>
+        Replies
+    </a>
+
+    {% for tab in handle_event('AddProfileNavigationItem', {'nickname': current_actor.getNickname()}) %}
+        <a href="{{ tab['path'] }}" class='{{ active(tab['path_id']) }}'>
+            {{ tab['title'] }}
+        </a>
+    {% endfor %}
+
+    <a title='{{ 'Access your account settings.' | trans }}' href="{{ path('settings') }}" class='{{ active('settings') }}'>
+        Settings
+    </a>
+
+    <a title='{{ 'Logout from your account.' | trans }}' href='{{ path('logout') }}'>
+        Logout
+    </a>
+</nav>
+{% endblock profile_current_actor %}
+
+{% block profile_security %}
+    <section class='section-widget section-widget-padded' title="{{ 'Your profile information.' | trans }}">
+        <h2 class="section-title">Account</h2>
+        <nav tabindex="0" class="profile-navigation" title="{{ 'Navigate through account related pages.' | trans }}">
+
+            <a title='{{ 'Login with your existing account.' | trans }}' href="{{ path('login') }}" class='hover-effect {{ active('login') }}'>
+                Login
+            </a>
+
+            <a title='{{ 'Register a new account!' | trans }}' href="{{ path('register') }}">
+                Register
+            </a>
+
+        </nav>
+    </section>
+{% endblock profile_security %}
+
+{% block footer %}
+<footer class="footer">
+    <nav>
+        <a href="{{ path('doc_faq') }}" class='hover-effect {{ active('doc_faq') }}'>
+            FAQ
+        </a>
+        <a href="{{ path('doc_tos') }}" class='hover-effect {{ active('doc_tos') }}'>
+            TOS
+        </a>
+        <a href="{{ path('doc_privacy') }}" class='hover-effect {{ active('doc_privacy') }}'>
+            Privacy
+        </a>
+        <a href="{{ path('doc_source') }}" class='hover-effect {{ active('doc_source') }}'>
+            Source
+        </a>
+        <a href="{{ path('doc_version') }}" class='hover-effect {{ active('doc_version') }}'>
+            Version
+        </a>
+    </nav>
+</footer>
+{% endblock footer %}

templates/sidepanel/left/left.html.twig

@@ -6,103 +6,15 @@
     <aside class="panel-content accessibility-target">
         {% if app.user %}
             <section class='section-widget section-widget-padded' title="{{ 'Your profile information.' | trans }}">
-
                 {% block profile_view %}{% include 'cards/profile/view.html.twig' with { actor: current_actor } %}{% endblock profile_view %}
-
-                <nav tabindex="0" class="profile-navigation" title="{{ 'Navigate through account related pages.' | trans }}">
-
-                    <a title='{{ 'Replies to your notes.' | trans }}' href="{{ path('replies', {'nickname' : current_actor.getNickname()}) }}" class='{{ active("replies") }}'>
-                        Replies
-                    </a>
-
-                    {% for tab in handle_event('AddProfileNavigationItem', {'nickname': current_actor.getNickname()}) %}
-                        <a href="{{ tab['path'] }}" class='{{ active(tab['path_id']) }}'>
-                            {{ tab['title'] }}
-                        </a>
-                    {% endfor %}
-
-                    <a title='{{ 'Access your account settings.' | trans }}' href="{{ path('settings') }}" class='{{ active('settings') }}'>
-                        Settings
-                    </a>
-
-                    <a title='{{ 'Logout from your account.' | trans }}' href='{{ path('logout') }}'>
-                        Logout
-                    </a>
-                </nav>
-
+                {{ block("profile_current_actor", "cards/navigation/view.html.twig") }}
             {% else %}
-
-                <section class='section-widget section-widget-padded' title="{{ 'Your profile information.' | trans }}">
-                    <h2 class="section-title">Account</h2>
-                    <nav tabindex="0" class="profile-navigation" title="{{ 'Navigate through account related pages.' | trans }}">
-
-                        <a title='{{ 'Login with your existing account.' | trans }}' href="{{ path('login') }}" class='hover-effect {{ active('login') }}'>
-                            Login
-                        </a>
-
-                        <a title='{{ 'Register a new account!' | trans }}' href="{{ path('register') }}">
-                            Register
-                        </a>
-
-                    </nav>
-                </section>
-
+                {{ block("profile_security", "cards/navigation/view.html.twig") }}
             {% endif %}
         </section>
 
-        <section class="section-widget section-widget-padded">
-            <h2 class="section-title">Timeline</h2>
-            <nav class='sec-nav' tabindex="0" title="{{ 'Navigate through each timeline.' | trans }}">
-                <ul>
-                    <li>
-                        <a href="{{ path('main_public') }}" class='{{ active('main_public') }}'>
-                            Public
-                        </a>
-                    </li>
-                    <li>
-                        {% if app.user %}
-                            <a href="{{ path("home_all", {'nickname' : current_actor.getNickname()}) }}" class='{{ active("home_all") }}'>
-                                Home
-                            </a>
-                        {% endif %}
-                    </li>
-                    <li>
-                        <a href="{{ path('main_all') }}" class='hover-effect {{ active('main_all') }}'>
-                            Network
-                        </a>
-                    </li>
-
-                    {% if app.user %}
-                        {% for link in handle_event('AddMainNavigationItem', {'nickname': current_actor.getNickname()}) %}
-                            <li>
-                                <a href="{{ link['path'] }}" class='{{ active(link['path_id']) }}'>
-                                    {{ link['title'] }}
-                                </a>
-                            </li>
-                        {% endfor %}
-                    {% endif %}
-                </ul>
-            </nav>
-        </section>
+        {{ block("timeline", "cards/navigation/view.html.twig") }}
 
-        <footer class="footer">
-            <nav>
-                <a href="{{ path('doc_faq') }}" class='hover-effect {{ active('doc_faq') }}'>
-                    FAQ
-                </a>
-                <a href="{{ path('doc_tos') }}" class='hover-effect {{ active('doc_tos') }}'>
-                    TOS
-                </a>
-                <a href="{{ path('doc_privacy') }}" class='hover-effect {{ active('doc_privacy') }}'>
-                    Privacy
-                </a>
-                <a href="{{ path('doc_source') }}" class='hover-effect {{ active('doc_source') }}'>
-                    Source
-                </a>
-                <a href="{{ path('doc_version') }}" class='hover-effect {{ active('doc_version') }}'>
-                    Version
-                </a>
-            </nav>
-        </footer>
+        {{ block("footer", "cards/navigation/view.html.twig") }}
     </aside>
 </div>