aboutsummaryrefslogtreecommitdiff
path: root/views/pages/user_settings.html
blob: 8c8317b22b36ea30b43633a53a678a29912867c2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
{{ define "user_settings" }}
<html>
	<head>
		{{ template "materialize" }}
		<title>{{ .user.Name }} - grilist</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	</head>
	<body>
		{{ template "navbar" . }}
		<div class="container">
			<h1>{{ .user.Name }}</h1>
			<div class="row">
				<div class="col s12 m6 offset-m3 l4 offset-l4">
					{{ if .error }}
					<div class="col s12 m8 offset-m2">
						<div class="card red lighten-2">
							<div class="card-content white-text">
								<span class="card-title">Fehler</span>
								<p>Es gab einen Fehler: {{ .error }}</p>
							</div>
						</div>
					</div>
					{{ end }}
					<form method="POST" name="login" action="#">
						<div class="input-field col s12">
							<blockquote>Standardmäßig wird dein Benutzername angezeigt. Das Ändern des Anzeigenamen erlaubt dir, dass dich andere Nutzer unter einem anderen Namen sehen.</blockquote>
							<i class="material-icons prefix">perm_identity</i>
							<input name="display_name" type="text" placeholder="Anzeigename" class="validate" value="{{ if .user.DisplayName.Valid }}{{ .user.DisplayName.Value }}{{ end }}"/>
						</div>
						<br /><br />
						<h3>Passwort ändern</h3>
						<blockquote>Dein Passwort muss eine Länge von mindestens benis Zeichen haben.</blockquote>
						<div class="input-field col s12">
							<i class="material-icons prefix">lock_outline</i>
							<input name="current_password" type="password" placeholder="Aktuelles Passwort" class="validate" />
						</div>
						<div class="input-field col s12">
							<i class="material-icons prefix">lock</i>
							<input name="new_password" type="password" placeholder="Neues Passwort" class="validate" />
						</div>
						<div class="row col s12 right-align">
							<button class="btn waves-effect waves-light purple lighten-2" type="submit" name="action">
								Speichern <i class="material-icons right">send</i>
							</button>
							<br /><br />
							<hr />
							<br />
						</div>
						<div class="row col s12">
							<a class="waves-effect waves-light red lighten-1 btn-large valign-wrapper" style="width: 100%; height: 80px; padding-top: 12px" href="#">Löscht mich!</a>
						</div>
					</form>
				</div>
			</div>
		</div>
	</body>
</html>
{{ end }}