96 lines
3.5 KiB
Twig
96 lines
3.5 KiB
Twig
<!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="">
|
|
|
|
<title>{% trans %}Ein XMPP-Konto registrieren{% endtrans %}</title>
|
|
|
|
<!-- 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 -->
|
|
<legend>{% trans %}Ein XMPP-Konto registrieren{% endtrans %}</legend>
|
|
|
|
{% 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 %}
|
|
|
|
<!-- Text input-->
|
|
<div class="control-group">
|
|
<label class="control-label" for="username">{% trans %}Benutzername{% endtrans %}</label>
|
|
<div class="controls">
|
|
<input id="username" name="username" placeholder="bernd" class="input-xlarge" required="" type="text">
|
|
<p class="help-block">{% trans %}Gib hier deinen gewünschten Benutzernamen ein.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Select Basic -->
|
|
<div class="control-group">
|
|
<label class="control-label" for="host">{% trans %}Server{% endtrans %}</label>
|
|
<div class="controls">
|
|
<select id="host" name="host" class="input-xlarge" required="">
|
|
<option></option>
|
|
<option>krautspace.de</option>
|
|
</select>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Text input-->
|
|
<div class="control-group">
|
|
<label class="control-label" for="mail">{% trans %}E-Mail-Adresse{% endtrans %}</label>
|
|
<div class="controls">
|
|
<input id="mail" name="mail" placeholder="bernd@example.com" class="input-xlarge" required="" type="text">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Password input-->
|
|
<div class="control-group">
|
|
<label class="control-label" for="password">{% trans %}Passwort{% endtrans %}:</label>
|
|
<div class="controls">
|
|
<input id="password" name="password" placeholder="" class="input-xlarge" required="" type="password">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Password input-->
|
|
<div class="control-group">
|
|
<label class="control-label" for="password_repeat">{% trans %}Passwortwiederholung{% endtrans %}</label>
|
|
<div class="controls">
|
|
<input id="password_repeat" name="password_repeat" placeholder="" class="input-xlarge" required="" type="password">
|
|
<p class="help-block">{% trans %}Bitte wiederhole hier dein gewähltes Passwort um sicherzustellen, dass du dich auch nicht vertippt hast.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Button (Double) -->
|
|
<div class="control-group">
|
|
<label class="control-label" for="submit"></label>
|
|
<div class="controls">
|
|
<button id="submit" name="submit" class="btn btn-success">{% trans %}Absenden{% endtrans %}</button>
|
|
<button id="cancel" name="cancel" class="btn btn-danger">{% trans %}Abbrechen{% endtrans %}</button>
|
|
</div>
|
|
</div>
|
|
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|