По-прежнему работает над моим планировщиком/календарным приложением. Я почти закончил, у меня есть некоторые из более сложных частей, но я застрял в еще одной сложной части. Я хочу показать свои события в сетке в соответствии с их временем начала.
Это не показано на этой картинке, но притворяется там столбом с часами (с 8 утра до 11 вечера или около того) слева от 25-го. Если событие начинается с.. скажем, 1pm, я бы хотел, чтобы он показывался где-то посередине страницы. Если событие начинается в 8:30, оно должно отображаться между 8:00 и 9:00.
Думаю, я мог бы сделать это со столами, но мне было интересно, есть ли другой способ. Является ли это выполнимым с простым html/css, возможно, с Javascript? Любые предложения о том, каким лучшим способом было бы достичь этого? Если я использую таблицу, я все еще не уверен, что было бы лучшим способом сделать это. Камеру каждые тридцать минут? У меня есть доступ к началу и концу каждого события из моего представления. Массив событий (в этом примере, 25-й) выглядит следующим образом:
Array
[1] => Array
(
[title] => Ethiek
[description] => Ethiek: Opdracht 1
[time_start] => 11:30:00
[time_end] => 12:00:00
)
[2] => Array
(
[title] => Project Management
[description] => Test: Project Management
[time_start] => 15:00:00
[time_end] => 16:00:00
)
[event_count] => 2
Я ценю любые советы, которые вы можете мне дать. Большое спасибо!
EDIT: Начинал щедрость, потому что я все еще застрял, и я был бы признателен за некоторые отзывы.
UPDATE:
Я пробивал себе голову над этим, и я честно не могу понять, как это сделать. Прежде всего, я думаю, что причина, по которой я застрял, - это то, как я читал свои события из db/array. Это код, который должен отображать события, как показано на моем снимке экрана, не обращайте внимания на мои сложные массивы:
foreach($details[0] as $key => $detail)
{
echo "<div class='grid'>";
$header = "<p class='detail_header'>";
$header .= ucfirst($dates[0][$key]['name']) . ", " . $key . " " . $init['curr_month_name'];
$header .= "<img src='" . base_url() . "assets/images/create_event.png' alt='Plan iets'></p>";
echo $header;
for($i = 1; $i <= $details[0][$key]['event_count']; $i++)
{
echo "<div class='event " . $details[0][$key][$i]['type'] . "'>";
echo "<p class='event_title'>" . $details[0][$key][$i]['title'] . "</p>";
echo $details[0][$key][$i]['description'];
echo "</div>";
}
echo "</div>";
}
Это немного беспорядок, не говоря уже о том, что у меня есть тот же код в другой раз, чтобы исправить некоторые исключения. Но что еще более важно. Я чувствую, что эти циклы не позволяют мне делать много изменений. Я попытался добавить два div для AM и PM, чтобы я мог разделить события в блоках до полудня и дня, а затем просто отображать время на событии (чтобы избежать необходимости работать с тысячами блоков по 15 минут). Но да.. Это не сработало, так как это положило бы пару дивизий "PM", если во второй половине дня было более одного события.
У меня возникает соблазн просто оставить его таким, как сейчас, и просто показать время начала/окончания в div div событий до тех пор, пока я не выясню, как лучше читать их из массива и отображать их.
Любая помощь/предложения оценены. Спасибо.