Implemented Search LSK on train search page

This commit is contained in:
Kenneth Bruen 2022-07-13 01:11:33 +03:00
parent e50c604a80
commit 49df00f879
Signed by: kbruen
GPG key ID: C1980A470C3EE5B1
2 changed files with 19 additions and 0 deletions

View file

@ -24,7 +24,9 @@
</div>
<footer>
<div class="lsk"></div>
<div class="csk">Search</div>
<div class="rsk"></div>
</footer>
</body>
</html>

View file

@ -78,15 +78,21 @@ function rebuildSuggestions() {
}, 500)
}
function lsk() {
document.getElementById('trainNumber').focus()
}
window.addEventListener('load', function (e) {
var trainNumber = document.getElementById('trainNumber')
trainNumber.addEventListener('input', function (e) {
rebuildSuggestions()
})
trainNumber.addEventListener('focus', function (e) {
document.getElementsByClassName('lsk')[0].textContent = ''
document.getElementsByClassName('csk')[0].textContent = 'Search'
})
trainNumber.addEventListener('blur', function (e) {
document.getElementsByClassName('lsk')[0].textContent = 'Search'
document.getElementsByClassName('csk')[0].textContent = 'Select'
})
trainNumber.addEventListener('keypress', function (e) {
@ -95,6 +101,17 @@ window.addEventListener('load', function (e) {
}
})
document.querySelectorAll('.lsk').forEach(function (lskElem) {
lskElem.addEventListener('click', function (e) {
lsk()
})
})
document.body.addEventListener('keydown', function (e) {
if (e.key == 'SoftLeft') {
lsk()
}
})
fetch('https://scraper.infotren.dcdev.ro/v2/trains')
.then(function (response) {
return response.json()