/** * Display navigation */ protected function displayNavigation() { $Code = '<div id="ajax-navigation" class="panel">'; $Code .= '<div class="panel-heading">'; $Code .= '<h1>' . __('Multi editor') . '</h1>'; $Code .= '</div>'; $Code .= '<div class="panel-content">'; $Code .= '<table class="multi-edit-table fullwidth zebra-style"><tbody>'; foreach (self::$IDs as $i => $ID) { $Preview = new Preview(new Activity\Object($this->fetchActivity($ID))); $Code .= '<tr id="multi-edit-' . $ID . '" class="link ' . ($i == 0 ? ' highlight' : '') . ' show-on-hover-parent">'; $Code .= '<td class="multi-edit-sport-icon c"><span class="link show-on-hover multi-edit-remove-link">' . Icon::$CROSS_SMALL . '</span>' . $Preview->sportIcon() . '</td>'; $Code .= '<td>' . $Preview->dateAndSmallTime() . '<br><small>' . $Preview->durationAndDistance() . '</small></td>'; $Code .= '<td class="multi-edit-icon">' . $Preview->hrIcon() . '</td>'; $Code .= '<td class="multi-edit-icon">' . $Preview->splitsIcon() . '</td>'; $Code .= '<td class="multi-edit-icon">' . $Preview->mapIcon() . '</td>'; $Code .= '</tr>'; } $Code .= '</tbody></table>'; $Code .= '</div>'; $Code .= '</div>'; echo Ajax::wrapJS('$(\'#ajax-navigation\').remove();$(\'#ajax-outer\').append(\'' . $Code . '\')'); echo Ajax::wrapJSasFunction('$("#ajax-navigation tr.link").click(function(e){ $("#ajax-navigation tr.link.highlight").removeClass("highlight").addClass("edited"); $(this).removeClass("edited").addClass("highlight"); Runalyze.Overlay.load( "' . Linker::EDITOR_URL . '?mode=multi&id=" + $(this).attr("id").substr(11) ); });'); echo Ajax::wrapJSasFunction('$("#ajax-navigation .multi-edit-remove-link").click(function(e){ $(this).parent().parent().remove(); e.stopPropagation(); });'); }