7eecd759f7
btn-default -> btn-secondary
use mb-3 to add margin to bottom of input-groups
use $.modal('show') to show modals
use bi bi-trash icon (font-awesome doesn't seem to be included with bs5
data-bs-dismiss on the modal close buttons
put recheck templates in container divs
add input-group-text class to addon icons for input fields
52 lines
1.7 KiB
HTML
52 lines
1.7 KiB
HTML
{% extends "base.html" %}
|
|
{% block head %}
|
|
{% endblock %}
|
|
{% block content %}
|
|
<br/>
|
|
<br/>
|
|
<div class="container d-flex justify-content-center">
|
|
<div class="panel panel-default card">
|
|
<div class="panel-heading card-header">
|
|
<strong> Activate Token by email</strong>
|
|
</div>
|
|
<div class="panel-body card-body">
|
|
<FORM METHOD="POST" ACTION="{% url 'start_email' %}" Id="formLogin" onSubmit="" name="FrontPage_Form1">
|
|
{% csrf_token %}
|
|
{% if invalid %}
|
|
<div class="alert alert-danger">
|
|
Sorry, The provided token is not valid.
|
|
</div>
|
|
{% endif %}
|
|
{% if quota %}
|
|
<div class="alert alert-warning">
|
|
{{ quota }}
|
|
</div>
|
|
{% endif %}
|
|
<fieldset>
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12">
|
|
<p>Enter the code sent to your email.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12">
|
|
<div class="form-group">
|
|
<div class="input-group mb-3">
|
|
<span class="input-group-addon input-group-text">
|
|
<i class="glyphicon glyphicon-lock bi bi-lock"></i>
|
|
</span>
|
|
<input class="form-control" size="6" MaxLength="6" value="" placeholder="e.g 55552" name="otp" type="text" id="otp" autofocus>
|
|
</div>
|
|
</div>
|
|
<div class="form-group d-grid gap-2">
|
|
<input type="submit" class="btn btn-lg btn-success btn-block" value="Verify">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</FORM>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|