From bd69ca18887f4f944dcb082619bb7e6bf2329cd5 Mon Sep 17 00:00:00 2001 From: marko Date: Sun, 22 Jul 2018 16:33:01 +0200 Subject: [PATCH] =?UTF-8?q?Wettkampftermine=20als=20Cards;=20sch=C3=B6n=20?= =?UTF-8?q?ist=20etwas=20anderes,=20aber=20zeitgem=C3=A4=C3=9Fer=20sieht?= =?UTF-8?q?=20es=20aus...?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit neue Datei: pandocTemplate/cwsvJudo.html5.pandocTemplate geändert: wkParticipo/index.php geändert: wkParticipo/lib/wkParticipoLib.inc.php geändert: wkParticipo/showWkEvent.php geändert: wkParticipo/wkParticipo.css --- .../cwsvJudo.html5.pandocTemplate | 270 ++++++++++++++++++ .../markdownExperiment/wkParticipo/index.php | 9 +- .../wkParticipo/lib/wkParticipoLib.inc.php | 245 +++++++++------- .../wkParticipo/showWkEvent.php | 2 +- .../wkParticipo/wkParticipo.css | 35 ++- 5 files changed, 439 insertions(+), 122 deletions(-) create mode 100644 homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.html5.pandocTemplate diff --git a/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.html5.pandocTemplate b/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.html5.pandocTemplate new file mode 100644 index 0000000..d975109 --- /dev/null +++ b/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.html5.pandocTemplate @@ -0,0 +1,270 @@ + +$else$ + PHPCount::AddHit("$title$");?> +$endif$ + + + + + +$for(author-meta)$ + +$endfor$ +$if(date-meta)$ + +$endif$ +$if(keywords)$ + +$endif$ +$if(description)$ + +$endif$ +$if(canonicalLink)$ + +$endif$ +$if(ampVersionLink)$ + +$endif$ +$if(phpTitleFunction)$ + <?php $phpTitleFunction$();?> +$else$ + $if(title-prefix)$$title-prefix$ – $endif$$pagetitle$ +$endif$ + +$if(quotes)$ + +$endif$ +$if(highlighting-css)$ + +$endif$ +$for(css)$ + +$endfor$ +$for(extraCss)$ + +$endfor$ +$if(math)$ + $math$ +$endif$ + +$if(jsonSdFiles)$ + +$endif$ +$if(jsLibs)$ + $for(jsLibs)$ + + $endfor$ +$endif$ + + +$for(header-includes)$ + $header-includes$ +$endfor$ + + + +
+ Judo im Chemnitzer WSV - Promo + Judo + + Judo im Chemnitzer WSV - Logo +
+ +$if(mainNav)$ + +$endif$ + +$if(subNav)$ + +$endif$ + +$for(include-before)$ + $include-before$ +$endfor$ +$if(toc)$ + +$endif$ + +
+$body$ +
+ + + + + +$for(include-after)$ +$include-after$ +$endfor$ + + diff --git a/homepage/redesign2018/markdownExperiment/wkParticipo/index.php b/homepage/redesign2018/markdownExperiment/wkParticipo/index.php index e150b21..393bbf6 100644 --- a/homepage/redesign2018/markdownExperiment/wkParticipo/index.php +++ b/homepage/redesign2018/markdownExperiment/wkParticipo/index.php @@ -80,9 +80,9 @@ setlocale (LC_ALL, 'de_DE@euro', 'de_DE', 'de', 'ge');

Eingeschrieben zu kommenden Wettkämpfen:

"UTF-8") ); ?> -

+

