people: Complete redesign of base template

[ipfire.org.git] / src / templates / people / user-base.html

diff --git a/src/templates/people/user-base.html b/src/templates/people/user-base.html
new file mode 100644 (file)
index 0000000..d9f20e6
--- /dev/null
+++ b/src/templates/people/user-base.html
@@ -0,0 +1,47 @@
+{% extends "base.html" %}
+
+{% block title %}{{ account }}{% end block %}
+
+{% block content %}
+       <div class="row">
+               {% block sidebar %}
+                       <div class="col-12 col-md-3">
+                               <img class="img-fluid rounded-circle my-2" src="{{ account.avatar_url(512) }}" alt="{{ account }}" />
+
+                               <h3 class="my-3">
+                                       <a class="text-white" href="/users/{{ account.uid }}">{{ account.name }}</a>
+                               </h3>
+
+                               {% if account.sip_id %}
+                                       <h5>
+                                               {{ account.sip_id }}
+
+                                               <small class="ml-2">
+                                                       {% module SIPStatus(account) %}
+                                               </small>
+                                       </h5>
+                               {% end %}
+
+                               {% if account.can_be_managed_by(current_user) %}
+                                       <div class="btn-toolbar mb-3">
+                                               <a class="btn btn-warning btn-sm btn-block" href="/users/{{ account.uid }}/edit">
+                                                       <span class="fas fa-edit mr-2"></span> {{ _("Edit") }}
+                                               </a>
+
+                                               <a class="btn btn-light btn-sm btn-block" href="/users/{{ account.uid }}/passwd">
+                                                       {{ _("Change Password") }}
+                                               </a>
+
+                                               <a class="btn btn-light btn-sm btn-block" href="/users/{{ account.uid }}/ssh-keys">
+                                                       <span class="fas fa-key mr-2"></span> {{ _("Manage SSH Keys") }}
+                                               </a>
+                                       </div>
+                               {% end %}
+                       </div>
+               {% end %}
+
+               <div class="col-12 col-md-8 offset-md-1">
+                       {% block main %}{% end block %}
+               </div>
+       </div>
+{% end block %}