diff --git a/bulitipp/buli-punkte.php b/bulitipp/buli-punkte.php new file mode 100755 index 0000000..12cc98f --- /dev/null +++ b/bulitipp/buli-punkte.php @@ -0,0 +1,16 @@ + + $value) { + $id = $value[0]; + $score1 = $value[1]; + $score2 = $value[2]; + $tipp = getTipp($name, $spieltag, $id); + $paarungQuery = srowforeach("SELECT heim, gast from `buli-paarungen` where id=?;", [$id])[0]; + $heim = $paarungQuery[0]; + $gast = $paarungQuery[1]; + $punkte = ps($name, $spieltag, $id); + $result[]=["id"=>$id,"result"=>[$score1,$score2],"tipp"=>$tipp,"heim"=>$heim,"gast"=>$gast,"punkte"=>$punkte]; +} + +echo json_encode($result, JSON_UNESCAPED_SLASHES|JSON_UNESCAPED_UNICODE); diff --git a/bulitipp/bulitipp2.css b/bulitipp/bulitipp2.css new file mode 100755 index 0000000..31c5a5e --- /dev/null +++ b/bulitipp/bulitipp2.css @@ -0,0 +1,350 @@ +.buli-container { + width: 100%; /* Passe die Breite an deine Bedürfnisse an */ + margin: 0 auto; /* Zentriert den Container */ + padding: 20px; + + } + + form { + display: flex; + flex-direction: column; + } + + input[type="number"], + input[type="text"], + input[type="password"] { + padding: 10px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + input[type="submit"] { + background-color: #4CAF50; /* Grün für einen positiven Button */ + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s ease; + } + + input[type="submit"]:hover { + background-color: #3e8e41; + } + + + + + + + + +.scroll-x{ + overflow-x: scroll; +} +/* Paarungsergebnisse */ +table { + border-collapse: collapse; + width: 60%; + margin: 0 auto; +} + +tr, td { + border: 1px solid #ddd; + padding: 8px; + text-align: left; +} + +tr:first-child{ + background-color: #fafafa; +} + +tr:hover{ + background-color: #f2f2f2; +} + +.TippsAnzeigen tr:hover, .TippsAnzeigen tr:first-child { + background-color: unset; +} + + + +.buli-results a:hover { + text-decoration: underline; +} + +.buli-results h2 { + text-align: center; +} + +.buli-results span.team { + width: 40%; + display: flex; + flex-direction: row; + justify-content: baseline; + align-items: center; +} + +.buli-results{ + display: block; +} +.teams{ + display: flex; + font-size: 17px; + justify-content: center; + align-items: center; + flex-direction: row; + float: left; + width: 100%; + max-width: 500px; + +} + +.buli-results span.team:first-child{ + text-align: right; +} + +.buli-results span.team:last-child{ + text-align: left; +} + +.buli-results span.team img { + + width: 30px; + height: 30px; + + border-radius: 50%; /* Macht das Bild rund */ + +} +.buli-results span.team p{ + width: 175px; + height: 30px; + display: flex; + justify-content: center; + align-items: center; + vertical-align: middle; + margin-bottom: 0; + text-decoration: underline; +} + +span.vs{ + width: 20px; + /* margin-left: 10%; + margin-right: 10%; */ + height: 3px; + background-color: black; +} + + +h2 { + text-align: center; +} + + + +#spieltagText { + margin: 0px; + padding: 0px; + padding-bottom: 5px; + text-align: left; +} + + + + + +/* TippenEintragen */ + +.tippenEintragen form { + display: flex; + flex-direction: column; + align-items: center; + width: 100vw; +} + +.paarung { + margin: 10px 0; + width: 100vw; + display: flex; + align-items: center; + justify-content: center; + text-align: center; +} + +.tippenEintragen span.team-name { + width: 30%; +} + +.tippenEintragen input[type="number"] { + /* max-width: 150px; */ + width: 50px; + + border: 1px solid #ccc; + border-radius: 5px; + text-align: center; +} +@media (max-width: 512px){ + .paarung img{ + display: none; + } +} +/* Submit-Button */ +.tippenEintragen input[type="submit"] { + background-color: #4CAF50; + color: white; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; + width: 150px; +} + + +/* Meldung für nicht vorbereiteten Spieltag */ +.tippenEintragen h1 { + color: red; + text-align: center; +} + + + + +/* Spieler hat bereits getippt Tabelle */ + +.TippsAnzeigen { + text-align: center; + font-family: "Roboto", sans-serif; +} + +.TippsAnzeigen table { + border-collapse: collapse; + width: 80%; + margin: 0 auto; +} + +.TippsAnzeigen th, .TippsAnzeigen td { + border: 1px solid #ddd; + padding: 8px; + text-align: center; +} + +/* Alternierende Zeilen für bessere Lesbarkeit */ +.TippsAnzeigen tr:nth-child(even) { + background-color: #f2f2f2; +} + +#load-table-btn{ + position: absolute; +} + + +.detailansichtSchriftart { + font-family: "Roboto", sans-serif; +} + + +.buli-table{ + position: relative; +} + +#load-table-btn-container{ + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 0; + left: 0; + background: white; + opacity: 0.5; +} + +#load-table-btn{ + color: white; + border-radius: 5px; + background-color: green; + opacity: 1; +} + +.as-link{ + color: #00f; + text-decoration: underline; +} + + + + +.roboto-thin { + font-family: "Roboto", sans-serif; + font-weight: 100; + font-style: normal; +} + +.roboto-light { + font-family: "Roboto", sans-serif; + font-weight: 300; + font-style: normal; +} + +.roboto-regular { + font-family: "Roboto", sans-serif; + font-weight: 400; + font-style: normal; +} + +.roboto-medium { + font-family: "Roboto", sans-serif; + font-weight: 500; + font-style: normal; +} + +.roboto-bold { + font-family: "Roboto", sans-serif; + font-weight: 700; + font-style: normal; +} + +.roboto-black { + font-family: "Roboto", sans-serif; + font-weight: 900; + font-style: normal; +} + +.roboto-thin-italic { + font-family: "Roboto", sans-serif; + font-weight: 100; + font-style: italic; +} + +.roboto-light-italic { + font-family: "Roboto", sans-serif; + font-weight: 300; + font-style: italic; +} + +.roboto-regular-italic { + font-family: "Roboto", sans-serif; + font-weight: 400; + font-style: italic; +} + +.roboto-medium-italic { + font-family: "Roboto", sans-serif; + font-weight: 500; + font-style: italic; +} + +.roboto-bold-italic { + font-family: "Roboto", sans-serif; + font-weight: 700; + font-style: italic; +} + +.roboto-black-italic { + font-family: "Roboto", sans-serif; + font-weight: 900; + font-style: italic; +} diff --git a/bulitipp/hatgetippt.php b/bulitipp/hatgetippt.php new file mode 100755 index 0000000..1fcb5ea --- /dev/null +++ b/bulitipp/hatgetippt.php @@ -0,0 +1,17 @@ +