"UTF-8") ); if(empty($wkEventData)){ @@ -189,8 +189,9 @@ setlocale (LC_ALL, 'de_DE@euro', 'de_DE', 'de', 'ge');

Anstehende Wettkämpfe

+ Nicht wundern, dass hier eventuell etwas doppelt steht! Ich experimentiere gerade. "UTF-8") ); if( empty($wkEvents) ){ ?> @@ -200,7 +201,7 @@ setlocale (LC_ALL, 'de_DE@euro', 'de_DE', 'de', 'ge'); else{ foreach( $wkEvents as $wk){ //print_r($wk); - $wkEvent = getWkEventData($mysqlConn, $wk['id']); + $wkEvent = getWkEventData($mysqlConn, $wk['id'], array('outCharset'=>"UTF-8")); ?>

"Kämpfer", '2' => "Zuschauer", '3' => "keine Teilnahme" ); @@ -203,8 +202,18 @@ $ret = array(); return $ret; } -function getUserData($anMysqlConn, $anUserId){ - $ret = array(); +function getUserData( $anMysqlConn, $anUserId, $someOptions = array() ){ +// wir befinden uns in der Übergangsphase: +// - als Standard wird das derzeitige Verhalten definiert (ISO-8859-1 +// und die Konvertierung erfolgt ausserhalb) +// - wenn einmal alle mbConvertEncoding weg sind, kann der Standard auf +// das gewünschte Verhalten umgestellt werden +if( empty($someOptions['dbCharset']) ) $someOptions['dbCharset'] = "ISO-8859-1"; +//if( empty($someOptions['outCharset']) ) $someOptions['outCharset'] = "UTF-8";// das spätere, gewünschte Verhalten +if( empty($someOptions['outCharset']) ) $someOptions['outCharset'] = "ISO-8859-1"; + +$ret = array(); + if( (string)(int)$anUserId == $anUserId ){ $query = sprintf( "SELECT * FROM wkParticipo_Users WHERE id='%s';", @@ -214,6 +223,21 @@ function getUserData($anMysqlConn, $anUserId){ if( !$results ) die("ERR: Fehler bei Datenbankabfrage (".$query.")!\n"); $ret = $results->fetch_assoc(); } + +// var_dump($someOptions); +// var_dump($results); +// var_dump($ret); + +// Zeichensatzkonvertierung + array_walk( + $ret, + function (&$value, $key, $someOptions) { + $value = iconv($someOptions['dbCharset'], $someOptions['outCharset'], $value); + }, + $someOptions + ); +// var_dump($ret); + return $ret; } @@ -280,7 +304,11 @@ return $ret; /// Der Rückgabewert sollte vor Verwendung (und zur Fehlerbeheandlung) /// auf NULL und/oder leeres Array getestet werden. /// -function getWkEventData($anMysqlConn, $anEventId){ +function getWkEventData($anMysqlConn, $anEventId, $someOptions = array()){ + +if( empty($someOptions['dbCharset']) ) $someOptions['dbCharset'] = "ISO-8859-1"; +if( empty($someOptions['outCharset']) ) $someOptions['outCharset'] = "UTF-8"; + $ret = array(); if( (string)(int)$anEventId != $anEventId ) return $ret; $anMysqlConn->query("USE cwsvjudo;"); @@ -310,12 +338,15 @@ if( (string)(int)$anEventId != $anEventId ) return $ret; // Bei einem leeren Ergebnis (NULL oder leeres Array) soll ein leeres Array zurückgeliefert werden if( empty($ret) ) return array(); -array_walk( - $ret, - function (&$entry) { - $entry = iconv("ISO-8859-1", "UTF-8", $entry); - } -); +// Zeichensatzkonvertierung + array_walk( + $ret, + function (&$value, $key, $someOptions) { + $value = iconv($someOptions['dbCharset'], $someOptions['outCharset'], $value); + }, + $someOptions + ); + return $ret; } @@ -328,7 +359,17 @@ return $ret; /// Der Rückgabewert sollte vor Verwendung (und zur Fehlerbeheandlung) /// auf NULL und/oder leeres Array getestet werden. /// -function getCommingWkEvents($anMysqlConn){ +function getCommingWkEvents($anMysqlConn, $someOptions=array() ){ + +// wir befinden uns in der Übergangsphase: +// - als Standard wird das derzeitige Verhalten definiert (ISO-8859-1 +// und die Konvertierung erfolgt ausserhalb) +// - wenn einmal alle mbConvertEncoding weg sind, kann der Standard auf +// das gewünschte Verhalten umgestellt werden +if( empty($someOptions['dbCharset']) ) $someOptions['dbCharset'] = "ISO-8859-1"; +//if( empty($someOptions['outCharset']) ) $someOptions['outCharset'] = "UTF-8";// das spätere, gewünschte Verhalten +if( empty($someOptions['outCharset']) ) $someOptions['outCharset'] = "ISO-8859-1"; + $ret = array(); $anMysqlConn->query("USE cwsvjudo;"); $query = sprintf( @@ -364,13 +405,14 @@ $ret = array(); while( $result = $results->fetch_assoc() ){ array_walk( $result, - function (&$entry) { - $entry = iconv("ISO-8859-1", "UTF-8", $entry); - } + function (&$value, $key, $someOptions) { + $value = iconv($someOptions['dbCharset'], $someOptions['outCharset'], $value); + }, + $someOptions ); array_push( $ret, $result); } -//echo("Results: "); print_r($ret); + return $ret; } @@ -557,9 +599,9 @@ function getUsersCommingWkEvents($anMysqlConn, $anUserId, $someOptions=array() ) // und die Konvertierung erfolgt ausserhalb) // - wenn einmal alle mbConvertEncoding weg sind, kann der Standard auf // das gewünschte Verhalten umgestellt werden -if( empty($optionsArray['dbCharset']) ) $optionsArray['dbCharset'] = "ISO-8859-1"; -//if( empty($optionsArray['outCharset']) ) $optionsArray['outCharset'] = "UTF-8";// das spätere, gewünschte Verhalten -if( empty($optionsArray['outCharset']) ) $optionsArray['outCharset'] = "ISO-8859-1"; +if( empty($someOptions['dbCharset']) ) $someOptions['dbCharset'] = "ISO-8859-1"; +//if( empty($someOptions['outCharset']) ) $someOptions['outCharset'] = "UTF-8";// das spätere, gewünschte Verhalten +if( empty($someOptions['outCharset']) ) $someOptions['outCharset'] = "ISO-8859-1"; $ret = array(); $anMysqlConn->query("USE cwsvjudo;"); @@ -594,10 +636,10 @@ $ret = array(); foreach($ret as &$entry){ array_walk( $entry, - function (&$value, $key, $optionsArray) { - $value = iconv($optionsArray['dbCharset'], $optionsArray['outCharset'], $value); + function (&$value, $key, $someOptions) { + $value = iconv($someOptions['dbCharset'], $someOptions['outCharset'], $value); }, - $optionsArray + $someOptions ); } @@ -1157,101 +1199,82 @@ return $url; /// Erzeugen des htmlCodes der Infobox für ein wkEvent function htmlWkEvent($aWkEvent, $starters, $fahrten){ +//var_dump($aWkEvent, $starters, $fahrten); + $retHtml = ""; - $retHtml .= "
". $aWkEvent['Veranstaltung'] ."
"; - $retHtml .= "
Wettkampfdaten
    "; - $retHtml .= "
  • Datum: "; - if( empty($aWkEvent['Datum']) ){ - $retHtml .= "fehlendes Datum"; - } - else{ - $retHtml .= " In Google Calendar eintragen"; - } - $retHtml .= "
    • "; - $retHtml .= "
  • Einschreibefrist: "; - if( empty($aWkEvent['meldefrist']) ){ - $retHtml .= "fehlende Einschreibefrist"; - } - else{ - $retHtml .= " In Google Calendar eintragen"; - } - $retHtml .= "
    • "; - $retHtml .= "
  • Wettkampf: "; - if( empty($aWkEvent['Veranstaltung']) ){ - $retHtml .= "fehlender Wettkampfname"; - } - else{ - $retHtml .= $aWkEvent['Veranstaltung']; - } - $retHtml .= "
    • "; - $retHtml .= "
  • Altersklassen: "; - if( empty( $aWkEvent['Altersklassen'] ) ){ - $retHtml .= "fehlende Altersklassen"; - } - else{ - $retHtml .= $aWkEvent['Altersklassen']; - } - $retHtml .= "
    • "; + if( empty($aWkEvent['Datum']) ) + $aWkEvent['Datum'] = "0000-00-00"; + $anzPlätze = 0; + foreach($fahrten as $fahrt) + $anzPlätze += $fahrt['plaetze']; - if( !empty($_SESSION['login']) ){ - // $starters = getStarterForEvent($mysqlConn, $aWkEvent['id']); - $retHtml .= "
  • angemeldete Starter: "; - if( empty($starters) ){ - $retHtml .= "Noch hat sich niemand für diesen Wettkampf gemeldet!"; - } - else{ - $retHtml .= count($starters); - } - $retHtml .= "
    • "; - - // $fahrten = getFahrtenForEvent($mysqlConn, $aWkEvent['id']); - $anzPlätze = 0; - foreach($fahrten as $fahrt) - $anzPlätze += $fahrt['plaetze']; - $retHtml .= "Anzahl Plätze: " . $anzPlätze . ""; - - if( !empty( $aWkEvent['bemerkungen'] ) ){ - $retHtml .= "
  • Bemerkungen: " . $aWkEvent['bemerkungen'] . "
    • "; - } - } + $retHtml = + "
    ". + "". - $retHtml .= "
"; + "
". + "
". + "

".$aWkEvent['Veranstaltung']."

". + "
    ". + "
  • Altersklassen: ".$aWkEvent['Altersklassen']."
    • ". + "
  • Einschreibefrist: ".( + empty($aWkEvent['meldefrist'])? + "fehlende Einschreibefrist" + :"". + "
    ". + "In Google Calendar übernehmen". + "
    " + )."
    • ". + (!empty($_SESSION['login'])? + "
  • angemeldete Starter: ".( + empty($starters)? + "Noch hat sich niemand für diesen Wettkampf gemeldet!": + count($starters) + )."
    • " + :""). + (empty($_SESSION['login'])? + "Ein Einschreiben ist nur eingeloggt möglich!" + :"
    ". + "". + ( date("Y-m-d") > $aWkEvent['meldefrist']? + "". + "

    Frist für das Einschreiben verpasst? Für ein nachträgliches Einschreiben mit dem Admin verständigen (Email an cwsvjudo@arcor.de).

    " + :"" + ). + "
    " + ). + "Anzahl Plätze: " . $anzPlätze . "". + (empty($_SESSION['login'])? + "Das Anbieten von Mitfahrgelegenheiten ist nur eingeloggt möglich!" + :"
    ". + "". + ($aWkEvent['Datum'] > date("Y-m-d")? + "" + :"" + ). + "
    " + ). + ( !empty( $aWkEvent['bemerkungen'] )? + "
  • Bemerkungen: " . $aWkEvent['bemerkungen'] . "
    • " + :""). + "
". + "
". - $retHtml .= ""; - - $retHtml .= "
"; - if (empty($_SESSION['login'])){ - $retHtml .= "Ein Einschreiben ist nur eingeloggt möglich!"; - } - else{ - $retHtml .= "Für diesen Wettkampf ..."; - $retHtml .= "
"; - $retHtml .= ""; - if( date("Y-m-d") > $aWkEvent['meldefrist'] ){ - $retHtml .= ""; - $retHtml .= "

Frist für das Einschreiben verpasst? Für ein nachträgliches Eintragen mit dem Admin verständigen (Email an cwsvjudo@arcor.de).

"; - } - else{ - $retHtml .= ""; - } - $retHtml .= "
"; - $retHtml .= "
"; - $retHtml .= ""; - - if($aWkEvent['Datum'] > date("Y-m-d")){ - $retHtml .= ""; - } - else{ - $retHtml .= ""; - } - $retHtml .= "
"; - } - $retHtml .= "
"; + "
". + "Detailansicht". + "Termin als iCal". + "In den Google Calendar". + "
". + "". + ""; return $retHtml; } diff --git a/homepage/redesign2018/markdownExperiment/wkParticipo/showWkEvent.php b/homepage/redesign2018/markdownExperiment/wkParticipo/showWkEvent.php index 46d7653..1557d9e 100644 --- a/homepage/redesign2018/markdownExperiment/wkParticipo/showWkEvent.php +++ b/homepage/redesign2018/markdownExperiment/wkParticipo/showWkEvent.php @@ -229,7 +229,7 @@ diff --git a/homepage/redesign2018/markdownExperiment/wkParticipo/wkParticipo.css b/homepage/redesign2018/markdownExperiment/wkParticipo/wkParticipo.css index ff30756..c7bb573 100644 --- a/homepage/redesign2018/markdownExperiment/wkParticipo/wkParticipo.css +++ b/homepage/redesign2018/markdownExperiment/wkParticipo/wkParticipo.css @@ -17,25 +17,29 @@ } .wkInfoCardDate{ - align-items: center; - color: #291670; display: flex; flex-direction: column; - justify-content: center; + align-items: center; + color: #291670; padding: 0rem 0.5rem 0rem 0rem; width: 6rem; } +@media (min-width: 640px){ + .wkInfoCardDate{ + justify-content: center; + } +} .wkInfoCardDateDay{ - font-size: 1.75rem; + font-size: 1.75rem; } .wkInfoCardDateWeekday{ - font-size: 1.15rem; + font-size: 1.15rem; } .wkInfoCardDateMonth{ - font-size: 1.15rem; + font-size: 1.15rem; } .wkInfoCardWkData{ @@ -55,6 +59,18 @@ flex-grow: 1; } +.wkInfoCardWkInfo ul{ + padding: 0; + list-style-type: none; +} + +@media (min-width: 640px){ + .wkInfoCardWkInfo ul{ + padding: initial; + list-style-type: initial; + } +} + .wkInfoCardButtonBar{ align-items: center; display: flex; @@ -88,6 +104,13 @@ font-weight: lighter; } +.flexFlowRow{ + flex-flow: row; +} + +.justifyContentFlexStart{ + justify-content: flex-start; +} .card__icon {