Login/out and notifications icons on sidebar

src/templates/attract/layout.jade

@@ -53,6 +53,117 @@ html(lang="en")
 								i.pi-question
 						| {% endif %}
 
+						| {% if current_user.is_authenticated %}
+
+						| {% if current_user.has_role('demo') %}
+						| {% set subscription = 'demo' %}
+						| {% elif current_user.has_role('subscriber') %}
+						| {% set subscription = 'subscriber' %}
+						| {% else %}
+						| {% set subscription = 'none' %}
+						| {% endif %}
+
+						li.nav-notifications
+							a.navbar-item#notifications-toggle(
+								title="Notifications",
+								data-toggle="tooltip",
+								data-placement="bottom")
+								i.pi-notifications-none.nav-notifications-icon
+								span#notifications-count
+									span
+								.flyout-hat
+
+							#notifications.flyout.notifications
+								.flyout-content
+									span.flyout-title Notifications
+									a#notifications-markallread(
+										title="Mark All as Read",
+										href="/notifications/read-all")
+										| Mark All as Read
+
+									| {% include '_notifications.html' %}
+
+
+						li(class="dropdown{% if title in ['profile', 'billing-address', 'pledges', 'manage-collection']: %} active{% endif %}")
+							a.navbar-item.dropdown-toggle(href="#", data-toggle="dropdown", title="{{ current_user.email }}")
+								img.gravatar(
+									src="{{ current_user.gravatar }}",
+									class="{{ subscription }}",
+									alt="Avatar")
+								.special(class="{{ subscription }}")
+									| {% if subscription == 'subscriber' %}
+									i.pi-check
+									| {% elif subscription == 'demo' %}
+									i.pi-heart-filled
+									| {% else %}
+									i.pi-attention
+									| {% endif %}
+
+							ul.dropdown-menu
+								| {% if not current_user.has_role('protected') %}
+								li.subscription-status(class="{{ subscription }}")
+									| {% if subscription == 'subscriber' %}
+									a.navbar-item(
+										href="{{url_for('users.settings_billing')}}"
+										title="View subscription info")
+										i.pi-grin
+										span Your subscription is active!
+									| {% elif subscription == 'demo' %}
+									a.navbar-item(
+										href="{{url_for('users.settings_billing')}}"
+										title="View subscription info")
+										i.pi-heart-filled
+										span You have a free account.
+									| {% else %}
+									a.navbar-item(
+										href="https://store.blender.org/product/membership/"
+										title="Renew subscription")
+										i.pi-unhappy
+										span.info Your subscription is not active.
+											span.renew Click here to renew.
+									| {% endif %}
+
+								li
+									a.navbar-item(
+										href="{{ url_for('projects.home_project') }}"
+										title="Home")
+										i.pi-home
+										| Home
+
+								li
+									home_project
+									a.navbar-item(
+										href="{{ url_for('projects.index') }}"
+										title="My Projects")
+										i.pi-star
+										| My Projects
+
+								li
+									a.navbar-item(
+										href="{{ url_for('users.settings_profile') }}"
+										title="Settings")
+										i.pi-cog
+										| Settings
+								li
+									a.navbar-item(
+										href="{{ url_for('users.settings_billing') }}"
+										title="Billing")
+										i.pi-credit-card
+										| Subscription
+								li.divider(role="separator")
+								| {% endif %}
+								li
+									a.navbar-item(
+										href="{{ url_for('users.logout') }}")
+										i.pi-log-out(title="Log Out")
+										| Log out
+
+						| {% else %}
+						li.nav-item-sign-in
+							a.navbar-item(href="{{ url_for('users.login') }}")
+								| Log in
+						| {% endif %}
+
 			| {% block body %}
 			#col_left
 			#col_main