Aporte de calendario para eventos

HiToGoRoShi · #1 (**permalink**) 16/04/2013, 09:55

Acabo de hacer un sistema de calendario para eventos en mi rato de aburrimiento espero que le sea útil a todos

Clase del Calendario y los Eventos

Código PHP:

Ver original<?php
class Calendario
{
    private $fecha;
    private $mes;
    private $hoy;
    private $w;
    private $eventos = array();
    
    public function __CONSTRUCT($fecha = 0)
    {
        // La fecha actual
        $this->fecha = new DateTime($fecha != 0 ? $fecha : date('Y-m-d'));
        // La cantidad de dias del mes
        $this->mes = $this->fecha->format('t');
        // El dia de hoy
        $this->hoy = $this->fecha->format('j');
        // El valor numerico de la semana del primer dia del mes
        $this->w = $this->fecha->modify('-' .($this->hoy-1). ' day')->format('w');
        // Restamos para saber desde donde va a empezar a pintar, por ejemplo
        // si comienza un miercoles, debe dejar 3 cuadros vacios atraz
        $this->w = $this->w > 0 ? -$this->w+1 : 0;
    }
    public function setEvento(Evento $evento)
    {
        $this->eventos[] = $evento;
    }
    public function Pintar()
    {
        echo '<table class="calendario">';
        echo '
            <tr>
                <th>Domingo</th>
                <th>Lunes</th>
                <th>Martes</th>
                <th>Miercoles</th>
                <th>Jueves</th>
                <th>Viernes</th>
                <th>Sabado</th>
            <tr>
        ';
        $i=0;
        for($this->w;$this->w<=$this->mes;$this->w++)
        {
            echo ($i == 0) ? '<tr>' : '';
            echo ($i%7 == 0 && $i > 0) ? '</tr><tr>' : '';
            
            if($this->w<=0)
            {
                echo '<td></td>';
            }else
            {
                echo '<td ' . ($this->hoy == $i ? 'class="hoy"' : '') . '>'; // Si el dia es hoy
                // Pintamos el dia actual
                echo '<span class="dia">' . $this->w . '</span>';
                // Agregar los eventos
                foreach($this->eventos as $e)
                {
                    if($e->getFecha()->format('d')==$i)
                    {
                        echo '<div class="evento">';
                        echo '- <a href="#" class="asunto">' . $e->getAsunto() .  '</a> ';
                        echo 'programado para las ' . $e->getHora() . ' por <b>' . $e->getCreador() . '</b>';
                        echo '</div>';                  
                    }
                }
                echo '</td>';
            }
            $i++;
        }
        echo '</table>';
    }
}
 
 
class Evento
{
    private $fecha;
    private $hora;
    private $creador;
    private $asunto;
    
    public function getFecha() { return $this->fecha; } 
    public function getHora() { return $this->hora; } 
    public function getCreador() { return $this->creador; } 
    public function getAsunto() { return $this->asunto; } 
    public function setFecha($x) 
    { 
        $this->fecha = new DateTime($x);
        $this->hora = $this->fecha->format('h:ia');
    } 
    public function setCreador($x) { $this->creador = $x; } 
    public function setAsunto($x) { $this->asunto = $x; }
}

Como seteamos eventos?

Código PHP:

Ver original<?php
// Instanciamos el calendario
$c = new Calendario('2013-04-16');
 
// Seteamos un evento
$e = new Evento();
$e->setFecha('2013-04-16 14:02:00');
$e->setCreador('HiToGoRoShi');
$e->setAsunto('Reunion en con nuestro cliente');
 
$c->setEvento($e);
 
// Seteamos otro evento
$e = new Evento();
$e->setFecha('2013-04-18 14:07:00');
$e->setCreador('Kenshin');
$e->setAsunto('Capacitacion en sistema');
 
$c->setEvento($e);
 
// Seteamos otro evento
$e = new Evento();
$e->setFecha('2013-04-18 14:15:00');
$e->setCreador('Raul');
$e->setAsunto('Reunion con los proveedores');
 
$c->setEvento($e);
 
// Seteamos otro evento
$e = new Evento();
$e->setFecha('2013-04-24 14:16:00');
$e->setCreador('Pepe');
$e->setAsunto('Cena con los empleados');
 
$c->setEvento($e);

Como lo pintamos?

Código PHP:

