activate modal on events app card, add class for user

This commit is contained in:
marko
2022-07-03 19:39:51 +02:00
parent 5903f65185
commit fd62691c17
4 changed files with 96 additions and 17 deletions

View File

@@ -84,8 +84,8 @@ class shiai
'<dt>Datum:</dt><dd>' . $this->getHtmlDate() . '</dd>' .
'<dt>Altersklassen</dt><dd>' . $this->getAgeClasses() . '</dd>' .
'<dt>Ort</dt><dd>' . $this->getPlace() . '</dd>' .
'</dl>';
'</dl>' .
'</div>';
return $retHtml;
}
} // end class shiai
@@ -142,10 +142,13 @@ class event
public function htmlModal()
{
return
'<div id="event-modal-' . $this->id . '" class="modal">' .
'<div class="modal-content">' . $this->shiai->getHtml() . '</div>' .
'<div id="event-modal-' . $this->id . '" class="modal black-text">' .
'<div class="modal-content">' .
$this->shiai->getHtml() .
'</div>' . // end modal content
'<div class="modal-footer">' .
'<a href="#!" class="modal-close waves-effect waves-green btn-flat">Agree</a>' .
'<a href="/pages/desktop/wkParticipo/showWkEvent.php?eventId=' . $this->id . '" class="modal-close waves-effect waves-green btn-flat">Zum Event im Planer</a>' .
'<a href="#!" class="modal-close waves-effect waves-green btn-flat">Schließen</a>' .
'</div>' .
'</div>';
}
@@ -220,8 +223,18 @@ class eventPlaner
public static function getHtmlEventTable($eventList)
{
$ret = '<table>';
$ret .= '<!-- And now the table -->';
$ret = '';
// initialize the modals
$ret .= '<script>';
$ret .= "document.addEventListener('DOMContentLoaded', function() {";
$ret .= "var elems = document.querySelectorAll('.modal');";
$ret .= 'var instances = M.Modal.init(elems, {';
$ret .= '});';
$ret .= '});';
$ret .= '</script>';
$ret .= '<table>';
foreach ($eventList as $event) {
$ret .= $event->htmlTableRow();
}