Update mfa/templates/TrustedDevices/Add.html
This commit is contained in:
@@ -25,101 +25,88 @@
|
|||||||
</script>
|
</script>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<br/>
|
<div class="col-lg-8 col-md-8 col-12 mx-auto">
|
||||||
<br/>
|
<div class="page-header min-height-300 border-radius-xl mt-4" style="background-repeat: no-repeat; background-position: cover; background-size:contain; background-image: url('{% static 'img/keys.jpg'%}');">
|
||||||
|
<span class="mask bg-gradient-primary opacity-6"></span>
|
||||||
<div class="row">
|
</div>
|
||||||
|
<div class="card mx-3 mx-md-4 mt-n6 h-100 z-index-0 fadeIn3 fadeInBottom " >
|
||||||
<div class="col-sm-10 col-sm-offset-1 col-xs-12 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
|
<div class="card-header pb-0 p-3">
|
||||||
<div class="panel panel-default card">
|
<h6 class="mb-0">
|
||||||
<div class="panel-heading card-header">
|
<strong> Add Trusted Device</strong>
|
||||||
<strong> Add Trusted Device</strong>
|
</h6>
|
||||||
</div>
|
|
||||||
<div class="panel-body card-body">
|
|
||||||
{% if success %}
|
|
||||||
<div class="alert alert-warning">
|
|
||||||
Please check your PC window, to continue the process.
|
|
||||||
</div>
|
|
||||||
{% elif added %}
|
|
||||||
<div class="alert alert-success">
|
|
||||||
Your device is now trusted, please try to <a href="{% url 'login' %}"> login</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% else %}
|
|
||||||
<div class="alert alert-warning">Please make sure you are not in private (incognito) mode <i class="fal fa-user-secret"></i></div>
|
|
||||||
<FORM METHOD="POST" ACTION="{% url 'add_td' %}" Id="formLogin" onSubmit="return checkFlag()" name="FrontPage_Form1">
|
|
||||||
{% csrf_token %}
|
|
||||||
{% if invalid %}
|
|
||||||
<div class="alert alert-danger">
|
|
||||||
{{ invalid }}
|
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
<div class="card-body">
|
||||||
{% if quota %}
|
{% if success %}
|
||||||
<div class="alert alert-warning">
|
<div class="alert alert-warning">
|
||||||
{{ quota }}
|
Please check your PC window, to continue the process.
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% elif added %}
|
||||||
<fieldset>
|
<div class="alert alert-success">
|
||||||
<div class="row">
|
Your device is now trusted, please try to <a href="{% url 'login' %}"> login</a>
|
||||||
<div class="col-sm-12 col-md-12">
|
</div>
|
||||||
</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-user bi bi-person"></i>
|
|
||||||
</span>
|
|
||||||
<input class="form-control" id="username" size="30" MaxLength="30" placeholder="Username" name="username" value="{{ username }}" type="text" autofocus autocomplete="on">
|
|
||||||
|
|
||||||
</div>
|
{% else %}
|
||||||
</div>
|
<div class="alert alert-warning text-white">Please make sure you are not in private (incognito) mode <i class="fa fa-user-secret"></i></div>
|
||||||
<div class="form-group">
|
<form METHOD="POST" ACTION="{% url 'add_td' %}" Id="formLogin" onSubmit="return checkFlag()" name="FrontPage_Form1">
|
||||||
<div class="input-group mb-3">
|
{% csrf_token %}
|
||||||
<span class="input-group-addon input-group-text">
|
{% if invalid %}
|
||||||
<i class="fa fa-key"></i>
|
<div class="alert alert-danger">
|
||||||
</span>
|
{{ invalid }}
|
||||||
<input class="form-control" placeholder="e.g GAK-Y2M" id='key' style="text-transform: uppercase" name="key" type="text" size="9" MaxLength="9" value="{{ key }}">
|
</div>
|
||||||
</div>
|
{% endif %}
|
||||||
</div>
|
{% if quota %}
|
||||||
<div class="form-group">
|
<div class="alert alert-warning">
|
||||||
<span class="input-group mb-3">
|
{{ quota }}
|
||||||
<input id='agree' name="agree" type="checkbox"><span style="color: red"> I confirm that this device is mine and it is only used by me.</span>
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
<fieldset>
|
||||||
|
|
||||||
</div>
|
<div class="row">
|
||||||
{% comment %}
|
<div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class="input-group mb-3">
|
<div class="input-group input-group-static mb-3">
|
||||||
<span class="input-group-addon input-group-text">
|
<span class="input-group-addon input-group-text">
|
||||||
|
<i class="glyphicon glyphicon-user bi bi-person"></i>
|
||||||
|
</span>
|
||||||
<select size="1" name="Institution_Code" style="font-size: 10pt; font-family: Calibri; height: 34px;width: 230px">
|
<input class="form-control" id="username" size="30" MaxLength="30" placeholder="Username" name="username" value="{{ username }}" type="text" autofocus autocomplete="on">
|
||||||
{% for ins in institutes %}
|
</div>
|
||||||
<option value="{{ ins.institution_code }}">{{ ins.alias }}</option>
|
</div>
|
||||||
{% endfor %}
|
<div class="form-group">
|
||||||
|
<div class="input-group input-group-static mb-3">
|
||||||
</select>
|
<span class="input-group-addon input-group-text">
|
||||||
</span>
|
<i class="fa fa-key"></i>
|
||||||
</div>
|
</span>
|
||||||
</div>
|
<input class="form-control" placeholder="e.g GAK-Y2M" id='key' style="text-transform: uppercase" name="key" type="text" size="9" MaxLength="9" value="{{ key }}">
|
||||||
{% endcomment %}
|
</div>
|
||||||
<div class="form-group d-grid gap-2">
|
</div>
|
||||||
<input type="submit" class="btn btn-lg btn-success btn-block" value="Trust Device">
|
<div class="form-group">
|
||||||
</div>
|
<span class=" form-check ">
|
||||||
</div>
|
<input class="form-check-input" id='agree' name="agree" type="checkbox">
|
||||||
</div>
|
<span style="color: red"> I confirm that this device is mine and it is only used by me.
|
||||||
</fieldset>
|
</span>
|
||||||
</form>
|
</div>
|
||||||
{% endif %}
|
{% comment %}
|
||||||
</div>
|
<div class="form-group">
|
||||||
<div class="panel-footer card-footer">
|
<div class="input-group mb-3">
|
||||||
|
<span class="input-group-addon input-group-text">
|
||||||
|
<select size="1" name="Institution_Code" style="font-size: 10pt; font-family: Calibri; height: 34px;width: 230px">
|
||||||
</div>
|
{% for ins in institutes %}
|
||||||
</div>
|
<option value="{{ ins.institution_code }}">{{ ins.alias }}</option>
|
||||||
</div>
|
{% endfor %}
|
||||||
</div>
|
</select>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
</div>
|
||||||
|
{% endcomment %}
|
||||||
|
<div class="form-group d-grid gap-2 mt-2">
|
||||||
|
<input type="submit" class="btn btn-lg btn-success btn-block" value="Trust Device">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% include "modal.html" %}
|
||||||
|
{% endblock %}
|
||||||
|
|||||||
Reference in New Issue
Block a user