Ver original<!DOCTYPE html>
<html>
    <head>
        <title>Calendario de eventos creado por HiToGoRoShi</title>
        <link href="calendario.css" rel="stylesheet" />
    </head>
<body>
    <h1>Calendario de eventos creado por HiToGoRoShi</h1>
    <?php $c->Pintar(); ?>
</body>
</html>

Una hoja de estilo para que se vea algo mejor, guardarlo como calendario.css

Código CSS:

Ver original.calendario
{
    width:100%;
    font-family:arial;
    border-spacing:0;
}
.calendario th
{
    background:#356AA0;
    color:white;
    text-align:left;
    height:30px;
    line-height:30px;
}
.calendario td
{
    width:14%;
}
.calendario td.hoy
{
    background:#C3D9FF;
}
.calendario td span.dia
{
    background:#eee;
    width:20px;
    padding:5px;
    display:block;
    text-align:center;
}
.calendario td.hoy span.dia
{
    background:#356AA0;
    color:white;
}
.calendario td div.evento
{
    display:block;
    padding:4px;
    clear:both;
    font-size:12px;
    margin:2px;
    background:#F9F7ED;
    border:1px solid #d3d3d3;
}
.calendario td div.evento a
{
    color:black;
    text-decoration:none;
    font-weight:bold;
}

Ya lo probre y funciona bien, creo que esta bien facil de entender y modificar .. mas bien la funcion Pintar() no deberia hacer el ECHO, sino devolver una cadena que tenga armado el calendario y recien cuando se invoque el metodo ahi hariamos el ECHO

Demo en linea
http://kimsa-media.com/calendario/

HiToGoRoShi · #2 (**permalink**) 16/04/2013, 12:03

Post actualizado, termine la publicación ya pueden verlo cualquier duda consulta respondo acá dependiendo de la participación me animo hacer mas utilidades

alex1084 · #3 (**permalink**) 16/04/2013, 14:18

Cómo sería para poder navegar los diferentes meses del año??? Y no limitar el calendario a un solo mes y poder tener todo el año calendarizado??

HiToGoRoShi · #4 (**permalink**) 16/04/2013, 15:16

Cita:

Iniciado por alex1084

Cómo sería para poder navegar los diferentes meses del año??? Y no limitar el calendario a un solo mes y poder tener todo el año calendarizado??

Esto hace funcionar todo

Código PHP:

Ver original$c = new Calendario('2013-04-16');

Ahí pon la fecha con la que quieres trabajar, y si quieres navegar por los diferentes meses del año crea dos enlaces uno que te lleve al mes anterior, y otro al mes posterior, y que esta variable reciba el constructor del calendario

Código HTML:

Ver original<a href='index.php?f=2013-03'>Anterior</a>
<a href='index.php?f=2013-04'>Siguiente</a>
 
$c = new Calendario($_GET['f']);

alex1084 · #5 (**permalink**) 16/04/2013, 16:41

aja pero y para cargar dinámicamente los eventos??
De la forma en que está planteado todo es estático de que forma podría hacerse eso dinámico?? incluso las generaciones de los meses

HiToGoRoShi · #6 (**permalink**) 17/04/2013, 15:23

Ya esta modificado, vuelvo adjuntar todo el código en un solo archivo para que lo puedan usar ..

Al ingresar una fecha al calendario solo ingresar el año y el mes, el formato debe ser este 2013-04 Y-m

Código PHP:

Ver original<?php
class Calendario
{
    private $fecha;
    private $mes;
    private $hoy;
    private $w;
    private $eventos = array();
    
