Add calendar
This commit is contained in:
parent
d89625558b
commit
a2703988f0
65
www/css/calendar.css
Normal file
65
www/css/calendar.css
Normal file
@ -0,0 +1,65 @@
|
||||
figure.calendar {
|
||||
margin: 0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.calendar ul {
|
||||
list-style-type: none;
|
||||
padding-left:0;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, 4fr);
|
||||
grid-template-rows: auto;
|
||||
}
|
||||
|
||||
|
||||
.calendar ul li {
|
||||
margin: 2px;
|
||||
|
||||
border-style: solid;
|
||||
border-color: #e0e0e0;
|
||||
border-width: 1px;
|
||||
border-radius: 5px;
|
||||
|
||||
background-color: #f3f3f3;
|
||||
padding: 0.2em 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
min-height: 4.8em;
|
||||
font-size: 0.8em;
|
||||
color: #444;
|
||||
|
||||
transition: 0.1s;
|
||||
}
|
||||
|
||||
.calendar ul li.header {
|
||||
text-align: center;
|
||||
min-height: 1em;
|
||||
|
||||
background-color: #fff;
|
||||
border: None;
|
||||
border-radius: 0;
|
||||
margin: 0px;
|
||||
padding: 0.2em 0;
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
color: #666;
|
||||
}
|
||||
.calendar ul li.outOfMonth {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.calendar ul li.active {
|
||||
color: #222;
|
||||
border-color: #456;
|
||||
box-shadow: 0 0 3px #89f;
|
||||
}
|
||||
|
||||
.calendar ul li:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.calendar ul li section::before {
|
||||
content: "\26AB ";
|
||||
color: #038;
|
||||
}
|
||||
102
www/kalender/index.php
Normal file
102
www/kalender/index.php
Normal file
@ -0,0 +1,102 @@
|
||||
<?php
|
||||
date_default_timezone_set('Europe/Oslo');
|
||||
setlocale(LC_ALL, 'no_NO');
|
||||
require __DIR__ . '/../../src/_autoload.php';
|
||||
require __DIR__ . '/../../sql_config.php';
|
||||
use \pvv\side\Agenda;
|
||||
$pdo = new \PDO($dbDsn, $dbUser, $dbPass);
|
||||
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
|
||||
$agenda = new \pvv\side\Agenda([
|
||||
new \pvv\side\social\NerdepitsaActivity,
|
||||
new \pvv\side\social\AnimekveldActivity,
|
||||
new \pvv\side\social\BrettspillActivity,
|
||||
new \pvv\side\DBActivity($pdo),
|
||||
]);
|
||||
|
||||
$year = (isset($_GET['year']))
|
||||
? $_GET['year']
|
||||
: date("Y");
|
||||
$month = (isset($_GET['month']))
|
||||
? $_GET['month']
|
||||
: date("m");
|
||||
$days_before_the_first = (new DateTime($year."-".$month."-01"))->format("w") - 1;
|
||||
if ($days_before_the_first==-1) {$days_before_the_first = 6;}
|
||||
$day_of_month = ($month == date("m"))
|
||||
? date("j")
|
||||
: -1;
|
||||
$days_in_month = date('t', mktime(0, 0, 0, $month, 1, $year));
|
||||
|
||||
?><!DOCTYPE html>
|
||||
<html lang="no">
|
||||
<title>Aktivitetsverkstedet</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<link rel="stylesheet" href="../css/normalize.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/events.css">
|
||||
<link rel="stylesheet" href="../css/calendar.css">
|
||||
|
||||
<header>Aktivitets­verk­stedet</header>
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
<h2 style="text-align:center;">Aktiviteter for <?= date('F Y', mktime(0, 0, 0, $month, 1, $year)) ?></h2>
|
||||
|
||||
<p><?php
|
||||
$pmonth = $month-1;
|
||||
$nmonth = $month+1;
|
||||
$pyear=$year;
|
||||
$nyear=$year;
|
||||
if ($pmonth==0) {$pmonth=12; $pyear--;}
|
||||
if ($nmonth==13) {$nmonth=1; $nyear++;}
|
||||
?>
|
||||
<a class="btn" href="../kalender?year=<?=$pyear?>&month=<?=$pmonth?>">Forrige måned</a>
|
||||
<a class="btn" style="float:right;" href="../kalender?year=<?=$nyear?>&month=<?=$nmonth?>">Neste måned</a>
|
||||
</p>
|
||||
|
||||
|
||||
<figure class="calendar">
|
||||
<ul>
|
||||
<li class="header">Mandag
|
||||
<li class="header">Tirsdag
|
||||
<li class="header">Onsdag
|
||||
<li class="header">Torsdag
|
||||
<li class="header">Fredag
|
||||
<li class="header">Lørdag
|
||||
<li class="header">Søndag
|
||||
|
||||
<?php if ($days_before_the_first != 0) { ?>
|
||||
<li class="outOfMonth" style="grid-column: 1/<?=$days_before_the_first+1?>;">
|
||||
<?php } ?>
|
||||
|
||||
<?php for ($day=1; $day <= $days_in_month; $day++) { ?>
|
||||
|
||||
<?php $events = $agenda->getEventsBetween(
|
||||
new DateTimeImmutable("$year-$month-$day 00:00:00"),
|
||||
new DateTimeImmutable("$year-$month-$day 23:59:59")); ?>
|
||||
<?php if ($day==$day_of_month) { ?>
|
||||
<li class="active"><?= $day ?>
|
||||
<?php } else { ?>
|
||||
<li><?= $day ?>
|
||||
<?php } ?>
|
||||
|
||||
<?php foreach($events as $event) { ?>
|
||||
<section><?=$event->getName()?></section>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
|
||||
</ul>
|
||||
</figure>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
<nav><ul>
|
||||
<li><a href="../">hjem</a></li>
|
||||
<!--<li><a href="../prosjekt/">prosjekter</a></li>-->
|
||||
<li class="active"><a href="../aktiviteter/">aktiviteter</a></li>
|
||||
<li><a href="../kontakt">kontakt</a></li>
|
||||
<li><a href="../pvv/">wiki</a></li>
|
||||
</nav>
|
||||
Loading…
Reference in New Issue
Block a user