Use Jinja2 inheritance to render user settings pages.

This requires Pillar e55d38261b36756a2850716a453c08c9ee6be9e2 or newer.

src/templates/users/settings/_sidebar.pug

@@ -1,20 +0,0 @@
-#settings-sidebar
-	.settings-header
-		.settings-title Settings
-	.settings-content
-		ul
-			a(class="{% if title == 'profile' %}active{% endif %}",
-				href="{{ url_for('settings.profile') }}")
-				li
-					i.pi-vcard
-					| Profile
-			a(class="{% if title == 'emails' %}active{% endif %}",
-					href="{{ url_for('settings.emails') }}")
-				li
-					i.pi-email
-					| Emails
-			a(class="{% if title == 'billing' %}active{% endif %}",
-					href="{{ url_for('settings.billing') }}")
-				li
-					i.pi-credit-card
-					| Subscription

src/templates/users/settings/billing.pug

@@ -1,62 +1,58 @@
-| {% extends 'layout.html' %}
+| {% extends 'users/settings/page.html' %}
 | {% block head %}
+| {{ super() }}
 style(type='text/css').
 	button#recheck_subscription {
 		margin-top: 1em;
 	}
 | {% endblock %}
-| {% block body %}
-| {% set renew_url = url_for('cloud.renew_subscription') %}
-.container
-	#settings
-		| {% include 'users/settings/_sidebar.html'%}
-		#settings-container
-			.settings-header
-				.settings-title Subscription
 
-			.settings-content
-				| {% if current_user.has_cap('can-renew-subscription') %}
-				| {% if current_user.has_cap('subscriber') %}
-				h3.subscription-active
+| {% block settings_page_title %}Subscription{% endblock %}
+| {% block settings_page_content %}
+| {% set renew_url = url_for('cloud.renew_subscription') %}
+| {% if current_user.has_cap('can-renew-subscription') %}
+| {% if current_user.has_cap('subscriber') %}
+h3.subscription-active
 	i.pi-check
 	|  Your subscription is active
-				h4 Thank you for supporting us!
-				hr
-				p Subscription expires on: <strong>{{ expiration_date }}</strong>
-				| {% else %}
-				h3.subscription-missing
+h4 Thank you for supporting us!
+hr
+p Subscription expires on: <strong>{{ expiration_date }}</strong>
+| {% else %}
+h3.subscription-missing
 	i.pi-info
 	a(href="{{renew_url}}") Your subscription can be renewed
-				hr
-				p.text-danger Subscription expired on: <strong>{{ expiration_date }}</strong>
-				p
+hr
+p.text-danger Subscription expired on: <strong>{{ expiration_date }}</strong>
+p
 	a.btn.btn-success(href="{{renew_url}}") Renew now
-				| {% endif %}
+| {% endif %}
 
-				p
+p
 	a(href="{{ config['EXTERNAL_SUBSCRIPTIONS_MANAGEMENT_SERVER'] | urljoin('my-account/subscriptions/') }}") Manage your subscription on Blender Store
 
-				| {% elif 'demo' in groups %}
-				h3.subscription-demo
+| {% elif 'demo' in groups %}
+h3.subscription-demo
 	i.pi-heart-filled
 	| You have a free account
 
-				hr
+hr
 
-				p You have full access to the Blender Cloud, provided by the Blender Institute. This account is meant for free evaluation of the service. Get in touch with #[a(href="mailto:cloudsupport@blender.org") cloudsupport@blender.org] if you have any questions.
+p You have full access to the Blender Cloud, provided by the Blender Institute. This account is meant for free evaluation of the service. Get in touch with #[a(href="mailto:cloudsupport@blender.org") cloudsupport@blender.org] if you have any questions.
 
-				| {% else %}
-				h3.subscription-missing
+| {% else %}
+h3.subscription-missing
 	i.pi-info
 	| You do not have an active subscription.
-				h3
+h3
 	a(href="https://store.blender.org/product/membership/") Get full access to Blender Cloud now!
-				| {% endif %}
+| {% endif %}
 
-				hr
-				p
+hr
+p
 	button#recheck_subscription.btn.btn-default(onclick="javascript:recheck_subscription(this)") Re-check my subscription
 
+hr
 
 script.
 	function recheck_subscription(button) {

src/templates/users/settings/emails.pug

@@ -1,15 +1,7 @@
-| {% extends 'layout.html' %}
-| {% block body %}
-.container
-	#settings
-		| {% include 'users/settings/_sidebar.html'%}
-		#settings-container
-			.settings-header
-				.settings-title Emails
-
-			.settings-content
-
-				.settings-form
+| {% extends 'users/settings/page.html' %}
+| {% block settings_page_title %}Emails{% endblock %}
+| {% block settings_page_content %}
+.settings-form
 	form#settings-form(method='POST', action="{{url_for('settings.emails')}}")
 		| {{ form.csrf_token }}
 		| {% for subfield in form.email_communications %}
@@ -22,6 +14,4 @@
 			button.btn.btn-default.button-submit(type='submit')
 				i.pi-check
 				| Save Changes
-
-
 | {% endblock %}

src/templates/users/settings/page.pug

@@ -0,0 +1,14 @@
+| {% extends 'users/settings/base.html' %}
+| {% block settings_sidebar_menu %}
+| {{ super() }}
+a(class="{% if title == 'emails' %}active{% endif %}",
+        href="{{ url_for('settings.emails') }}")
+    li
+        i.pi-email
+        | Emails
+a(class="{% if title == 'billing' %}active{% endif %}",
+        href="{{ url_for('settings.billing') }}")
+    li
+        i.pi-credit-card
+        | Subscription
+| {% endblock %}