Steven/SignatureCardFrontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WEBSCOKETS

Browse Source
This commit is contained in:
Steven Tracey
2023-06-05 16:15:33 -04:00
parent 3d1a45cafe
commit d28bdf14ec
6 changed files with 132 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
index.html
View File

@@ -9,7 +9,7 @@
<script>
document.addEventListener('DOMContentLoaded', function () {
const inputs = Array.from(
document.querySelectorAll('input[name=extension], input[name=cellNumber], input[name=directLine]')
document.querySelectorAll('input[name=extension], input[name=cellNumber], input[name=directNumber]')
);
const inputListener = e => {
inputs.filter(i => i !== e.target).forEach(i => (i.required = !e.target.value.length));
@@ -49,21 +49,26 @@
<ul>
<li><a class="active" href="#">Home</a></li>
<li><a href="install/">Install</a></li>
<li><a href="websocket/">WebSocket</a></li>
<li class="float-right"><a href="javascript:getCardToEdit()">Edit Card</a></li>
</ul>
</nav>
<main class="page contact-page">
<main>
<section class="portfolio-block contact">
<div class="container">
<h1 class="text-center mt mb h1">Signature Card Creator</h1>
<div class="card">
<a id="card" href="#" style="display: none">
<img class="card" id="cardImg" alt="card"/>
<a id="card" href="#">
<img class="hidden" id="cardImg" alt="card"/>
</a>
</div>
<label for="card" class="text-center"></label>
<div class="form-group mt">
<div class="form-group">
<label for="location">Location:</label>
<select class="form-control" id="location" name="location"></select>
</div>
<div class="form-group">
<label for="full_name">Full Name &amp; Credentials</label>
<input type="text" class="form-control" id="full_name" name="full_name" maxlength="36" required="">
@@ -77,16 +82,12 @@
<input type="email" class="form-control" id="email" name="email" required="">
</div>
<div class="form-group">
<label for="location">Location:</label>
<select class="form-control" id="location" name="location"></select>
<input type="checkbox" id="directNumberCheckbox" onclick="handleCheckbox()">
<label for="directNumberCheckbox">Direct Line</label>
</div>
<div class="form-group">
<input type="checkbox" id="directLineCheckbox" onclick="handleCheckbox()">
<label for="directLineCheckbox">Direct Line</label>
</div>
<div class="form-group" id="directLineInput" style="display:none">
<label for="directLine">Direct Line:</label>
<input type="text" class="form-control" id="directLine" name="directLine" maxlength="15" required="">
<div class="form-group" id="directNumberInput" style="display:none">
<label for="directNumber">Direct Line:</label>
<input type="text" class="form-control" id="directNumber" name="directNumber" maxlength="15" required="">
</div>
<div class="form-group" id="extensionInput">
<label for="extension">Extension</label>