Initial commit

templates/pages/profile/edit.html

@@ -0,0 +1,26 @@
+{{template "header" .}}
+{{template "navbar" .}}
+
+<div class="container">
+<h2>Profile</h2>
+{{template "alarm" .}}
+<div class="row">
+<div class="col-3 mx-auto">
+<div class="card">
+<div class="card-header">Edit profile</div>
+<div class="card-b">
+<p><img src="/avatar/{{.User.Id}}" onerror="this.src='/static/default.jpg'; this.onerror=null;" width="128" height="128" alt="Avatar" class="mx-auto"></p>
+<form method="post" action="/profile/edit" enctype="multipart/form-data">
+{{template "csrf" .}}
+<div class="form-group"><label for="disp_name">Display name</label><input type="text" class="w-100" id="disp_name" name="display_name" value="{{.User.EffectiveDisplayName}}"></div>
+<div class="form-group"><label for="avatar">Avatar</label><input type="file" class="w-100" id="avatar" name="avatar" accept="image/png,image/jpeg"></div>
+<div class="text-center"><button type="submit">Save</button></div>
+</form>
+<p class="text-center"><a href="/profile">Back to profile</a></p>
+</div>
+</div>
+</div>
+</div>
+</div>
+
+{{template "footer" .}}

templates/pages/profile/password.html

@@ -0,0 +1,26 @@
+{{template "header" .}}
+{{template "navbar" .}}
+
+<div class="container">
+<h2>Profile</h2>
+{{template "alarm" .}}
+<div class="row">
+<div class="col-3 mx-auto">
+<div class="card">
+<div class="card-header">Change Password</div>
+<div class="card-b">
+<form method="post" action="/profile/password">
+{{template "csrf" .}}
+<div class="form-group"><label for="old_password">Current password</label><input type="password" class="w-100" id="old_password" name="old_password" required></div>
+<div class="form-group"><label for="new_password">New password</label><input type="password" class="w-100" id="new_password" name="new_password" required minlength="6"></div>
+<div class="form-group"><label for="confirm_password">Confirm new password</label><input type="password" class="w-100" id="confirm_password" name="confirm_password" required minlength="6"></div>
+<div class="text-center"><button type="submit">Change Password</button></div>
+</form>
+<p class="text-center"><a href="/profile">Back to profile</a></p>
+</div>
+</div>
+</div>
+</div>
+</div>
+
+{{template "footer" .}}

templates/pages/profile/view.html

@@ -0,0 +1,31 @@
+{{template "header" .}}
+{{template "navbar" .}}
+
+<div class="container">
+<h2>Profile</h2>
+{{template "alarm" .}}
+<div class="row">
+<div class="col-3">
+<div class="card">
+<div class="card-header">Info</div>
+<div class="card-b">
+<p><img src="/avatar/{{.User.Id}}" onerror="this.src='/static/default.jpg'; this.onerror=null;" width="128" height="128" alt="Avatar" class="mx-auto"></p>
+<p><strong>Login:</strong> {{.User.Login}}</p>
+<p><strong>Display name:</strong> {{.User.EffectiveDisplayName}}</p>
+{{if .User.SuperUser}}<p><strong>Super User:</strong> Yes</p>{{end}}
+</div>
+</div>
+</div>
+<div class="col-3">
+<div class="card">
+<div class="card-header">Actions</div>
+<div class="card-b">
+<p><a href="/profile/edit">Edit Profile</a></p>
+<p><a href="/profile/password">Change Password</a></p>
+</div>
+</div>
+</div>
+</div>
+</div>
+
+{{template "footer" .}}