Change checkin page layout
This commit is contained in:
parent
dd8f33a472
commit
ab3878ea9f
1 changed files with 76 additions and 66 deletions
|
@ -9,15 +9,21 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
<div class="row">
|
||||||
<div class="my-5 col-12">
|
<div class="col-12">
|
||||||
<h2>Check-in</h2>
|
<h2>Check-in</h2>
|
||||||
<p>Please scan QR Code or enter it below</p>
|
<p>Please scan QR Code or enter it below</p>
|
||||||
<p><strong id="note"></strong></p>
|
</div>
|
||||||
<video id="preview"" autoplay style="width: 500px; height: 500px; border: 1px solid green;"></video>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="my-5 col-12">
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-6">
|
||||||
|
<p><strong id="note"></strong></p>
|
||||||
|
<video id="preview"" autoplay style=" height: 400px;"></video>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-6">
|
||||||
<div id="code_div" class="form-group has-feedback has-error">
|
<div id="code_div" class="form-group has-feedback has-error">
|
||||||
<label class="control-label" for="bpcode">Boarding Pass Code</label>
|
<label class="control-label" for="bpcode">Boarding Pass Code</label>
|
||||||
<input id="bptext" type="text" class="form-control" id="bpcode" placeholder="Code">
|
<input id="bptext" type="text" class="form-control" id="bpcode" placeholder="Code">
|
||||||
|
@ -25,11 +31,15 @@
|
||||||
<span id="help_ok" class="help-block" style="display: none;">Format appears OK</span>
|
<span id="help_ok" class="help-block" style="display: none;">Format appears OK</span>
|
||||||
<span id="help_ur" class="help-block" style="display: block;">Format doesn't match</span>
|
<span id="help_ur" class="help-block" style="display: block;">Format doesn't match</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
<button id="bpredir" class="btn btn-primary">Submit</button>
|
<button id="bpredir" class="btn btn-primary">Submit</button>
|
||||||
<button id="clear" class="btn btn-danger">Clear</button>
|
<button id="clear" class="btn btn-danger">Clear</button>
|
||||||
<a type=button" class="btn btn-info pull-right" href="{% url 'regidesk:boarding_overview' %}">Overview</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="py-5">
|
||||||
|
<a href="{% url 'regidesk:boarding_overview' %}">Overview (Search page)</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
|
let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
|
||||||
|
|
Loading…
Reference in a new issue