44 lines
1.8 KiB
HTML
44 lines
1.8 KiB
HTML
<div class="card messages-card">
|
|
<div class="messages-header">
|
|
<div>
|
|
<h2 class="mb-1">Nachrichten</h2>
|
|
<p class="text-muted mb-0">Fordere andere User heraus und lies eingehende Antworten.</p>
|
|
</div>
|
|
<button class="btn btn-sm" id="refresh-messages-button" type="button">Aktualisieren</button>
|
|
</div>
|
|
|
|
<div id="messages-feedback" class="alert d-none mt-3 mb-0" role="alert"></div>
|
|
|
|
<div class="row g-4 mt-2">
|
|
<div class="col-lg-4">
|
|
<section class="messages-panel">
|
|
<h3>User</h3>
|
|
<div id="messages-user-list" class="messages-user-list"></div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-lg-8">
|
|
<section class="messages-panel mb-4">
|
|
<h3>Challenge senden</h3>
|
|
<form id="challenge-form" class="message-form">
|
|
<label for="challenge-recipient" class="form-label">Empfaenger</label>
|
|
<select id="challenge-recipient" class="form-select mb-3"></select>
|
|
|
|
<label for="challenge-text" class="form-label">Nachricht</label>
|
|
<textarea id="challenge-text" class="form-control mb-3" rows="3">Kannst du mich schlagen? Spiel eine Runde, dann bin ich dran.</textarea>
|
|
|
|
<button class="btn" type="submit">Challenge senden</button>
|
|
</form>
|
|
</section>
|
|
|
|
<section class="messages-panel">
|
|
<div class="messages-inbox-title">
|
|
<h3>Posteingang</h3>
|
|
<button class="btn btn-sm" id="mark-read-button" type="button">Als gelesen markieren</button>
|
|
</div>
|
|
<div id="message-list" class="message-list"></div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|