/**
* 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();
});');
}
