Tabelle auf 10% von links, Besucherzahl auch bei schmalen Display dazu
This commit is contained in:
@@ -33,7 +33,7 @@ h5 {
|
|||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
border: 1px solid #aaa;
|
border: 1px solid #aaa;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
width: 55%;
|
width: 65%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
@@ -67,6 +67,7 @@ h5 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#tabAnmeld, #tnames {
|
#tabAnmeld, #tnames {
|
||||||
|
margin-left: 10%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -391,17 +391,20 @@ Beobachtergruppe Sternwarte Welzheim`,
|
|||||||
const count = await fetchFromDbase({cmd: 'GET_COUNTS', fdate: d.datum});
|
const count = await fetchFromDbase({cmd: 'GET_COUNTS', fdate: d.datum});
|
||||||
const isFuehrung = (count && count > 0) ? '' : 'disabled';
|
const isFuehrung = (count && count > 0) ? '' : 'disabled';
|
||||||
let datstr
|
let datstr
|
||||||
|
let grpstr
|
||||||
if (query.typ == 'regular') {
|
if (query.typ == 'regular') {
|
||||||
datstr = bauDate(d.wtag, d.datum, d.uhrzeit)
|
datstr = bauDate(d.wtag, d.datum, d.uhrzeit)
|
||||||
|
grpstr = `(${d.grp})`
|
||||||
} else {
|
} else {
|
||||||
datstr = bauDate('So', d.datum, '11')
|
datstr = bauDate('So', d.datum, '11')
|
||||||
|
grpstr = " "
|
||||||
}
|
}
|
||||||
if (isSmallScreen) {
|
if (isSmallScreen) {
|
||||||
select += `
|
select += `
|
||||||
<option value="${d.datum}" ${isselected} ${isFuehrung}> ${datstr} </option>`;
|
<option value="${d.datum}" ${isselected} ${isFuehrung}> ${datstr} ${count || 0}B</option>`;
|
||||||
} else {
|
} else {
|
||||||
select += `
|
select += `
|
||||||
<option value="${d.datum}" ${isselected} ${isFuehrung}> ${datstr} (${d.grp}) ${count || 0} Besucher</option>`;
|
<option value="${d.datum}" ${isselected} ${isFuehrung}> ${datstr} ${grpstr} ${count || 0} Besucher</option>`;
|
||||||
}
|
}
|
||||||
i++;
|
i++;
|
||||||
summ += count ? parseInt(count) : 0;
|
summ += count ? parseInt(count) : 0;
|
||||||
@@ -423,6 +426,7 @@ Beobachtergruppe Sternwarte Welzheim`,
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function main(n) {
|
async function main(n) {
|
||||||
|
let index = 0
|
||||||
const today = moment().subtract(14, 'days').format("YYYYMMDD");
|
const today = moment().subtract(14, 'days').format("YYYYMMDD");
|
||||||
const dates = await fetchFromDbase({cmd:'GET_DATES', anzahl:n, date: today});
|
const dates = await fetchFromDbase({cmd:'GET_DATES', anzahl:n, date: today});
|
||||||
const last = await fetchFromDbase({cmd:'GET_LASTANMELDUNG', date: today});
|
const last = await fetchFromDbase({cmd:'GET_LASTANMELDUNG', date: today});
|
||||||
@@ -430,13 +434,14 @@ Beobachtergruppe Sternwarte Welzheim`,
|
|||||||
let mq = window.matchMedia('(max-width: 800px)');
|
let mq = window.matchMedia('(max-width: 800px)');
|
||||||
isSmallScreen = mq.matches
|
isSmallScreen = mq.matches
|
||||||
switchText();
|
switchText();
|
||||||
mq.addEventListener('change', (e) => {
|
mq.addEventListener('change', async (e) => {
|
||||||
isSmallScreen = e.matches
|
isSmallScreen = e.matches
|
||||||
switchText();
|
switchText();
|
||||||
|
await buildFuehrungsDates(dates, last);
|
||||||
showAktAnmeldungen(actualdate);
|
showAktAnmeldungen(actualdate);
|
||||||
});
|
});
|
||||||
|
|
||||||
const index = await buildFuehrungsDates(dates, last);
|
index = await buildFuehrungsDates(dates, last);
|
||||||
|
|
||||||
await showAktAnmeldungen(dates[index].datum);
|
await showAktAnmeldungen(dates[index].datum);
|
||||||
if (query.name !== 'Null') {
|
if (query.name !== 'Null') {
|
||||||
|
|||||||
Reference in New Issue
Block a user