0.18-beta - breakout sign-in steps for smaller screens

This commit is contained in:
2019-01-28 13:50:56 -05:00
parent 658b5ca9bb
commit 0b4dcefd7e
11 changed files with 384 additions and 94 deletions

View File

@@ -56,7 +56,7 @@
<h2><i class="fas fa-sign-in-alt"></i> <?php echo $transLang['SIGNIN']; ?></h2>
</div>
</div>
<form name="form-signin" class="form-signin" action="signin_display.php" method="post">
<form name="form-signin" class="form-signin" action="signin_2.php" method="post">
<div class="row">
<div class="col-sm">
<div class="input-group mb-3">
@@ -98,104 +98,14 @@
</div>
</div>
</div>
<div class="row">
<div class="col-sm">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon3"><?php echo $transLang['REASON']; ?></span>
</div>
<select class="custom-select" id="visit_type" aria-label="Visit Type" name="visit_type" required>
<option value="" selected><?php echo $transLang['SELECTREASON']; ?></option><?php foreach($VisitTypeInfo->getVisitTypeInfo("%") as $row): ?>
<option value="<?php echo $row['visittypes_id']; ?>"><?php echo $transLang[$row['visittypes_name']]; ?></option><?php endforeach; ?>
</select>
</div>
</div>
</div>
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h5 class="mb-0"><button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"><?php echo $transLang['ESECTION']; ?></button></h5>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon3"><?php echo $transLang['ENAME']; ?>:</span>
</div>
<input type="text" id="escort" name="escort" class="form-control" placeholder="<?php echo $transLang['ETAG']; ?>" autofocus>
</div>
<h4><?php echo $transLang['ESIGNATURE']; ?>:</h4>
<div id="esignature-parent">
<div id="esignature"></div>
</div>
<input type="hidden" name="e_signature" id="e_signature"></input>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<h4><?php echo $transLang['VSIGNATURE']; ?>:</h4>
<div id="vsignature-parent">
<div id="vsignature"></div>
</div>
<input type="hidden" name="v_signature" id="v_signature" required />
<input type="hidden" name="siteid" id="siteid" value="<?php echo $siteid; ?>" />
<?php if($SiteInfo->getSite($siteid, $uid, "0", "0")[0]["sites_region"] == "US") { echo "<p>" . $transLang['ACKNOWLEDGEMENT'] . "</p>"; } ?>
<p><?php echo $transLang['GDPR_TEXT']; ?><p>
<p><a class="btn btn-outline-secondary btn-block" data-toggle="modal" data-target="#termsModalLong" href="<?php echo $StaticFunctions->getRules(); ?>"><?php echo $transLang['REFERENCE']; ?>:&nbsp;(<?php echo $transLang['ACKNOWLEDGEMENT_DOC_NAME']; ?>)</a></p>
<button type="submit" id="saveBtn" class="btn btn-lg btn-success btn-block" name="signin"><?php echo $transLang['SIGNIN']; ?></button>
<button type="submit" id="saveBtn" class="btn btn-lg btn-success btn-block" name="signin"><?php echo $transLang['NEXT']; ?></button>
</div>
</div>
</form>
</div>
<!-- TERMS MODAL START -->
<div class="modal fade" id="termsModalLong" tabindex="-1" role="dialog" aria-labelledby="termsModalLongTitle" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="termsModalLongTitle"><?php echo $transLang['TERMSTITLE']; ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="<?php echo $transLang['CLOSE']; ?>">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<object type="application/pdf" data="<?php echo $StaticFunctions->getRules(); ?>" width="700" height="600">_</object>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal"><?php echo $transLang['CLOSE']; ?></button>
</div>
</div>
</div>
</div>
<!-- TERMS MODAL END -->
<script>
$(document).ready(function() {
// Init jSignature for Escort field ONLY after we uncollapse the escort bootstrap div
$('#collapseOne').on('shown.bs.collapse', function () {
var $esignature = $("#esignature").jSignature();
true
$('#esignature').change(function() {
var data2 = $esignature.jSignature('getData');
$('#e_signature').val(data2);
});
});
// Init jSignature for Visitor field, onchange store in text field
var $vsignature = $("#vsignature").jSignature();
true
$('#vsignature').change(function() {
var data = $vsignature.jSignature('getData');
$('#v_signature').val(data);
});
});
$("form").submit(function() {
if($('#v_signature').val() == '') {
alert("<?php echo $transLang['SIGNATURE']; ?> <?php echo $transLang['REQUIRED']; ?>");
return false;
}
return true;
});
</script>
<!-- CONTENT END -->
<?php }; require_once("inc/footer.inc.php");