Event-Kalender mit SQLite

[Tommy Herrmann]

... habe Deine überarbeitete Version vom 31.01.2022 am Server:

https://www.mobirise-tutorials.com/Even ... er-SQLite/

Hast wohl eine Allergie gegen das Wort "Pop-up" entwickelt

[Werner-Zenk.de]

Ja
Keine Ahnung wie ich das Ding nennen soll

Hier mal zum Lesen: https://www.golem.de/news/landgericht-m ... 62826.html

[Tommy Herrmann]

Na ja - was das Gericht da fordert ist ja praktisch nicht durchführbar

Die Verwendung von Google-Fonts sollte aber auch in der Datenschutzerklärung stehen.

Was für ein Schwachsinn - man kann ja nicht Google als die bedeutendste Plattform des Internets gänzlich ausschließen.

https://dr-dsgvo.de/wichtige-urteile-zur-dsgvo/

Zehntausende von Webseiten verwenden Google-Fonts, wie auch z.B. die meist verwendete Software "WordPress". Ganz sicher findet man darunter auch etliche staatliche Seiten.

[Werner-Zenk.de]

Man muss die Sachen nur auf seinem eigenen Server hosten, das gilt nicht nur für Google-Fonts, auch für jQuery und andere Skripte die direkt eingebunden werden. Ich habe das sowieso nicht verstanden, warum man solche Dinge direkt einbindet, weil es einfacher ist...

Es gibt da aber zahlreiche Websites, die das gemacht haben, aus Unkenntnis. Bekommen die dann Post von einem Anwalt, weil diese ein neues Geschäftsmodell wittern?

Ja, früher war vieles besser, heutzutage gehts nur ums Geschäft.

[Werner-Zenk.de]

Event-Kalender neue Version mit kleineren Anpassungen:
Hellblaue Titelleiste, diese hebt sich besser vom Hintergrund ab.
Das Icon wurde als Base64-Code in der CSS-Datei eingebunden.
Andere Symbole für Monat und Jahr.

Wenn zuvor die beiden Checkboxen "Event löschen" und "Event kopieren" ausgewählt wurden, so wurde der Event gelöscht, jetzt wird der Event nur kopiert (dient gegen versehentliches löschen).

[Tommy Herrmann]

Hallo Werner,

vielen Dank - das Teil wird immer perfekter

Habe es eben angepasst:

https://www.mobirise-tutorials.com/Even ... er-SQLite/

Neue Screenshots erstelle ich vielleicht morgen, bekomme noch Besuch und bin am Kochen

[Werner-Zenk.de]

Es gibt da eine neue Version (von heute)
Der ausgewählte Event wird im Kalender hervorgehoben.

[Tommy Herrmann]

super

[Werner-Zenk.de]

Ich hatte mal geschrieben, dass ich keine weiteren Formularfelder mehr hinzufügen würde, das war leider falsch
Hinzugefügt wurde eine Checkbox, damit man Events nicht öffentlich anzeigen lassen kann, also nur nach einer Anmeldung. Ich denke das, dies eine sinnvolle Option ist!

Allerdings muss da die Tabelle geändert werden, weil die Spalte "privat" hinzugekommen ist.
Mache zuerst eine Sicherung der "datenbank.db"-Datei.
Mit dem Programm "DB Browser for SQLite" funktioniert das so:

[Tommy Herrmann]

Hallo Werner,

ist das schon im Download? Wahrscheinlich ja ...

Ich kann erst morgen gucken - danke für die Instruktionen

Letztes Mal hatte ich einfach die Datenbank als CSV-Datei exportiert. Die neue Datenbank verwendet und dann meine exportierte CSV-Datei wieder importiert. Ist das eigentlich auch ein korrekter Weg?

Natürlich werde ich Deinen Anweisungen folgen und die Spalte händisch erstellen, ich wollte es nur von Dir gerne wissen.

[Werner-Zenk.de]

Letztes Mal hatte ich einfach die Datenbank als CSV-Datei exportiert. Die neue Datenbank verwendet und dann meine exportierte CSV-Datei wieder importiert. Ist das eigentlich auch ein korrekter Weg?

Ja, das funktioniert bei Sqlite, solange nichts an der DB-Tabelle verändert, wurde.
Bei MySQL würde ich dies aber nicht empfehlen.

[Tommy Herrmann]

Danke Dir - alles klar.

Mal gucken, vielleicht kann ich das noch heute machen.

Ich suche gerade mal neue Bilder und will dem Kalender die Bilder beispielhaft verpassen.

