2013-09-11 15:27:52 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
2013-09-19 14:58:27 +02:00
<title> {% trans %} Ein XMPP-Konto registrieren {% endtrans %} </title>
2013-09-11 15:27:52 +02:00
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<form class="form-horizontal" method="post">
<fieldset>
<!-- Form Name -->
2013-09-19 14:58:27 +02:00
<legend> {% trans %} Ein XMPP-Konto registrieren {% endtrans %} </legend>
2013-09-11 15:27:52 +02:00
2013-09-19 14:59:38 +02:00
{% if errors %}
<div class="alert alert-danger">
<p> {% trans %} Bitte behebe folgende Fehler bevor du weiter machen kannst {% endtrans %} :</p>
<ul>
{% for error in errors %}
<li> {{ error }} </li>
{% endfor %}
</ul>
</div>
{% endif %}
2013-09-11 15:27:52 +02:00
<!-- Text input-->
<div class="control-group">
2013-09-19 14:58:27 +02:00
<label class="control-label" for="username"> {% trans %} Benutzername {% endtrans %} </label>
2013-09-11 15:27:52 +02:00
<div class="controls">
<input id="username" name="username" placeholder="bernd" class="input-xlarge" required="" type="text">
2013-09-19 14:58:27 +02:00
<p class="help-block"> {% trans %} Gib hier deinen gewünschten Benutzernamen ein. {% endtrans %} </p>
2013-09-11 15:27:52 +02:00
</div>
</div>
<!-- Select Basic -->
<div class="control-group">
2013-09-19 14:58:27 +02:00
<label class="control-label" for="host"> {% trans %} Server {% endtrans %} </label>
2013-09-11 15:27:52 +02:00
<div class="controls">
<select id="host" name="host" class="input-xlarge" required="">
<option></option>
<option>krautspace.de</option>
</select>
2013-09-19 14:58:27 +02:00
<p class="help-block"> {% trans %} Wähle hier einen Servernamen aus. Deine XMPP-ID ist dann <span class="xmpp-id-preview">Benutzername@Servername</span> {% endtrans %} </p>
2013-09-11 15:27:52 +02:00
</div>
</div>
<!-- Text input-->
<div class="control-group">
2013-09-19 14:58:27 +02:00
<label class="control-label" for="mail"> {% trans %} E-Mail-Adresse {% endtrans %} </label>
2013-09-11 15:27:52 +02:00
<div class="controls">
<input id="mail" name="mail" placeholder="bernd@example.com" class="input-xlarge" required="" type="text">
2013-09-19 14:58:27 +02:00
<p class="help-block"> {% trans %} Gib hier eine gültige E-Mail-Adresse ein. Die Adresse wird benutzt um dir einen Validierungscode zu schicken, sie wird nicht gespeichert. {% endtrans %} </p>
2013-09-11 15:27:52 +02:00
</div>
</div>
<!-- Password input-->
<div class="control-group">
2013-09-20 09:46:57 +02:00
<label class="control-label" for="password"> {% trans %} Passwort {% endtrans %} </label>
2013-09-11 15:27:52 +02:00
<div class="controls">
<input id="password" name="password" placeholder="" class="input-xlarge" required="" type="password">
2013-09-19 14:58:27 +02:00
<p class="help-block"> {% trans %} Bitte wähle ein starkes Passwort. Also mindestens 8, besser 12 oder mehr Zeichen mit einer möglichst großen Variation aus Klein- und Großbuchstaben, Zahlen und Sonderzeichen. {% endtrans %} </p>
2013-09-11 15:27:52 +02:00
</div>
</div>
<!-- Password input-->
<div class="control-group">
2013-09-19 14:58:27 +02:00
<label class="control-label" for="password_repeat"> {% trans %} Passwortwiederholung {% endtrans %} </label>
2013-09-11 15:27:52 +02:00
<div class="controls">
<input id="password_repeat" name="password_repeat" placeholder="" class="input-xlarge" required="" type="password">
2013-09-19 14:58:27 +02:00
<p class="help-block"> {% trans %} Bitte wiederhole hier dein gewähltes Passwort um sicherzustellen, dass du dich auch nicht vertippt hast. {% endtrans %} </p>
2013-09-11 15:27:52 +02:00
</div>
</div>
<!-- Button (Double) -->
<div class="control-group">
<label class="control-label" for="submit"></label>
<div class="controls">
2013-09-20 09:46:25 +02:00
<button type="submit" id="submit" name="submit" class="btn btn-success"> {% trans %} Absenden {% endtrans %} </button>
<button type="reset" id="cancel" name="cancel" class="btn btn-danger"> {% trans %} Abbrechen {% endtrans %} </button>
2013-09-11 15:27:52 +02:00
</div>
</div>
</fieldset>
</form>
</div>
</body>
</html>
