50 lines
2.1 KiB
HTML
50 lines
2.1 KiB
HTML
<div class="card messages-card mb-4 text-start">
|
|
<div class="messages-header mb-4">
|
|
<div>
|
|
<h2 class="fw-bold mb-1">Nachrichten</h2>
|
|
<p class="text-muted mb-0 fs-6">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-login-placeholder" class="alert alert-warning mt-3 d-none">
|
|
Melde dich zuerst an, bevor du eine Nachricht verschicken kannst.
|
|
</div>
|
|
|
|
<div id="messages-content" class="d-none">
|
|
<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>
|
|
</div>
|