Browse Source

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

remotes/upstream/experimental
Eliseu Amaro 8 months ago
parent
commit
1c1bef76ef
2 changed files with 139 additions and 92 deletions
  1. +135
    -0
      templates/cards/navigation/view.html.twig
  2. +4
    -92
      templates/sidepanel/left/left.html.twig

+ 135
- 0
templates/cards/navigation/view.html.twig View File

@@ -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 %}

+ 4
- 92
templates/sidepanel/left/left.html.twig View File

@@ -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>

Loading…
Cancel
Save