    public function __CONSTRUCT($fecha = null)
    {
        // La fecha ingresada
        $this->fecha = new DateTime($fecha);
        // La cantidad de dias del mes
        $this->mes = $this->fecha->format('t');
        // La fecha de hoy
        $this->hoy = new DateTime(date('ymd'));
        // El valor numerico de la semana del primer dia del mes
        $this->w = $this->fecha->format('w');
        // Restamos para saber desde donde va a empezar a pintar, por ejemplo
        // si comienza un miercoles, debe dejar 3 cuadros vacios atraz
        $this->w = $this->w > 0 ? -$this->w + 1 : 0;
    }
    public function setEvento(Evento $evento)
    {
        $this->eventos[] = $evento;
    }
    public function Pintar()
    {
        // Clonamos el objeto DateTime para ser modificado
        $fecha_navegacion = clone $this->fecha;
        // Un mes atraz
        echo '<a href="?f=' . $fecha_navegacion->modify('-1 month')->format('Y-m') . '">' . $fecha_navegacion->format('Y F') . '</a> - ';
        // Un mes adelante   
        echo '<a href="?f=' . $fecha_navegacion->modify('+2 month')->format('Y-m') . '">' . $fecha_navegacion->format('Y F') . '</a>';
        
        // Armamos el calendario
        echo '<table class="calendario">';
        echo '
            <tr>
                <th class="mes" colspan="7">' . ($this->fecha->format('F')) . '</th>
            </tr>
            <tr>
                <th>Domingo</th>
                <th>Lunes</th>
                <th>Martes</th>
                <th>Miercoles</th>
                <th>Jueves</th>
                <th>Viernes</th>
                <th>Sabado</th>
            </tr>
        ';
        // Con esto sabemos cuando hacer un TR
        $i=0;
        for($this->w;$this->w<=$this->mes;$this->w++)
        {
            echo ($i == 0) ? '<tr>' : '';
            echo ($i%7 == 0 && $i > 0) ? '</tr><tr>' : '';
            
            if($this->w<=0)
            {
                echo '<td></td>';
            }else
            {
                echo '<td ' . ($this->hoy->format('ymj') == $this->fecha->format('ym') . $this->w ? 'class="hoy"' : '') . '>'; // Si el dia es hoy
                // Pintamos el dia actual
                echo '<span class="dia">' . $this->w . '</span>';
                // Agregar los eventos
                foreach($this->eventos as $e)
                {
                    if($e->getFecha()->format('ymj') == $this->fecha->format('ym') . $this->w)
                    {
                        echo '<div class="evento">';
                        echo '- <a href="#" class="asunto">' . $e->getAsunto() .  '</a> ';
                        echo 'programado para las ' . $e->getHora() . ' por <b>' . $e->getCreador() . '</b>';
                        echo '</div>';                  
                    }
                }
                echo '</td>';
            }
            $i++;
        }
        echo '</table>';
    }
}
 
class Evento
{
    private $fecha;
    private $hora;
    private $creador;
    private $asunto;
    
    public function getFecha() { return $this->fecha; } 
    public function getHora() { return $this->hora; } 
    public function getCreador() { return $this->creador; } 
    public function getAsunto() { return $this->asunto; } 
    public function setFecha($x) 
    { 
        $this->fecha = new DateTime($x);
        $this->hora = $this->fecha->format('h:ia');
    } 
    public function setCreador($x) { $this->creador = $x; } 
    public function setAsunto($x) { $this->asunto = $x; }
}
 
// Instanciamos el calendario
$c = new Calendario(isset($_GET['f']) ? $_GET['f'] : date('Y-m'));
 
// Seteamos un evento
$e = new Evento();
$e->setFecha('2013-04-16 14:02:00');
$e->setCreador('HiToGoRoShi');
$e->setAsunto('Reunion en con nuestro cliente');
 
$c->setEvento($e);
 
// Seteamos otro evento
$e = new Evento();
$e->setFecha('2013-04-18 14:07:00');
$e->setCreador('Kenshin');
$e->setAsunto('Capacitacion en sistema');
 
$c->setEvento($e);
 
// Seteamos otro evento
$e = new Evento();
$e->setFecha('2013-04-18 14:15:00');
$e->setCreador('Raul');
$e->setAsunto('Reunion con los proveedores');
 
$c->setEvento($e);
 
// Seteamos otro evento
$e = new Evento();
$e->setFecha('2013-04-24 14:16:00');
$e->setCreador('Pepe');
$e->setAsunto('Cena con los empleados');
 
$c->setEvento($e);
 
// Seteamos otro evento
$e = new Evento();
$e->setFecha('2013-05-17 14:16:00');
$e->setCreador('Pepe');
$e->setAsunto('Cena con los empleados');
 
$c->setEvento($e);
 
?>
 
<!DOCTYPE html>
<html>
    <head>
        <title>Calendario de eventos creado por HiToGoRoShi</title>
        <link href="calendario.css" rel="stylesheet" />
    </head>
<body>
    <h1>Calendario de eventos creado por HiToGoRoShi</h1>
    <?php $c->Pintar(); ?>
</body>
</html>

El ejemplo en linea lo vemos acá
http://kimsa-media.com/calendario/

Me gustaría poder modificar el primer tema para no traer confusiones