adrien/lanScan
adrien/lanScan
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

input with checkbox

Browse Source
This commit is contained in:
Adrien MALINGREY 2024-10-08 12:21:55 +02:00
parent 20e6b22d0d
commit 4e9dd60477
1 changed files with 39 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
scan-options.php
View File

@ -36,30 +36,43 @@
<div class="required field"> <div class="required field">
<label for="targetsInput">Cibles</label> <label for="targetsInput">Cibles</label>
<input id="targetsInput" type="text" name="targets" placeholder="Cibles" required="" <input id="targetsInput" type="text" name="targets" placeholder="Cibles" required=""
pattern="[a-zA-Z0-9._\/ \-]+" value="<?= htmlspecialchars($targets); ?>" list="targetsList" title="Les cibles peuvent être spécifiées par des noms d'hôtes, des adresses IP, des adresses de réseaux, etc. pattern="[a-zA-Z0-9._\/ \-]+" value="<?= htmlspecialchars($targets); ?>" list="targetsList"
title="Les cibles peuvent être spécifiées par des noms d'hôtes, des adresses IP, des adresses de réseaux, etc.
Exemples: <?=$_SERVER['REMOTE_ADDR']; ?>/24 <?=$_SERVER['SERVER_NAME']; ?>" /> Exemples: <?=$_SERVER['REMOTE_ADDR']; ?>/24 <?=$_SERVER['SERVER_NAME']; ?>" />
</div> </div>
<fieldset class="ui segment"> <fieldset class="ui segment">
<h3 class="ui header">Découverte des hôtes</h3> <h3 class="header">Découverte des hôtes</h3>
<div class="inline field"> <div class="inline field">
<div class="ui checkbox"> <div class="ui checkbox">
<input type="checkbox" id="PnInput" name="Pn"/> <input type="checkbox" id="PnCheckbox" name="Pn"/>
<label for="PnInput">Tous les hôtes</label> <label for="PnCheckbox">Tous les hôtes</label>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<label>Ping TCP SYN</label> <label>
<input type="text" id="PSInput" name="PS" placeholder="Ports" list="servicesList" pattern="([0-9\-]+|[a-z\-]+)(,[0-9\-]+|,[a-z\-]+)*" <div class="ui checkbox">
<input type="checkbox" id="PSCheckbox" onchange="PSInput.disabled = !this.checked"/>
<label for="PSCheckbox">Ping TCP SYN</label>
</div>
</label>
<input type="text" id="PSInput" name="PS" placeholder="Ports" list="servicesList" disabled
pattern="([0-9\-]+|[a-z\-]+)(,[0-9\-]+|,[a-z\-]+)*"
title="Liste de ports ex: 22,23,25,80,113,1050,35000"> title="Liste de ports ex: 22,23,25,80,113,1050,35000">
</div> </div>
</fieldset> </fieldset>
<fieldset class="ui segment"> <fieldset class="ui segment">
<h3 class="ui header">Techniques de scan</h3> <h3 class="header">Techniques de scan</h3>
<div class="field"> <div class="field">
<label>Ne scanner que les ports</label> <label>
<input type="text" id="pInput" name="p" placeholder="Ports" list="servicesList" pattern="(([TU]:)?[0-9\-]+|[a-z\-]+)(,([TU]:)?[0-9\-]+|,[a-z\-]+)*" <div class="ui checkbox">
<input type="checkbox" id="pCheckbox" onchange="pInput.disabled = !this.checked"/>
<label for="pCheckbox">Ne scanner que les ports</label>
</div>
</label>
<input type="text" id="pInput" name="p" placeholder="Ports" list="servicesList" disabled
pattern="(([TU]:)?[0-9\-]+|[a-z\-]+)(,([TU]:)?[0-9\-]+|,[a-z\-]+)*"
title="Liste de ports ex: ssh,ftp,U:53,111,137,T:21-25,80,139,8080"> title="Liste de ports ex: ssh,ftp,U:53,111,137,T:21-25,80,139,8080">
</div> </div>
</fieldset> </fieldset>
@ -89,31 +102,36 @@ foreach ($services as $name => $port) {
</datalist> </datalist>
</main> </main>
<script> <script>
const hostPattern = /^[a-zA-Z\d._\/\-]+$/
const portPattern = /^([\d-]+|[a-z\-]+)$/
const protocolePortPattern = /^(([TU]:)?[\d\-]+|[a-z\-]+)$/
const targetsWhitelist = Array.from(targetsList.options).map(option => option.value) const targetsWhitelist = Array.from(targetsList.options).map(option => option.value)
const servicesWhitelist = Array.from(servicesList.options).map(option => option.value) const servicesWhitelist = Array.from(servicesList.options).map(option => option.value)
new Tagify(targetsInput, { var targetsTagify = new Tagify(targetsInput, {
validate: (data) => hostPattern.test(data.value), delimiters: " |,",
delimiters: " ",
originalInputValueFormat: tags => tags.map(tag => tag.value).join(' '), originalInputValueFormat: tags => tags.map(tag => tag.value).join(' '),
whitelist: targetsWhitelist, whitelist: targetsWhitelist,
}) })
new Tagify(PSInput, { var PSTagify = new Tagify(PSInput, {
validate: (data) => portPattern.test(data.value), delimiters: " |,",
originalInputValueFormat: tags => tags.map(tag => tag.value).join(','), originalInputValueFormat: tags => tags.map(tag => tag.value).join(','),
whitelist: servicesWhitelist, whitelist: servicesWhitelist,
}) })
PSCheckbox.onchange = () => {
PSInput.disabled = !PSCheckbox.checked
PSTagify.setDisabled(!PSCheckbox.checked)
}
PSCheckbox.onchange()
new Tagify(pInput, { var pTagify = new Tagify(pInput, {
validate: (data) => protocolePortPattern.test(data.value), delimiters: " |,",
originalInputValueFormat: tags => tags.map(tag => tag.value).join(','), originalInputValueFormat: tags => tags.map(tag => tag.value).join(','),
whitelist: servicesWhitelist, whitelist: servicesWhitelist,
}) })
pCheckbox.onchange = () => {
pInput.disabled = !pCheckbox.checked
pTagify.setDisabled(!pCheckbox.checked)
}
pCheckbox.onchange()
newScanForm.onsubmit = function (event) { newScanForm.onsubmit = function (event) {
if (this.checkValidity()) { if (this.checkValidity()) {
@ -127,4 +145,4 @@ foreach ($services as $name => $port) {
</script> </script>
</body> </body>
</html> </html>