ESIR
/
KiWi-Calendar
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

calendar view changed a bit + implemented the month at the bottom of the window

master
n0m1s 10 years ago
parent
d37c01170e
commit
c49b3e76c2
2 changed files with 70 additions and 9 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +20
    -1
      index.css
  2. +50
    -8
      index.php

+ 20
- 1
index.css View File

@ -178,6 +178,7 @@ input[type="checkbox"]:checked + label span {
/*Calendar*/ /*Calendar*/
#calendar { #calendar {
margin-top:60px; margin-top:60px;
overflow-y: auto;
} }
#calendar .week { #calendar .week {
@ -215,11 +216,24 @@ input[type="checkbox"]:checked + label span {
} }
#calendar .week .day h2 { #calendar .week .day h2 {
font-size: 30px;
font-size: 2em;
margin: 20px; margin: 20px;
color: #2B2B2B; color: #2B2B2B;
} }
#calendar .week .day h2 .minititle {
font-size: 0.5em;
color: #4B4B4B;
}
#calendar .week .day h2 .left{
margin-right: 0.5em;
}
#calendar .week .day h2 .right{
margin-left: 0.0em;
}
#calendar .week .otherMonth h2 { #calendar .week .otherMonth h2 {
color: #4B4B4B; color: #4B4B4B;
} }
@ -228,3 +242,8 @@ input[type="checkbox"]:checked + label span {
margin-left: -20px; margin-left: -20px;
font-size:12px; font-size:12px;
} }
#calendar .week .day .calendar-link a {
color: black;
text-decoration: none;
}

+ 50
- 8
index.php View File

@ -2,6 +2,31 @@
session_start(); session_start();
include_once('getEvents.php'); include_once('getEvents.php');
$db = connect(); $db = connect();
$days = array(
1 => "Lun",
2 => "Mar",
3 => "Mer",
4 => "Jeu",
5 => "Ven",
6 => "Sam",
7 => "Dim"
);
$months = array(
1 => "Janvier",
2 => "Fevrier",
3 => "Mars",
4 => "Avril",
5 => "Mai",
6 => "Juin",
7 => "Juillet",
8 => "Août",
9 => "Septembre",
10 => "Octobre",
11 => "Novembre",
12 => "Decembre"
);
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
@ -80,16 +105,26 @@ $db = connect();
<div id="calendar"> <div id="calendar">
<?php <?php
for($week = 0; $week < 5; ++$week)
if(isset($_GET['w'])&&is_numeric($_GET['w']))
$weekOffset = $_GET['w'];
else
$weekOffset = 0;
$monthDate = strtotime('last monday +'.($weekOffset+3).' weeks');
for($week = $weekOffset; $week < $weekOffset + 5; ++$week)
{ {
echo(' echo('
<ul class="week">'); <ul class="week">');
for($date = strtotime('last monday +'.$week.' weeks'); $date < strtotime('next monday +'.$week.' weeks'); $date = strtotime('+1 day', $date))
for($date = strtotime('last monday +'.$week.' weeks');
$date < strtotime('next monday +'.$week.' weeks');
$date = strtotime('+1 day', $date)
)
{ {
$events = getEventsByDate($db, $date); $events = getEventsByDate($db, $date);
$class = ''; $class = '';
if(date('m', $date) != date('m'))
if(date('m', $date) != date('m', $monthDate))
$class .= ' otherMonth'; $class .= ' otherMonth';
if(date('Y-m-d', $date) == date('Y-m-d')) if(date('Y-m-d', $date) == date('Y-m-d'))
@ -97,11 +132,18 @@ $db = connect();
echo(' echo('
<li class="day'.$class.'"> <li class="day'.$class.'">
<h2>'.date("d", $date).'</h2>
<h2>
<span class="minititle left">'.$days[date("N",$date)].'</span>
'.date("d", $date));
if(date('m', $date) != date('m', $monthDate))
echo('
<span class="minititle right">/'.date("m",$date).'</class>');
echo('
</h2>
<ul>'); <ul>');
foreach($events as $event) foreach($events as $event)
echo('<li class="calendar-link">'.$event['titre']."</li>");
echo('<li class="calendar-link"><a href="./event.php?id='.$event['id'].'">'.$event['titre']."</a></li>");
echo(' echo('
</ul> </ul>
</li>'); </li>');
@ -114,9 +156,9 @@ $db = connect();
<div id="footer"> <div id="footer">
<div id="TextFooter"> <div id="TextFooter">
<div id="exMois"> <div id="exMois">
<a id="ancherMore" href="#More" onclick="alert('Click on More');"><img id="exMore" alt="expand less" src="images/expand_less.png" /></a>
<div id="Mois">Mars 2015</div>
<a id="ancherLess" href="#Less" onclick="alert('Click on Less');"><img id="exLess" alt="expand more" src="images/expand_more.png" /></a>
<a id="ancherMore" href="./index.php?w=<?php echo($weekOffset - 1); ?>"><img id="exMore" alt="expand less" src="images/expand_less.png" /></a>
<div id="Mois"><?php echo($months[date('n',$monthDate)].' '.date('Y',$monthDate)); ?></div>
<a id="ancherLess" href="./index.php?w=<?php echo($weekOffset + 1); ?>"><img id="exLess" alt="expand more" src="images/expand_more.png" /></a>
</div> </div>
<div id="Export">Exporter en <a href="#RSS">RSS</a>, <a href="#iCal">iCal</a>, <a href="#webCal">WebCal</a></div> <div id="Export">Exporter en <a href="#RSS">RSS</a>, <a href="#iCal">iCal</a>, <a href="#webCal">WebCal</a></div>
</div> </div>


Write Preview
Loading…
Cancel
Save