bitPickups/friendica_2019-12_sharedHosting_hotFix
1
1
Fork 0
Code Pull requests Activity

Merge pull request #3787 from rabuzarus/20171013_-_format_event_in_stream

Browse source 
event items are now more themeable in the networkstream
This commit is contained in:
Tobias Diekershoff 2017-10-16 11:29:43 +02:00 committed by GitHub
commit cadc8aa6e8
9 changed files with 518 additions and 168 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

325
include/event.php
View file

@ -12,12 +12,11 @@ require_once 'include/map.php';
require_once 'include/datetime.php'; require_once 'include/datetime.php';
function format_event_html($ev, $simple = false) { function format_event_html($ev, $simple = false) {
if (! ((is_array($ev)) && count($ev))) { if (! ((is_array($ev)) && count($ev))) {
return ''; return '';
} }
$bd_format = t('l F d, Y \@ g:i A') ; // Friday January 18, 2011 @ 8 AM $bd_format = t('l F d, Y \@ g:i A') ; // Friday January 18, 2011 @ 8 AM.
$event_start = (($ev['adjust']) ? day_translate(datetime_convert('UTC', date_default_timezone_get(), $event_start = (($ev['adjust']) ? day_translate(datetime_convert('UTC', date_default_timezone_get(),
$ev['start'] , $bd_format )) $ev['start'] , $bd_format ))
@ -32,7 +31,7 @@ function format_event_html($ev, $simple = false) {
if ($simple) { if ($simple) {
$o = "<h3>" . bbcode($ev['summary']) . "</h3>"; $o = "<h3>" . bbcode($ev['summary']) . "</h3>";
$o .= "<p>" . bbcode($ev['desc']) . "</p>"; $o .= "<div>" . bbcode($ev['desc']) . "</div>";
$o .= "<h4>" . t('Starts:') . "</h4><p>" . $event_start . "</p>"; $o .= "<h4>" . t('Starts:') . "</h4><p>" . $event_start . "</p>";
@ -49,29 +48,28 @@ function format_event_html($ev, $simple = false) {
$o = '<div class="vevent">' . "\r\n"; $o = '<div class="vevent">' . "\r\n";
$o .= '<div class="summary event-summary">' . bbcode($ev['summary']) . '</div>' . "\r\n";
$o .= '<p class="summary event-summary">' . bbcode($ev['summary']) . '</p>' . "\r\n"; $o .= '<div class="event-start"><span class="event-label">' . t('Starts:') . '</span>&nbsp;<span class="dtstart" title="'
$o .= '<p class="description event-description">' . bbcode($ev['desc']) . '</p>' . "\r\n";
$o .= '<p class="event-start">' . t('Starts:') . ' <abbr class="dtstart" title="'
. datetime_convert('UTC', 'UTC', $ev['start'], (($ev['adjust']) ? ATOM_TIME : 'Y-m-d\TH:i:s' )) . datetime_convert('UTC', 'UTC', $ev['start'], (($ev['adjust']) ? ATOM_TIME : 'Y-m-d\TH:i:s' ))
. '" >'.$event_start . '" >'.$event_start
. '</abbr></p>' . "\r\n"; . '</span></div>' . "\r\n";
if (! $ev['nofinish']) { if (! $ev['nofinish']) {
$o .= '<p class="event-end" >' . t('Finishes:') . ' <abbr class="dtend" title="' $o .= '<div class="event-end" ><span class="event-label">' . t('Finishes:') . '</span>&nbsp;<span class="dtend" title="'
. datetime_convert('UTC', 'UTC', $ev['finish'], (($ev['adjust']) ? ATOM_TIME : 'Y-m-d\TH:i:s' )) . datetime_convert('UTC', 'UTC', $ev['finish'], (($ev['adjust']) ? ATOM_TIME : 'Y-m-d\TH:i:s' ))
. '" >'.$event_end . '" >'.$event_end
. '</abbr></p>' . "\r\n"; . '</span></div>' . "\r\n";
} }
if (strlen($ev['location'])) { $o .= '<div class="description event-description">' . bbcode($ev['desc']) . '</div>' . "\r\n";
$o .= '<p class="event-location"> ' . t('Location:') . ' <span class="location">'
. bbcode($ev['location'])
. '</span></p>' . "\r\n";
// Include a map of the location if the [map] BBCode is used if (strlen($ev['location'])) {
$o .= '<div class="event-location"><span class="event-label">' . t('Location:') . '</span>&nbsp;<span class="location">'
. bbcode($ev['location'])
. '</span></div>' . "\r\n";
// Include a map of the location if the [map] BBCode is used.
if (strpos($ev['location'], "[map") !== false) { if (strpos($ev['location'], "[map") !== false) {
$map = generate_named_map($ev['location']); $map = generate_named_map($ev['location']);
if ($map !== $ev['location']) { if ($map !== $ev['location']) {
@ -84,6 +82,12 @@ function format_event_html($ev, $simple = false) {
return $o; return $o;
} }
/**
* @brief Convert an array with event data to bbcode.
*
* @param array $ev Array which conains the event data.
* @return string The event as a bbcode formatted string.
*/
function format_event_bbcode($ev) { function format_event_bbcode($ev) {
$o = ''; $o = '';
@ -115,6 +119,13 @@ function format_event_bbcode($ev) {
return $o; return $o;
} }
/**
* @brief Extract bbcode formatted event data from a string
* and convert it to html.
*
* @params: string $s The string which should be parsed for event data.
* @return string The html output.
*/
function bbtovcal($s) { function bbtovcal($s) {
$o = ''; $o = '';
$ev = bbtoevent($s); $ev = bbtoevent($s);
@ -126,6 +137,12 @@ function bbtovcal($s) {
return $o; return $o;
} }
/**
* @brief Extract bbcode formatted event data from a string.
*
* @params: string $s The string which should be parsed for event data.
* @return array The array with the event information.
*/
function bbtoevent($s) { function bbtoevent($s) {
$ev = array(); $ev = array();
@ -165,7 +182,6 @@ function bbtoevent($s) {
return $ev; return $ev;
} }
function sort_by_date($a) { function sort_by_date($a) {
usort($a,'ev_compare'); usort($a,'ev_compare');
@ -184,6 +200,15 @@ function ev_compare($a,$b) {
return strcmp($date_a, $date_b); return strcmp($date_a, $date_b);
} }
/**
* @brief Delete an event from the event table.
*
* Note: This function does only delete the event from the event table not its
* related entry in the item table.
*
* @param int $event_id Event ID.
* @return void
*/
function event_delete($event_id) { function event_delete($event_id) {
if ($event_id == 0) { if ($event_id == 0) {
return; return;
@ -193,6 +218,14 @@ function event_delete($event_id) {
logger("Deleted event ".$event_id, LOGGER_DEBUG); logger("Deleted event ".$event_id, LOGGER_DEBUG);
} }
/**
* @brief Store the event.
*
* Store the event in the event table and create an event item in the item table.
*
* @param array $arr Array with event data.
* @return int The event id.
*/
function event_store($arr) { function event_store($arr) {
require_once 'include/datetime.php'; require_once 'include/datetime.php';
@ -225,7 +258,7 @@ function event_store($arr) {
} }
// Existing event being modified // Existing event being modified.
if ($arr['id']) { if ($arr['id']) {
@ -298,7 +331,6 @@ function event_store($arr) {
return $item_id; return $item_id;
} else { } else {
// New event. Store it. // New event. Store it.
$r = q("INSERT INTO `event` (`uid`,`cid`,`guid`,`uri`,`created`,`edited`,`start`,`finish`,`summary`, `desc`,`location`,`type`, $r = q("INSERT INTO `event` (`uid`,`cid`,`guid`,`uri`,`created`,`edited`,`start`,`finish`,`summary`, `desc`,`location`,`type`,
@ -322,7 +354,6 @@ function event_store($arr) {
dbesc($arr['allow_gid']), dbesc($arr['allow_gid']),
dbesc($arr['deny_cid']), dbesc($arr['deny_cid']),
dbesc($arr['deny_gid']) dbesc($arr['deny_gid'])
); );
$r = q("SELECT * FROM `event` WHERE `uri` = '%s' AND `uid` = %d LIMIT 1", $r = q("SELECT * FROM `event` WHERE `uri` = '%s' AND `uid` = %d LIMIT 1",
@ -396,9 +427,14 @@ function event_store($arr) {
} }
} }
/**
* @brief Create an array with translation strings used for events.
*
* @return array Array with translations strings.
*/
function get_event_strings() { function get_event_strings() {
// First day of the week (0 = Sunday) // First day of the week (0 = Sunday).
$firstDay = get_pconfig(local_user(), 'system', 'first_day_of_week'); $firstDay = get_pconfig(local_user(), 'system', 'first_day_of_week');
if ($firstDay === false) { if ($firstDay === false) {
$firstDay = 0; $firstDay = 0;
@ -466,17 +502,17 @@ function get_event_strings() {
} }
/** /**
* @brief Removes duplicated birthday events * @brief Removes duplicated birthday events.
* *
* @param array $dates Array of possibly duplicated events * @param array $dates Array of possibly duplicated events.
* @return array Cleaned events * @return array Cleaned events.
* *
* @todo We should replace this with a separate update function if there is some time left * @todo We should replace this with a separate update function if there is some time left.
*/ */
function event_remove_duplicates($dates) { function event_remove_duplicates($dates) {
$dates2 = array(); $dates2 = array();
foreach ($dates AS $date) { foreach ($dates as $date) {
if ($date['type'] == 'birthday') { if ($date['type'] == 'birthday') {
$dates2[$date['uid'] . "-" . $date['cid'] . "-" . $date['start']] = $date; $dates2[$date['uid'] . "-" . $date['cid'] . "-" . $date['start']] = $date;
} else { } else {
@ -487,7 +523,7 @@ function event_remove_duplicates($dates) {
} }
/** /**
* @brief Get an event by its event ID * @brief Get an event by its event ID.
* *
* @param type $owner_uid The User ID of the owner of the event * @param type $owner_uid The User ID of the owner of the event
* @param type $event_params An assoziative array with * @param type $event_params An assoziative array with
@ -496,7 +532,7 @@ function event_remove_duplicates($dates) {
* @return array Query result * @return array Query result
*/ */
function event_by_id($owner_uid = 0, $event_params, $sql_extra = '') { function event_by_id($owner_uid = 0, $event_params, $sql_extra = '') {
// ownly allow events if there is a valid owner_id // Ownly allow events if there is a valid owner_id.
if ($owner_uid == 0) { if ($owner_uid == 0) {
return; return;
} }
@ -516,26 +552,27 @@ function event_by_id($owner_uid = 0, $event_params, $sql_extra = '') {
} }
/** /**
* @brief Get all events in a specific timeframe * @brief Get all events in a specific timeframe.
* *
* @param int $owner_uid The User ID of the owner of the events * @param int $owner_uid The User ID of the owner of the events.
* @param array $event_params An assoziative array with * @param array $event_params An assoziative array with
* int 'ignored' => * int 'ignored' =><br>
* string 'start' => Start time of the timeframe * string 'start' => Start time of the timeframe.<br>
* string 'finish' => Finish time of the timeframe * string 'finish' => Finish time of the timeframe.<br>
* string 'adjust_start' => * string 'adjust_start' =><br>
* string 'adjust_start' => * string 'adjust_start' =>
* *
* @param string $sql_extra Additional sql conditions (e.g. permission request) * @param string $sql_extra Additional sql conditions (e.g. permission request).
* @return array Query results *
* @return array Query results.
*/ */
function events_by_date($owner_uid = 0, $event_params, $sql_extra = '') { function events_by_date($owner_uid = 0, $event_params, $sql_extra = '') {
// Only allow events if there is a valid owner_id // Only allow events if there is a valid owner_id.
if ($owner_uid == 0) { if ($owner_uid == 0) {
return; return;
} }
// Query for the event by date // Query for the event by date.
$r = q("SELECT `event`.*, `item`.`id` AS `itemid`,`item`.`plink`, $r = q("SELECT `event`.*, `item`.`id` AS `itemid`,`item`.`plink`,
`item`.`author-name`, `item`.`author-avatar`, `item`.`author-link` FROM `event` `item`.`author-name`, `item`.`author-avatar`, `item`.`author-link` FROM `event`
LEFT JOIN `item` ON `item`.`event-id` = `event`.`id` AND `item`.`uid` = `event`.`uid` LEFT JOIN `item` ON `item`.`event-id` = `event`.`id` AND `item`.`uid` = `event`.`uid`
@ -559,10 +596,10 @@ function events_by_date($owner_uid = 0, $event_params, $sql_extra = '') {
} }
/** /**
* @brief Convert an array query results in an arry which could be used by the events template * @brief Convert an array query results in an arry which could be used by the events template.
* *
* @param array $arr Event query array * @param array $arr Event query array.
* @return array Event array for the template * @return array Event array for the template.
*/ */
function process_events($arr) { function process_events($arr) {
$events=array(); $events=array();
@ -571,7 +608,6 @@ function process_events($arr) {
$fmt = t('l, F j'); $fmt = t('l, F j');
if (count($arr)) { if (count($arr)) {
foreach ($arr as $rr) { foreach ($arr as $rr) {
$j = (($rr['adjust']) ? datetime_convert('UTC', date_default_timezone_get(), $rr['start'], 'j') : datetime_convert('UTC', 'UTC', $rr['start'], 'j')); $j = (($rr['adjust']) ? datetime_convert('UTC', date_default_timezone_get(), $rr['start'], 'j') : datetime_convert('UTC', 'UTC', $rr['start'], 'j'));
$d = (($rr['adjust']) ? datetime_convert('UTC', date_default_timezone_get(), $rr['start'], $fmt) : datetime_convert('UTC', 'UTC', $rr['start'], $fmt)); $d = (($rr['adjust']) ? datetime_convert('UTC', date_default_timezone_get(), $rr['start'], $fmt) : datetime_convert('UTC', 'UTC', $rr['start'], $fmt));
$d = day_translate($d); $d = day_translate($d);
@ -588,7 +624,7 @@ function process_events($arr) {
$last_date = $d; $last_date = $d;
// Show edit and drop actions only if the user is the owner of the event and the event // Show edit and drop actions only if the user is the owner of the event and the event
// is a real event (no bithdays) // is a real event (no bithdays).
if (local_user() && local_user() == $rr['uid'] && $rr['type'] == 'event') { if (local_user() && local_user() == $rr['uid'] && $rr['type'] == 'event') {
$edit = ((! $rr['cid']) ? array(System::baseUrl() . '/events/event/' . $rr['id'], t('Edit event'), '', '') : null); $edit = ((! $rr['cid']) ? array(System::baseUrl() . '/events/event/' . $rr['id'], t('Edit event'), '', '') : null);
$drop = array(System::baseUrl() . '/events/drop/' . $rr['id'], t('Delete event'), '', ''); $drop = array(System::baseUrl() . '/events/drop/' . $rr['id'], t('Delete event'), '', '');
@ -626,13 +662,13 @@ function process_events($arr) {
} }
/** /**
* @brief Format event to export format (ical/csv) * @brief Format event to export format (ical/csv).
* *
* @param array $events Query result for events * @param array $events Query result for events.
* @param string $format The output format (ical/csv) * @param string $format The output format (ical/csv).
* @param string $timezone The timezone of the user (not implemented yet) * @param string $timezone The timezone of the user (not implemented yet).
* *
* @return string Content according to selected export format * @return string Content according to selected export format.
*/ */
function event_format_export ($events, $format = 'ical', $timezone) { function event_format_export ($events, $format = 'ical', $timezone) {
if (! ((is_array($events)) && count($events))) { if (! ((is_array($events)) && count($events))) {
@ -640,7 +676,7 @@ function event_format_export ($events, $format = 'ical', $timezone) {
} }
switch ($format) { switch ($format) {
// Format the exported data as a CSV file // Format the exported data as a CSV file.
case "csv": case "csv":
header("Content-type: text/csv"); header("Content-type: text/csv");
$o = '"Subject", "Start Date", "Start Time", "Description", "End Date", "End Time", "Location"' . PHP_EOL; $o = '"Subject", "Start Date", "Start Time", "Description", "End Date", "End Time", "Location"' . PHP_EOL;
@ -661,7 +697,7 @@ function event_format_export ($events, $format = 'ical', $timezone) {
} }
break; break;
// Format the exported data as a ics file // Format the exported data as a ics file.
case "ical": case "ical":
header("Content-type: text/ics"); header("Content-type: text/ics");
$o = 'BEGIN:VCALENDAR' . PHP_EOL $o = 'BEGIN:VCALENDAR' . PHP_EOL
@ -676,7 +712,6 @@ function event_format_export ($events, $format = 'ical', $timezone) {
// but test your solution against http://icalvalid.cloudapp.net/ // but test your solution against http://icalvalid.cloudapp.net/
// also long lines SHOULD be split at 75 characters length // also long lines SHOULD be split at 75 characters length
foreach ($events as $event) { foreach ($events as $event) {
if ($event['adjust'] == 1) { if ($event['adjust'] == 1) {
$UTC = 'Z'; $UTC = 'Z';
} else { } else {
@ -729,32 +764,32 @@ function event_format_export ($events, $format = 'ical', $timezone) {
} }
/** /**
* @brief Get all events for a user ID * @brief Get all events for a user ID.
* *
* The query for events is done permission sensitive * The query for events is done permission sensitive.
* If the user is the owner of the calendar he/she * If the user is the owner of the calendar he/she
* will get all of his/her available events. * will get all of his/her available events.
* If the user is only a visitor only the public events will * If the user is only a visitor only the public events will
* be available * be available.
* *
* @param int $uid The user ID * @param int $uid The user ID.
* @param int $sql_extra Additional sql conditions for permission * @param int $sql_extra Additional sql conditions for permission.
* *
* @return array Query results * @return array Query results.
*/ */
function events_by_uid($uid = 0, $sql_extra = '') { function events_by_uid($uid = 0, $sql_extra = '') {
if ($uid == 0) { if ($uid == 0) {
return; return;
} }
// The permission condition if no condition was transmitted // The permission condition if no condition was transmitted.
if ($sql_extra == '') { if ($sql_extra == '') {
$sql_extra = " AND `allow_cid` = '' AND `allow_gid` = '' "; $sql_extra = " AND `allow_cid` = '' AND `allow_gid` = '' ";
} }
// Does the user who requests happen to be the owner of the events // Does the user who requests happen to be the owner of the events
// requested? then show all of your events, otherwise only those that // requested? then show all of your events, otherwise only those that
// don't have limitations set in allow_cid and allow_gid // don't have limitations set in allow_cid and allow_gid.
if (local_user() == $uid) { if (local_user() == $uid) {
$r = q("SELECT `start`, `finish`, `adjust`, `summary`, `desc`, `location`, `nofinish` $r = q("SELECT `start`, `finish`, `adjust`, `summary`, `desc`, `location`, `nofinish`
FROM `event` WHERE `uid`= %d AND `cid` = 0 ", FROM `event` WHERE `uid`= %d AND `cid` = 0 ",
@ -774,42 +809,42 @@ function events_by_uid($uid = 0, $sql_extra = '') {
/** /**
* *
* @param int $uid The user ID * @param int $uid The user ID.
* @param string $format Output format (ical/csv) * @param string $format Output format (ical/csv).
* @return array With the results * @return array With the results:
* bool 'success' => True if the processing was successful * bool 'success' => True if the processing was successful,<br>
* string 'format' => The output format * string 'format' => The output format,<br>
* string 'extension' => The file extension of the output format * string 'extension' => The file extension of the output format,<br>
* string 'content' => The formatted output content * string 'content' => The formatted output content.<br>
* *
* @todo Respect authenticated users with events_by_uid() * @todo Respect authenticated users with events_by_uid().
*/ */
function event_export($uid, $format = 'ical') { function event_export($uid, $format = 'ical') {
$process = false; $process = false;
// We are allowed to show events // We are allowed to show events.
// get the timezone the user is in // Get the timezone the user is in.
$r = q("SELECT `timezone` FROM `user` WHERE `uid` = %d LIMIT 1", intval($uid)); $r = q("SELECT `timezone` FROM `user` WHERE `uid` = %d LIMIT 1", intval($uid));
if (dbm::is_result($r)) { if (dbm::is_result($r)) {
$timezone = $r[0]['timezone']; $timezone = $r[0]['timezone'];
} }
// Get all events which are owned by a uid (respects permissions); // Get all events which are owned by a uid (respects permissions).
$events = events_by_uid($uid); $events = events_by_uid($uid);
// We have the events that are available for the requestor // We have the events that are available for the requestor.
// now format the output according to the requested format // Now format the output according to the requested format.
if (count($events)) { if (count($events)) {
$res = event_format_export($events, $format, $timezone); $res = event_format_export($events, $format, $timezone);
} }
// If there are results the precess was successfull // If there are results the precess was successfull.
if (x($res)) { if (x($res)) {
$process = true; $process = true;
} }
// Get the file extension for the format // Get the file extension for the format.
switch ($format) { switch ($format) {
case "ical": case "ical":
$file_ext = "ics"; $file_ext = "ics";
@ -834,33 +869,33 @@ function event_export($uid, $format = 'ical') {
} }
/** /**
* @brief Get the events widget * @brief Get the events widget.
* *
* @return string Formated html of the evens widget * @return string Formated html of the evens widget.
*/ */
function widget_events() { function widget_events() {
$a = get_app(); $a = get_app();
$owner_uid = $a->data['user']['uid']; $owner_uid = $a->data['user']['uid'];
// $a->data is only available if the profile page is visited. If the visited page is not part // $a->data is only available if the profile page is visited. If the visited page is not part
// of the profile page it should be the personal /events page. So we can use $a->user // of the profile page it should be the personal /events page. So we can use $a->user.
$user = ($a->data['user']['nickname'] ? $a->data['user']['nickname'] : $a->user['nickname']); $user = ($a->data['user']['nickname'] ? $a->data['user']['nickname'] : $a->user['nickname']);
// The permission testing is a little bit tricky because we have to respect many cases // The permission testing is a little bit tricky because we have to respect many cases.
// It's not the private events page (we don't get the $owner_uid for /events) // It's not the private events page (we don't get the $owner_uid for /events).
if (! local_user() && ! $owner_uid) { if (! local_user() && ! $owner_uid) {
return; return;
} }
/* /*
* Cal logged in user (test permission at foreign profile page) * Cal logged in user (test permission at foreign profile page).
* If the $owner uid is available we know it is part of one of the profile pages (like /cal) * If the $owner uid is available we know it is part of one of the profile pages (like /cal).
* So we have to test if if it's the own profile page of the logged in user * So we have to test if if it's the own profile page of the logged in user
* or a foreign one. For foreign profile pages we need to check if the feature * or a foreign one. For foreign profile pages we need to check if the feature
* for exporting the cal is enabled (otherwise the widget would appear for logged in users * for exporting the cal is enabled (otherwise the widget would appear for logged in users
* on foreigen profile pages even if the widget is disabled) * on foreigen profile pages even if the widget is disabled).
*/ */
if (intval($owner_uid) && local_user() !== $owner_uid && ! feature_enabled($owner_uid, "export_calendar")) { if (intval($owner_uid) && local_user() !== $owner_uid && ! feature_enabled($owner_uid, "export_calendar")) {
return; return;
@ -868,7 +903,7 @@ function widget_events() {
/* /*
* If it's a kind of profile page (intval($owner_uid)) return if the user not logged in and * If it's a kind of profile page (intval($owner_uid)) return if the user not logged in and
* export feature isn't enabled * export feature isn't enabled.
*/ */
if (intval($owner_uid) && ! local_user() && ! feature_enabled($owner_uid, "export_calendar")) { if (intval($owner_uid) && ! local_user() && ! feature_enabled($owner_uid, "export_calendar")) {
return; return;
@ -881,3 +916,125 @@ function widget_events() {
'$user' => $user '$user' => $user
)); ));
} }
/**
* @brief Format an item array with event data to HTML.
*
* @param arr $item Array with item and event data.
* @return string HTML output.
*/
function format_event_item($item) {
$same_date = false;
$finish = false;
// Set the different time formats.
$dformat = t('l F d, Y \@ g:i A'); // Friday January 18, 2011 @ 8:01 AM.
$dformat_short = t('D g:i A'); // Fri 8:01 AM.
$tformat = t('g:i A'); // 8:01 AM.
// Convert the time to different formats.
$dtstart_dt = (($item['event-adjust']) ? day_translate(datetime_convert('UTC', date_default_timezone_get(), $item['event-start'], $dformat)) : day_translate(datetime_convert('UTC', 'UTC', $item['event-start'], $dformat)));
$dtstart_title = datetime_convert('UTC', 'UTC', $item['event-start'], (($item['event-adjust']) ? ATOM_TIME : 'Y-m-d\TH:i:s'));
// Format: Jan till Dec.
$month_short = (($item['event-adjust']) ? day_short_translate(datetime_convert('UTC', date_default_timezone_get(), $item['event-start'], 'M')) : day_short_translate(datetime_convert('UTC', 'UTC', $item['event-start'], 'M')));
// Format: 1 till 31.
$date_short = (($item['event-adjust']) ? datetime_convert('UTC', date_default_timezone_get(), $item['event-start'], 'j') : datetime_convert('UTC', 'UTC', $item['event-start'], 'j'));
$start_time = (($item['event-adjust']) ? datetime_convert('UTC', date_default_timezone_get(), $item['event-start'], $tformat) : datetime_convert('UTC', 'UTC', $item['event-start'], $tformat));
$start_short = (($item['event-adjust']) ? day_short_translate(datetime_convert('UTC', date_default_timezone_get(), $item['event-start'], $dformat_short)) : day_short_translate(datetime_convert('UTC', 'UTC', $item['event-start'], $dformat_short)));
// If the option 'nofinisch' isn't set, we need to format the finish date/time.
if (!$item['event-nofinish']) {
$finish = true;
$dtend_dt = (($item['event-adjust']) ? day_translate(datetime_convert('UTC', date_default_timezone_get(), $item['event-finish'], $dformat)) : day_translate(datetime_convert('UTC', 'UTC', $item['event-finish'], $dformat)));
$dtend_title = datetime_convert('UTC', 'UTC', $item['event-finish'], (($item['event-adjust']) ? ATOM_TIME : 'Y-m-d\TH:i:s'));
$end_short = (($item['event-adjust']) ? day_short_translate(datetime_convert('UTC', date_default_timezone_get(), $item['event-finish'], $dformat_short)) : day_short_translate(datetime_convert('UTC', 'UTC', $item['event-finish'], $dformat_short)));
$end_time = (($item['event-adjust']) ? datetime_convert('UTC', date_default_timezone_get(), $item['event-finish'], $tformat) : datetime_convert('UTC', 'UTC', $item['event-finish'], $tformat));
// Check if start and finish time is at the same day.
if (substr($dtstart_title, 0, 10) === substr($dtend_title, 0, 10)) {
$same_date = true;
}
}
// Format the event location.
$evloc = event_location2array($item['event-location']);
$location = array(
'name' => prepare_text($evloc['name'])
);
// Construct the map HTML.
if (isset($evloc['address'])) {
$location['map'] = '<div class="map">' . generate_named_map($evloc['address']) . '</div>';
} elseif (isset($evloc['coordinates'])) {
$location['map'] = '<div class="map">' . generate_map(str_replace('/', ' ', $evloc['coordinates'])) . '</div>';
}
$event = replace_macros(get_markup_template('event_stream_item.tpl'), array(
'$id' => $item['event-id'],
'$title' => prepare_text($item['event-summary']),
'$dtstart_label' => t('Starts:'),
'$dtstart_title' => $dtstart_title,
'$dtstart_dt' => $dtstart_dt,
'$finish' => $finish,
'$dtend_label' => t('Finishes:'),
'$dtend_title' => $dtend_title,
'$dtend_dt' => $dtend_dt,
'$month_short' => $month_short,
'$date_short' => $date_short,
'$same_date' => $same_date,
'$start_time' => $start_time,
'$start_short' => $start_short,
'$end_time' => $end_time,
'$end_short' => $end_short,
'$author_name' => $item['author-name'],
'$author_link' => $item['author-link'],
'$author_avatar' => $item['author-avatar'],
'$description' => prepare_text($item['event-desc']),
'$location_label' => t('Location:'),
'$show_map_label' => t('Show map'),
'$hide_map_label' => t('Hide map'),
'$map_btn_label' => t('Show map'),
'$location' => $location
));
return $event;
}
/**
* @brief Format a string with map bbcode to an array with location data.
*
* Note: The string must only contain location data. A string with no bbcode will be
* handled as location name.
*
* @param string $s The string with the bbcode formatted location data.
*
* @return array The array with the location data.
* 'name' => The name of the location,<br>
* 'address' => The address of the location,<br>
* 'coordinates' => Latitude‎ and longitude‎ (e.g. '48.864716,2.349014').<br>
*/
function event_location2array($s = '') {
if ($s == '') {
return;
}
$location = array('name' => $s);
// Map tag with location name - e.g. [map]Paris[/map].
if (strpos($s, '[/map]') !== false) {
$found = preg_match("/\[map\](.*?)\[\/map\]/ism", $s, $match);
if (intval($found) > 0 && array_key_exists(1, $match)) {
$location['address'] = $match[1];
// Remove the map bbcode from the location name.
$location['name'] = str_replace($match[0], "", $s);
}
// Map tag with coordinates - e.g. [map=48.864716,2.349014].
} elseif (strpos($s, '[map=') !== false) {
$found = preg_match("/\[map=(.*?)\]/ism", $s, $match);
if (intval($found) > 0 && array_key_exists(1, $match)) {
$location['coordinates'] = $match[1];
// Remove the map bbcode from the location name.
$location['name'] = str_replace($match[0], "", $s);
}
}
return $location;
}

81
include/text.php
View file

@ -1191,12 +1191,11 @@ function get_mood_verbs() {
return $arr; return $arr;
} }
if (! function_exists('day_translate')) {
/** /**
* Translate days and months names * @brief Translate days and months names.
* *
* @param string $s * @param string $s String with day or month name.
* @return string * @return string Translated string.
*/ */
function day_translate($s) { function day_translate($s) {
$ret = str_replace(array('Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'), $ret = str_replace(array('Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'),
@ -1208,8 +1207,23 @@ function day_translate($s) {
$ret); $ret);
return $ret; return $ret;
}} }
/**
* @brief Translate short days and months names.
*
* @param string $s String with short day or month name.
* @return string Translated string.
*/
function day_short_translate($s) {
$ret = str_replace(array('Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'),
array(t('Mon'), t('Tue'), t('Wed'), t('Thu'), t('Fri'), t('Sat'), t('Sund')),
$s);
$ret = str_replace(array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov','Dec'),
array(t('Jan'), t('Feb'), t('Mar'), t('Apr'), t('May'), ('Jun'), t('Jul'), t('Aug'), t('Sep'), t('Oct'), t('Nov'), t('Dec')),
$ret);
return $ret;
}
if (! function_exists('normalise_link')) { if (! function_exists('normalise_link')) {
/** /**
@ -1288,13 +1302,9 @@ function put_item_in_cache(&$item, $update = false) {
} }
} }
// Given an item array, convert the body element from bbcode to html and add smilie icons.
// If attach is true, also add icons for item attachments
if (! function_exists('prepare_body')) {
/** /**
* Given an item array, convert the body element from bbcode to html and add smilie icons. * @brief Given an item array, convert the body element from bbcode to html and add smilie icons.
* If attach is true, also add icons for item attachments * If attach is true, also add icons for item attachments.
* *
* @param array $item * @param array $item
* @param boolean $attach * @param boolean $attach
@ -1314,6 +1324,13 @@ function prepare_body(&$item, $attach = false, $preview = false) {
$hashtags = array(); $hashtags = array();
$mentions = array(); $mentions = array();
// In order to provide theme developers more possibilities, event items
// are treated differently.
if ($item['object-type'] === ACTIVITY_OBJ_EVENT && isset($item['event-id'])) {
$ev = format_event_item($item);
return $ev;
}
if (!get_config('system','suppress_tags')) { if (!get_config('system','suppress_tags')) {
$taglist = dba::p("SELECT `type`, `term`, `url` FROM `term` WHERE `otype` = ? AND `oid` = ? AND `type` IN (?, ?) ORDER BY `tid`", $taglist = dba::p("SELECT `type`, `term`, `url` FROM `term` WHERE `otype` = ? AND `oid` = ? AND `type` IN (?, ?) ORDER BY `tid`",
intval(TERM_OBJ_POST), intval($item['id']), intval(TERM_HASHTAG), intval(TERM_MENTION)); intval(TERM_OBJ_POST), intval($item['id']), intval(TERM_HASHTAG), intval(TERM_MENTION));
@ -1346,10 +1363,10 @@ function prepare_body(&$item, $attach = false, $preview = false) {
$item['hashtags'] = $hashtags; $item['hashtags'] = $hashtags;
$item['mentions'] = $mentions; $item['mentions'] = $mentions;
// Update the cached values if there is no "zrl=..." on the links // Update the cached values if there is no "zrl=..." on the links.
$update = (!local_user() and !remote_user() and ($item["uid"] == 0)); $update = (!local_user() && !remote_user() && ($item["uid"] == 0));
// Or update it if the current viewer is the intented viewer // Or update it if the current viewer is the intented viewer.
if (($item["uid"] == local_user()) && ($item["uid"] != 0)) { if (($item["uid"] == local_user()) && ($item["uid"] != 0)) {
$update = true; $update = true;
} }
@ -1362,7 +1379,7 @@ function prepare_body(&$item, $attach = false, $preview = false) {
$s = $prep_arr['html']; $s = $prep_arr['html'];
if (! $attach) { if (! $attach) {
// Replace the blockquotes with quotes that are used in mails // Replace the blockquotes with quotes that are used in mails.
$mailquote = '<blockquote type="cite" class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">'; $mailquote = '<blockquote type="cite" class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">';
$s = str_replace(array('<blockquote>', '<blockquote class="spoiler">', '<blockquote class="author">'), array($mailquote, $mailquote, $mailquote), $s); $s = str_replace(array('<blockquote>', '<blockquote class="spoiler">', '<blockquote class="author">'), array($mailquote, $mailquote, $mailquote), $s);
return $s; return $s;
@ -1375,7 +1392,7 @@ function prepare_body(&$item, $attach = false, $preview = false) {
foreach ($arr as $r) { foreach ($arr as $r) {
$matches = false; $matches = false;
$icon = ''; $icon = '';
$cnt = preg_match_all('|\[attach\]href=\"(.*?)\" length=\"(.*?)\" type=\"(.*?)\" title=\"(.*?)\"|',$r,$matches, PREG_SET_ORDER); $cnt = preg_match_all('|\[attach\]href=\"(.*?)\" length=\"(.*?)\" type=\"(.*?)\" title=\"(.*?)\"|',$r ,$matches, PREG_SET_ORDER);
if ($cnt) { if ($cnt) {
foreach ($matches as $mtch) { foreach ($matches as $mtch) {
$mime = $mtch[3]; $mime = $mtch[3];
@ -1408,9 +1425,9 @@ function prepare_body(&$item, $attach = false, $preview = false) {
)); ));
} }
$filetype = strtolower(substr($mime, 0, strpos($mime,'/'))); $filetype = strtolower(substr($mime, 0, strpos($mime, '/')));
if ($filetype) { if ($filetype) {
$filesubtype = strtolower(substr($mime, strpos($mime,'/') + 1)); $filesubtype = strtolower(substr($mime, strpos($mime, '/') + 1));
$filesubtype = str_replace('.', '-', $filesubtype); $filesubtype = str_replace('.', '-', $filesubtype);
} else { } else {
$filetype = 'unkn'; $filetype = 'unkn';
@ -1430,19 +1447,19 @@ function prepare_body(&$item, $attach = false, $preview = false) {
$s .= '<div class="body-attach">'.$as.'<div class="clear"></div></div>'; $s .= '<div class="body-attach">'.$as.'<div class="clear"></div></div>';
} }
// map // Map.
if (strpos($s, '<div class="map">') !== false && x($item, 'coord')) { if (strpos($s, '<div class="map">') !== false && x($item, 'coord')) {
$x = generate_map(trim($item['coord'])); $x = generate_map(trim($item['coord']));
if ($x) { if ($x) {
$s = preg_replace('/\<div class\=\"map\"\>/','$0' . $x,$s); $s = preg_replace('/\<div class\=\"map\"\>/', '$0' . $x, $s);
} }
} }
// Look for spoiler // Look for spoiler.
$spoilersearch = '<blockquote class="spoiler">'; $spoilersearch = '<blockquote class="spoiler">';
// Remove line breaks before the spoiler // Remove line breaks before the spoiler.
while ((strpos($s, "\n" . $spoilersearch) !== false)) { while ((strpos($s, "\n" . $spoilersearch) !== false)) {
$s = str_replace("\n" . $spoilersearch, $spoilersearch, $s); $s = str_replace("\n" . $spoilersearch, $spoilersearch, $s);
} }
@ -1458,7 +1475,7 @@ function prepare_body(&$item, $attach = false, $preview = false) {
$s = substr($s, 0, $pos) . $spoilerreplace . substr($s, $pos + strlen($spoilersearch)); $s = substr($s, 0, $pos) . $spoilerreplace . substr($s, $pos + strlen($spoilersearch));
} }
// Look for quote with author // Look for quote with author.
$authorsearch = '<blockquote class="author">'; $authorsearch = '<blockquote class="author">';
while ((strpos($s, $authorsearch) !== false)) { while ((strpos($s, $authorsearch) !== false)) {
@ -1469,7 +1486,7 @@ function prepare_body(&$item, $attach = false, $preview = false) {
$s = substr($s, 0, $pos) . $authorreplace . substr($s, $pos + strlen($authorsearch)); $s = substr($s, 0, $pos) . $authorreplace . substr($s, $pos + strlen($authorsearch));
} }
// replace friendica image url size with theme preference // Replace friendica image url size with theme preference.
if (x($a->theme_info, 'item_image_size')){ if (x($a->theme_info, 'item_image_size')){
$ps = $a->theme_info['item_image_size']; $ps = $a->theme_info['item_image_size'];
$s = preg_replace('|(<img[^>]+src="[^"]+/photo/[0-9a-f]+)-[0-9]|', "$1-" . $ps, $s); $s = preg_replace('|(<img[^>]+src="[^"]+/photo/[0-9a-f]+)-[0-9]|', "$1-" . $ps, $s);
@ -1479,15 +1496,13 @@ function prepare_body(&$item, $attach = false, $preview = false) {
call_hooks('prepare_body_final', $prep_arr); call_hooks('prepare_body_final', $prep_arr);
return $prep_arr['html']; return $prep_arr['html'];
}} }
if (! function_exists('prepare_text')) {
/** /**
* Given a text string, convert from bbcode to html and add smilie icons. * @brief Given a text string, convert from bbcode to html and add smilie icons.
* *
* @param string $text * @param string $text String with bbcode.
* @return string * @return string Formattet HTML.
*/ */
function prepare_text($text) { function prepare_text($text) {
@ -1500,9 +1515,7 @@ function prepare_text($text) {
} }
return trim($s); return trim($s);
}} }
/** /**
* return array with details for categories and folders for an item * return array with details for categories and folders for an item

18
view/global.css
View file

@ -179,6 +179,24 @@ blockquote.shared_content {
border: none; border: none;
} }
/* Events */
.event-summary {
margin: 0px 0px 10px 0px;
font-weight: bold;
}
.vevent .event-summary {
margin: 0px 0px 10px 0px;
}
.vevent .event-description {
padding: 10px 0;
}
.event-label {
font-weight: bold;
}
.settings-heading a:after{ .settings-heading a:after{
content: ' »'; content: ' »';
} }

29
view/templates/event_stream_item.tpl Normal file
View file

@ -0,0 +1,29 @@
<div class="vevent">
<div class="summary event-summary">{{$title}}</div>
<div class="event-start">
<span class="event-label">{{$dtstart_label}}</span>&nbsp;
<span class="dtstart" title="$dtstart_title">{{$dtstart_dt}}</span>
</div>
{{if $finish}}
<div class="event-end">
<span class="event-label">{{$dtstart_label}}</span>&nbsp;
<span class="dend" title="$dtend_title">{{$dtend_dt}}</span>
</div>
{{/if}}
<div class="description event-description">{{$description}}</div>
{{if $location}}
<div class="event-location">
<span class="event-label">{{$location_label}}</span>&nbsp;
{{if $location.name}}
<span class="event-location">{{$location.name}}</span>
{{/if}}
{{if $location.map}}{{$location.map}}{{/if}}
</div>
{{/if}}
</div>

40
view/theme/frio/css/mod_events.css
View file

@ -97,13 +97,11 @@
width: 60px; width: 60px;
} }
/** /**
* The event-card * The event-card
*/ */
.event-card { .event-card {
width: auto; width: auto;
} }
.event-card .event-label, .event-card .event-label,
.event-card .location-label { .event-card .location-label {
@ -114,41 +112,7 @@
padding: 9px; padding: 9px;
padding-left: 0px; padding-left: 0px;
} }
.event-card .event-hover-left-date {
width: 60px;
}
.event-card .event-date-wrapper.medium > span {
display: block;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
.event-card .event-date-wrapper.medium .event-hover-short-month {
font-size: 13px;
text-transform: uppercase;
}
.event-card .event-date-wrapper.medium .event-hover-short-date {
font-size: 24px;
line-height: 28px;
margin-top: 2px;
}
.event-card .event-card-basic-content .event-card-content {
width: 100%;
padding: 0 5px 0 15px;
box-shadow: 1.5px 0 0 0 rgba(0, 0, 0, .1) inset;
}
.event-card .event-hover-title {
font-size: 14px;
color: #555;
line-height: 15px;
font-weight: bold;
}
.event-card .event-hover-location {
margin-top: 10px;
font-size: 13px;
}
.event-card .event-hover-location .location { .event-card .event-hover-location .location {
color: #777; color: #777;
font-size: 13px; font-size: 13px;
} }

90
view/theme/frio/css/style.css
View file

@ -2450,7 +2450,96 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
.event-buttons .plink-event-link { .event-buttons .plink-event-link {
margin-left: 20px; margin-left: 20px;
} }
.vevent .event-summary {
font-size: 16px;
}
.vevent .event-description {
padding: 10px 0;
}
.vevent .event-location .location {
font-size: inherit;
color: inherit;
}
.modal-body .vevent .event-summary {
display: none;
}
/* Event Cards */
.event-card-details, .event-card-header {
width: 100%;
}
.event-card-header, .event-card-left-date {
float: left;
}
.vevent .event-card-header {
display: table;
}
.event-card-left-date {
width: 60px; /* Das muss wahrscheinlich unterschiedlich sein zwischen calendar und stream */
}
.event-card .event-date-wrapper > span {
display: block;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
.event-card .event-date-wrapper .event-card-short-month {
font-size: 13px;
text-transform: uppercase;
}
.event-card .event-date-wrapper.medium .event-card-short-date {
font-size: 24px;
line-height: 28px;
margin-top: 2px;
}
.event-card .event-card-content {
width: 100%;
padding: 0 5px 0 15px;
box-shadow: 1.5px 0 0 0 rgba(0, 0, 0, .1) inset;
color: #777;
position: relative;
}
.event-card .event-card-content .event-map-btn {
position: absolute;
right: 0;
top:0;
line-height: 15px;
}
.event-card .event-card-title {
font-size: 14px;
color: #555;
line-height: 15px;
font-weight: bold;
}
.event-card .event-card-location {
margin-top: 10px;
font-size: 13px;
}
.event-card .event-card-location br {
content: " ";
}
.event-card .event-card-location br::after {
content: " ";
}
.event-card-profile-name a {
color: $link_color;
}
.event-card-profile-name a:hover {
color: $link_hover_color;
}
.event-card .event-card-content .event-location-map {
position: absolute;
left: -9999px;
top: -9999px;
}
.event-card .event-card-content .event-location-map .map{
margin-top: 10px;
}
.event-card .event-description .seperator {
margin-top: 0;
box-shadow: 0 1.5px 0 0 rgba(0, 0, 0, .1) inset;
}
/* Photos Pages */ /* Photos Pages */
#photo-photo { #photo-photo {
position: relative; position: relative;
@ -2888,3 +2977,4 @@ body .tread-wrapper .hovercard:hover .hover-card-content a {
section .profile-match-wrapper { section .profile-match-wrapper {
float: left; float: left;
} }

21
view/theme/frio/js/mod_events.js
View file

@ -127,17 +127,17 @@ function changeView(action, viewName) {
function eventHoverBodyTemplate() { function eventHoverBodyTemplate() {
var template = '\ var template = '\
<div class="event-card-basic-content media">\ <div class="event-card-basic-content media">\
<div class="hover-card-details">\ <div class="event-card-details">\
<div class="hover-card-header left-align">\ <div class="event-card-header">\
<div class="event-hover-left-date left-align">\ <div class="event-card-left-date">\
<span class="event-date-wrapper medium">\ <span class="event-date-wrapper medium">\
<span class="event-hover-short-month">{5}</span>\ <span class="event-card-short-month">{5}</span>\
<span class="event-hover-short-date">{6}</span>\ <span class="event-card-short-date">{6}</span>\
</span>\ </span>\
</div>\ </div>\
<div class="event-card-content media-body">\ <div class="event-card-content media-body">\
<div class="event-hover-title">{2}</div>\ <div class="event-card-title">{2}</div>\
<div class="event-property"><span class="event-hover-date">{4}</span>{3}\ <div class="event-property"><span class="event-card-date">{4}</span>{3}\
{1}\ {1}\
</div>\ </div>\
</div>\ </div>\
@ -150,14 +150,15 @@ function eventHoverBodyTemplate() {
// The template for presenting the event location in the event hover-card // The template for presenting the event location in the event hover-card
function eventHoverLocationTemplate() { function eventHoverLocationTemplate() {
var template = '<span class="event-hover-location"> {0}</span></div>'; var template = '<span role="presentation" aria-hidden="true"> · </span>\
<span class="event-card-location"> {0}</span></div>';
return template; return template;
} }
function eventHoverProfileNameTemplate() { function eventHoverProfileNameTemplate() {
var template = '\ var template = '\
<div class="event-hover-profile-name profile-entry-name">\ <div class="event-card-profile-name profile-entry-name">\
<span class="left-align1"><a href="{0}" class="userinfo">{1}</a></span>\ <a href="{0}" class="userinfo">{1}</a>\
</div>'; </div>';
return template; return template;
} }

38
view/theme/frio/js/theme.js
View file

@ -353,6 +353,11 @@ $(document).ready(function(){
$("body").removeClass("aside-out"); $("body").removeClass("aside-out");
}); });
// Event listener for 'Show & hide event map' button in the network stream.
$("body").on("click", ".event-map-btn", function() {
showHideEventMap(this);
});
}); });
function openClose(theID) { function openClose(theID) {
@ -375,7 +380,6 @@ function showHide(theID) {
} }
} }
function showHideComments(id) { function showHideComments(id) {
if( $('#collapsed-comments-' + id).is(':visible')) { if( $('#collapsed-comments-' + id).is(':visible')) {
$('#collapsed-comments-' + id).slideUp(); $('#collapsed-comments-' + id).slideUp();
@ -389,6 +393,37 @@ function showHideComments(id) {
} }
} }
// Show & hide event map in the network stream by button click.
function showHideEventMap(elm) {
// Get the id of the map element - it should be provided through
// the atribute "data-map-id".
var mapID = elm.getAttribute('data-map-id');
// Get translation labels.
var mapshow = elm.getAttribute('data-show-label');
var maphide = elm.getAttribute('data-hide-label');
// Change the button labels.
if (elm.innerText == mapshow) {
$('#' + elm.id).text(maphide);
} else {
$('#' + elm.id).text(mapshow);
}
// Because maps are iframe elements, we cant hide it through css (display: none).
// We solve this issue by putting the map outside the screen with css.
// So the first time the 'Show map' button is pressed we move the map
// element into the screen area.
var mappos = $('#' + mapID).css('position');
if (mappos === 'absolute') {
$('#' + mapID).hide();
$('#' + mapID).css({position: 'relative', left: 'auto', top: 'auto'});
openClose(mapID);
} else {
openClose(mapID);
}
return false;
}
function justifyPhotos() { function justifyPhotos() {
justifiedGalleryActive = true; justifiedGalleryActive = true;
@ -506,7 +541,6 @@ function filter_replace(item) {
}; };
})( jQuery ); })( jQuery );
// current time in milliseconds, to send each request to make sure // current time in milliseconds, to send each request to make sure
// we 're not getting 304 response // we 're not getting 304 response
function timeNow() { function timeNow() {

44
view/theme/frio/templates/event_stream_item.tpl Normal file
View file

@ -0,0 +1,44 @@
<div class="vevent event-card">
<div class="vevent-header">
<div class="event-card-details">
<div class="event-card-header">
<div class="event-card-left-date">
<span class="event-date-wrapper medium">
<span class="event-card-short-month">{{$month_short}}</span>
<span class="event-card-short-date">{{$date_short}}</span>
</span>
</div>
<div class="event-card-content media-body">
<div class="event-title event-card-title summary event-summary">{{$title}}</div>
{{if $location.map}}<button id="event-map-btn-{{$id}}" class="event-map-btn btn-link fakelink nav nav-pills preferences" data-map-id="event-location-map-{{$id}}" data-show-label="{{$show_map_label}}" data-hide-label="{{$hide_map_label}}">{{$map_btn_label}}</button>{{/if}}
<div class="event-property">
<span class="event-date">
<span class="event-start dtstart" title="{{$dtstart_title}}">{{$start_short}}</span>
{{if $finish}} - <span class="event-end dtend" title="{{$dtend_title}}">{{if $same_date}}{{$end_time}}{{else}}{{$end_short}}{{/if}}</span>{{/if}}
</span>
{{if $location.name}}
<span role="presentation" aria-hidden="true"> · </span>
<span class="event-location event-card-location">{{$location.name}}</span>
{{/if}}
</div>
<div class="event-card-profile-name profile-entry-name">
<a href="{{$author_link}}" class="userinfo">{{$author_name}}</a>
</div>
{{if $location.map}}
<div id="event-location-map-{{$id}}" class="event-location-map">{{$location.map}}</div>
{{/if}}
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="clearfix"></div>
{{if $description}}
<div class="description event-description">
<hr class="seperator" />
{{$description}}
</div>
{{/if}}
</div>