001.<?php
002.
003.
004.
005.
006.
007.
008.
009.
010.
011.
012.
013.
014.
015.
016.
017.
018. $timeArr = array("07:00", "08:00", "09:00", "10:00", "11:00", "12:00", "13:00", "14:00",
019. "15:00", "16:00", "17:00", "18:00", "19:00", "20:00", "21:00", "22:00"
020. );
021.
022.
023.
024. $room = array();
025. $room[] = array('id' => 1, 'name' => 'ห้องประชุม 1');
026. $room[] = array('id' => 2, 'name' => 'ห้องประชุม 2');
027. $room[] = array('id' => 3, 'name' => 'ห้องประชุม 3');
028. $room[] = array('id' => 4, 'name' => 'ห้องประชุม 4');
029. $room[] = array('id' => 5, 'name' => 'ห้องประชุม 5');
030.
031.
032.
033.
034.
035.
036. $booking = array();
037. $booking[1][] = array('start_time' => '09:00', 'end_time' => '12:30', 'title' => 'อบรม เทคโนโลยีสารสนเทศ และการสื่อสาร');
038. $booking[1][] = array('start_time' => '13:35', 'end_time' => '15:20', 'title' => 'วาระที่ 1');
039. $booking[2][] = array('start_time' => '11:45', 'end_time' => '16:10', 'title' => 'หัวข้อพิเศษเกี่ยวกับวิทยาการคอมพิวเตอร์');
040. $booking[3][] = array('start_time' => '12:15', 'end_time' => '14:30', 'title' => 'สรุปโครงการ');
041. $booking[4][] = array('start_time' => '15:00', 'end_time' => '17:00', 'title' => 'อบรม ระบบฐานข้อมูล');
042. $booking[5][] = array('start_time' => '08:30', 'end_time' => '12:00', 'title' => 'จัดกิจกรรมสัมมนาวิชาการ');
043.
044.
045.
046.
047.
048.
049.
050.
051.
052.
053.
054. Class SetTimeObject
055. {
056. public $startPx;
057. public $diff;
058. public $leftMin = 0;
059.
060. public function getWidthPos($startTime, $endTime){
061. $s = explode(":", $startTime);
062. $this->startPx = ((int)$s[0] * 60) + (int)$s[1];
063. $sTime = (float)str_replace(":", ".", $startTime);
064. $eTime = (float)str_replace(":", ".", $endTime);
065. $this->diff = ($eTime - $sTime);
066. $l = ($this->startPx - 420) - $this->leftMin;
067. $w = ($this->diff * 60);
068. return array('left' => $l, 'width' => $w);
069. }
070. }
071.
072.
073.
074.
075. Class Test_SetTimeObject extends SetTimeObject
076. {
077. public static function TestGetWidthPos(){
078. $startTime = "09:00";
079. $endTime = "12:00";
080. $obj = new SetTimeObject;
081. $arr = $obj->getWidthPos($startTime, $endTime);
082. echo "<hr><br><b>ทดสอบการคำนวณตำแหน่ง และความกว้าง</b>";
083. echo "<br>เวลาที่ส่งไป $startTime, $endTime";
084. echo "<br>ค่าที่จะต้องได้ออกมา left : 120, width : 180";
085. echo "<br><font color='green'><b>ผลลัพธ์ที่ได้ left : $arr[left], width : $arr[width]</b></font>";
086. echo "<br><br><b>ตรวจสอบค่าต่างๆ </b>";
087. echo "<br>ตำแหน่งด้านซ้าย : 180 คำนวณจากสูตรได้ $obj->startPx ";
088. echo "<br>ความกว้าง จำนวนช่อง x 60 : 3x60 = 180 คำนวณจากสูตรได้ <font color='green'><b>($obj->diff x 60) = $arr[width]</b></font>";
089. echo "<br><br><hr>";
090. }
091. }
092.
093.?>
094.<!doctype html>
095.<html lang="en">
096.<head>
097. <meta charset="utf-8" />
098. <title>ตารางแสดงช่วงเวลาการใช้ห้องประชุม - www.sunzan-design.com</title>
099. <style type="text/css">
100. #snaptarget {
101. height: 50px;
103. }
104. td.room{
105. width : 100px;
106. text-align : right;
107. font-weight : bold;
109. }
110. .td_time{ height : 20px; }
111. .td_time div{
112. float : left;
113. width : 60px;
114. border-right : 1px solid #1AEB00;
115. }
116. .draggable2{
117. background: #C3FF7D;
118. border: 1px solid #AAAAAA;
119. color: #222222;
120. float : left;
121. height : 44px;
122. line-height : 14px;
123. padding : 2px;
124. cursor : pointer;
125. overflow : hidden;
126. text-align : center;
127. font-weight : 100;
128. position : relative;
129. }
130. </style>
131.</head>
132.<body>
133.<?php
134.
135.
136.
137.
138. $objTime = new SetTimeObject;
139.
140. echo '<table border="1" width="1095">';
141. foreach($room as $row){
142. echo '<tr>';
143. echo '<td class="room">'.$row['name'].'</td>';
144. echo '<td>
145. <div class="td_time"><div>'. implode("</div><div>", $timeArr) .'</div><div style="clear:both"></div></div>
146. <div id="snaptarget" class="ui-widget-header">';
147. if(isset($booking[$row['id']])){
148. $objTime->leftMin = 0;
149. foreach($booking[$row['id']] as $bookData){
150. $arr = $objTime->getWidthPos($bookData['start_time'], $bookData['end_time']);
151. $left = $arr['left'];
152. $width = $arr['width'];
153. $objTime->leftMin += $arr['width'];
154. echo '<div class="draggable2" style="left: '.$left.'px;width: '.$width.'px">
155. '. $bookData['title']. ' <br/>( '. $bookData['start_time'] .'-'.$bookData['end_time'] .')
156. </div>';
157. }
158. }
159. echo ' </div>
160. </td>';
161. echo '</tr>';
162. }
163. echo ' </table>';
164. Test_SetTimeObject::TestGetWidthPos();
165. ?>
166.
167.<br style="clear: both;" />
168.</body>
169.</html>
