zotan/oeffisearch
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fixes

Browse source
This commit is contained in:
Leah 2020-06-13 06:09:36 +00:00
parent dd26945084
commit 18f5e4dd94
4 changed files with 22 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/js/app_functions.js
View file

@ -172,7 +172,7 @@ export const restoreDataStorage = () => {
if (data !== null) { if (data !== null) {
let dataStorage = JSON.parse(data); let dataStorage = JSON.parse(data);
if (dataStorage.dbVer < 0.5) { if (dataStorage.dbVer < 0.6) {
showModal('Lokale Datenbank veraltet - Datenbank wird neu erstellt.'); showModal('Lokale Datenbank veraltet - Datenbank wird neu erstellt.');
if (devMode !== true) { if (devMode !== true) {
localStorage.removeItem('dataStorage'); localStorage.removeItem('dataStorage');

4
client/js/journeysView.js
View file

@ -123,7 +123,3 @@ export const moreJourneys = async (reqId, mode) => {
addCache('journeys', data); addCache('journeys', data);
journeysView([reqId]); journeysView([reqId]);
}; };
export const reloadJourneys = async (requestId) => {
showAlertModal("not implemented yet");
};

7
client/js/searchView.js
View file

@ -106,7 +106,7 @@ const searchTemplate = (journeysHistory) => html`
<label class="icon-weelchair" for="accessibilityComplete" title="{{LABEL_ACCESSIBILITY_FULL}}">{{LABEL_ACCESSIBILITY_FULL}}<br></label> <label class="icon-weelchair" for="accessibilityComplete" title="{{LABEL_ACCESSIBILITY_FULL}}">{{LABEL_ACCESSIBILITY_FULL}}<br></label>
</div> </div>
<div class="selector" > <div class="selector">
<div class="btn icon-swap" title="${t('swap')}" @click=${swapFromTo}></div> <div class="btn icon-swap" title="${t('swap')}" @click=${swapFromTo}></div>
<div class="btn icon-settings" title="${t('settings')}" @click=${showSettings}></div> <div class="btn icon-settings" title="${t('settings')}" @click=${showSettings}></div>
</div> </div>
@ -120,7 +120,7 @@ const searchTemplate = (journeysHistory) => html`
${journeysHistory.length ? html` ${journeysHistory.length ? html`
<input type="checkbox" id="btn-history" class="btn history hidden"> <input type="checkbox" id="btn-history" class="btn history hidden">
<label for="btn-history" class="icon-arrow2"></label> <label for="btn-history" class="loadMore icon-arrow2"></label>
${journeysHistoryTemplate(journeysHistory)} ${journeysHistoryTemplate(journeysHistory)}
` : ''} ` : ''}
@ -427,13 +427,12 @@ const onKeydown = (e) => {
if (which == 13) { // enter if (which == 13) { // enter
if (!ElementById('selected')) { if (!ElementById('selected')) {
document.querySelector(`#${e.target.id}Suggestions>.suggestionsbox>:first-child`).click(); document.querySelector(`#${e.target.id}Suggestions>.suggestionsbox>:first-child`).click();
if (e.target.id === 'to') ElementById('go').click();
} else { } else {
let elem = ElementById('selected') let elem = ElementById('selected')
elem.id = ''; elem.id = '';
elem.click(); elem.click();
} }
if (e.target.id === 'to') ElementById('go').click();
return false; return false;
} }

55
client/style.css
View file

@ -6,7 +6,6 @@ font-face {
font-style: normal; font-style: normal;
} }
* { * {
box-sizing: border-box; box-sizing: border-box;
border-collapse: collapse; border-collapse: collapse;
@ -85,22 +84,6 @@ header {
100% { transform: rotate(360deg); } 100% { transform: rotate(360deg); }
} }
label[for=btn-history] {
cursor: pointer;
border-radius: 100%;
height: 48px;
width: 48px;
background-color: #eee;
margin: .5em auto;
transition: box-shadow 150ms;
border: 1px solid rgba(0, 0, 0, .1);
user-select: none;
}
:checked ~ label[for=btn-history] {
transform: rotate(180deg);
}
.loadMore { .loadMore {
cursor: pointer; cursor: pointer;
border-radius: 100%; border-radius: 100%;
@ -122,6 +105,10 @@ label[for=btn-history] {
margin-top: 15px; margin-top: 15px;
} }
:checked ~ label[for=btn-history] {
transform: rotate(180deg);
}
table { table {
border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3);
width: 100%; width: 100%;
@ -427,16 +414,14 @@ tbody tr:hover td {
margin: .7em .3em .5em .3em; margin: .7em .3em .5em .3em;
} }
@supports (display: flex) { .search>.title>.logo {
.search>.title>.logo { box-shadow: 0 .1em .2em rgba(0, 0, 0, .5);
box-shadow: 0 .1em .2em rgba(0, 0, 0, .5); background-color: #7171e5;
background-color: #7171e5; border-radius: 15%;
border-radius: 15%; width: 50px;
width: 50px; height: 50px;
height: 50px; margin: 0;
margin: 0; padding: 5px 5px 2px 6px;
padding: 5px 5px 2px 6px;
}
} }
.search .btn.go { .search .btn.go {
@ -631,14 +616,12 @@ tbody tr:hover td {
} }
} }
@supports (display: flex) { .hidden {
.hidden { display: none !important;
display: none !important; }
}
label[for=from], label[for=to], label[for=isarr], label[for="date"], label[for=time] { label[for=from], label[for=to], label[for=isarr], label[for="date"], label[for=time] {
display: none; display: none;
}
} }
#overlay { #overlay {
@ -671,7 +654,6 @@ tbody tr:hover td {
border-radius: 4px; border-radius: 4px;
background-color: white; background-color: white;
width: fit-content; width: fit-content;
width: -moz-fit-content;
padding: 15px; padding: 15px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .6); box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
} }
@ -682,7 +664,6 @@ tbody tr:hover td {
background-color: rgba(20, 30, 255, .7); background-color: rgba(20, 30, 255, .7);
color: white; color: white;
width: fit-content; width: fit-content;
width: -moz-fit-content;
padding: 8px 20px; padding: 8px 20px;
margin-left: auto; margin-left: auto;
margin-top: 10px; margin-top: 10px;
@ -802,7 +783,7 @@ form>div.history {
} }
.station-column { .station-column {
style="width: 60%;" width: 60%;
} }
.modal { .modal {