[Tommy Herrmann]

... hmm

... was mache ich falsch - ich muss jeden Eintrag einzeln auf "0" setzen ???

[Tommy Herrmann]

... also das ging recht schmerzlos

Habe nun die neueste Version - mit "privaten Events", die nur der Administrator selbst sehen kann, wenn er sich eingeloggt - hinzugefügt und auch beispielhaft die Monatsbilder.

... was kann man sagen - einfach genial

https://www.mobirise-tutorials.com/Even ... er-SQLite/



Wie bedient man eigentlich diese neuen unterstrichenen Anfangsbuchstaben wie bei "Anzeigen"

P.S.:

... übrigens - die hervorgehobenen gewählten Events sind wieder weg - soll das so sein?

[Werner-Zenk.de]

Der hervorgehobene Event sieht jetzt anders aus, konnte mich gestern nicht so richtig entscheiden was ich da zur Markierung nehme

Wie bedient man eigentlich diese neuen unterstrichenen Anfangsbuchstaben wie bei "Anzeigen"

Beim Firefox verwendet man die Taste: ALT + A (kleines a), damit kann man ein Formularelement fokussieren oder auswählen ähnlich wie bei der Tabulatortaste. Bei Chromium ist das nicht so schön gelöst: ALT+UMSCHALT+A teilweise auch ALT + A, wenn eine andere Browserfunktion damit belegt ist.

Im Formularelement muss dann das Attribut (z.b.) accesskey="a" definiert sein.

Dein Kalender sieht schön aus mit den Bildern

[Tommy Herrmann]

... ach Du meine Güte - das mit der neuen Hervorhebung habe ich komplett übersehen

Was aber noch ganz dringend fehlt ist das Ausschalten der Monatsbilder am Handy (das sieht sonst grottenschrecklich aus). Ich habe das jetzt in der Datei:

style.css

von Dir so mit einer @media Anweisung hinzugefügt:

Code: Alles auswählen

/* Monatsbilder */
div#monatsbild {
  height: 175px;
  background-size: Cover;
  /* Edit Tommy
  /* box-shadow: inset 0px 0px 15px 0px #fff; */
  border-left: Solid 1px #bbbbbb;
  border-right: Solid 1px #bbbbbb;
  border-radius: 20px 20px 0px 0px;
}
@media (max-width: 991px) {
  div#monatsbild {
    display: none;
  }
}

[Tommy Herrmann]

Moin Werner,

also das mit den unterstrichenen Anfangsbuchstaben funktioniert hier nicht - mit keinem Buchstaben.

Wenn ich z.B. eingebe:

Alt + a

... öffnet sich im Firefox die dort bereits definierte Regel in der Menüleiste "Ansicht".

[Werner-Zenk.de]

Also ich kann mich nicht beklagen, die Monatsbilder bei mir auf dem Handy sehen so aus wie erwartet:

[Tommy Herrmann]

Moin,

na ja - am Ende ist so etwas natürlich auch Geschmackssache, die ja jeder selbst entscheiden kann.

Bei meinen Bildern, sah das teilweise schrecklich aus.

So sieht mein Bild im Mai z.B. am Desktop aus:

So ähnlich sieht es dann am Handy aus. Durch das schmale Format und Cover wird eine unglückliche Stelle gewählt. Es bleibt dann also reiner Zufall was da angezeigt wird. Daher habe ich die Bilder am kleinen Display ausgeblendet.

Das ist auch nicht gerade der "goldene Schnitt", wenn das Kopfbild des Kalenders fast 75% so hoch wie der Kalender selbst ist.

Mit einem zentrierten Bild wäre das wahrscheinlich besser:

Code: Alles auswählen

/* Monatsbilder */
div#monatsbild {
  height: 175px;
  background-size: cover;
  /* Edit Tommy - Bilder zentrieren */
  background-repeat: no-repeat;
  background-position: 50% 50%;
  /* Edit Tommy - entfernt: box-shadow: inset 0px 0px 15px 0px #fff; */
  border-left: Solid 1px #bbbbbb;
  border-right: Solid 1px #bbbbbb;
  border-radius: 20px 20px 0px 0px;
}

... zumindest sehen meine Bilder damit akzeptabel aus. Hier das gleiche Bild im Mai:

Ich habe jetzt in der Media-Anweisung eine Höhe von 80 (anstatt 175) Pixeln eingetragen.

[Werner-Zenk.de]

Das wäre auch meine Lösung gewesen: background-position: Center Center;
Meistens ist das aufgenommene Objekt auch in der Bildmitte.