1: | <?php |
2: | |
3: | namespace ZCL\Calendar; |
4: | |
5: | |
6: | |
7: | class Calendar extends \Zippy\Html\HtmlComponent implements \Zippy\Interfaces\Requestable, \Zippy\Interfaces\AjaxRender |
8: | { |
9: | |
10: | private $lang='ru'; |
11: | private $event = null; |
12: | private $data = array(); |
13: | private $view = 'dayGridMonth'; |
14: | |
15: | public function __construct($id,$lang='ru') { |
16: | parent::__construct($id); |
17: | $this->view = 'dayGridMonth'; |
18: | $this->lang = $lang; |
19: | } |
20: | |
21: | public final function RenderImpl() { |
22: | |
23: | $id = $this->getAttribute('id'); |
24: | $url = $this->owner->getURLNode() . "::" . $this->id; |
25: | |
26: | if (count($this->data) > 0) { |
27: | $ev = ",events: ["; |
28: | foreach ($this->data as $dt) { |
29: | |
30: | $ev .= " { id : '{$dt->id}', |
31: | title : '{$dt->title}', |
32: | start : {$dt->start} , |
33: | end : {$dt->end} , |
34: | backgroundColor: '{$dt->color}', |
35: | |
36: | allDay : false },"; |
37: | } |
38: | $ev = rtrim($ev, ','); |
39: | $ev .= "]"; |
40: | } |
41: | |
42: | $js = <<<EOT |
43: | |
44: | var calendarEl = document.getElementById('{$id}'); |
45: | var Calendar = FullCalendar.Calendar; |
46: | |
47: | var calendar = new Calendar(calendarEl, { |
48: | |
49: | headerToolbar: { |
50: | left : 'prev,next today', |
51: | center: 'title', |
52: | right : 'dayGridMonth,timeGridWeek,timeGridDay' |
53: | }, |
54: | initialView: '{$this->view}' , |
55: | |
56: | themeSystem: 'bootstrap' , |
57: | editable: true, |
58: | droppable: true, |
59: | |
60: | eventClick: function(info) { |
61: | var url ='{$url}:' + 'click:'+ info.event.id ; |
62: | |
63: | window.location= url; |
64: | |
65: | |
66: | }, |
67: | dateClick: function(info) { |
68: | |
69: | var url ='{$url}:' + 'add:'+ info.dateStr; |
70: | |
71: | window.location= url; |
72: | |
73: | |
74: | }, |
75: | |
76: | eventResize: function(info) { |
77: | |
78: | |
79: | var url ='{$url}:' + 'resize:'+ info.event.id +':' + info.startDelta.milliseconds + ':' + info.endDelta.milliseconds +'&ajax=true' ; |
80: | |
81: | // window.location= url; |
82: | getUpdate(url) ; |
83: | |
84: | } , |
85: | eventDrop: function(info) { |
86: | |
87: | var url ='{$url}:' + 'move:'+ info.event.id +':' + info.delta.years+':' + info.delta.months+':' + info.delta.days+':' + info.delta.milliseconds +'&ajax=true' ; |
88: | |
89: | // window.location= url; |
90: | getUpdate(url) ; |
91: | |
92: | } , |
93: | locale: '{$this->lang}' |
94: | {$ev} |
95: | |
96: | |
97: | |
98: | |
99: | |
100: | |
101: | }); |
102: | |
103: | calendar.render(); |
104: | EOT; |
105: | |
106: | \Zippy\WebApplication::$app->getResponse()->addJavaScript($js, true); |
107: | } |
108: | |
109: | public final function RequestHandle() { |
110: | $params = \Zippy\WebApplication::$app->getRequest()->request_params[$this->id]; |
111: | $action = array(); |
112: | |
113: | $action['action'] = $params[0]; |
114: | $action['id'] = $params[1]; |
115: | $action['startdelta'] = $params[2]; |
116: | $action['enddelta'] = $params[3]; |
117: | $action['years'] = $params[2]; |
118: | $action['months'] = $params[3]; |
119: | $action['days'] = $params[4]; |
120: | $action['ms'] = $params[5]; |
121: | |
122: | if ($action['action'] == 'add') { |
123: | $dt = $params[1] . ':' . $params[2] . ':' . $params[3]; |
124: | $action['date'] = strtotime($dt); |
125: | } |
126: | if ($action['action'] == 'resize') { |
127: | $action['startdelta'] = $action['startdelta'] / 1000; |
128: | $action['enddelta'] = $action['enddelta'] / 1000; |
129: | } |
130: | if ($action['action'] == 'move') { |
131: | $action['years'] = $action['years']; |
132: | $action['month'] = $action['month']; |
133: | $action['days'] = $action['days']; |
134: | $action['ms'] = $action['ms'] / 1000; |
135: | } |
136: | |
137: | if ($this->event != null) { |
138: | $this->event->onEvent($this, $action); |
139: | } |
140: | } |
141: | |
142: | public function setEvent(\Zippy\Interfaces\EventReceiver $receiver, $handler) { |
143: | |
144: | $this->event = new \Zippy\Event($receiver, $handler); |
145: | } |
146: | |
147: | public function setData($data) { |
148: | $this->data = $data; |
149: | } |
150: | |
151: | public function AjaxAnswer() { |
152: | |
153: | return ''; |
154: | } |
155: | |
156: | } |
157: | |
158: | class CEvent |
159: | { |
160: | |
161: | public $id, $title, $start, $end, $color; |
162: | |
163: | public function __construct($id, $title, $start, $end, $color) { |
164: | $this->id = $id; |
165: | $this->title = $title; |
166: | $this->start = "new Date(" . date("Y", $start) . ", " . (date("m", $start) - 1) . ", " . date("d", $start) . "," . date("H", $start) . "," . date("i", $start) . ")"; |
167: | $this->end = "new Date(" . date("Y", $end) . ", " . (date("m", $end) - 1) . ", " . date("d", $end) . "," . date("H", $end) . "," . date("i", $end) . ")"; |
168: | |
169: | $this->color = $color; |
170: | } |
171: | |
172: | } |
173: | |