diff options
| author | winter | 2024-12-24 00:33:02 +0000 |
|---|---|---|
| committer | winter | 2024-12-24 00:58:14 +0000 |
| commit | ef16890f38bd4256da1b873a89dfadc5067d63a9 (patch) | |
| tree | 732180bfc74e2dc987c76f7969a447eb3b6e564d /templates | |
| parent | e7e237dacaf7bbaa739c7e9a430958aed09aa647 (diff) | |
hook up the interaction buttons to a dummy thing
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/interaction_button.php | 15 | ||||
| -rw-r--r-- | templates/note.php | 6 |
2 files changed, 18 insertions, 3 deletions
diff --git a/templates/interaction_button.php b/templates/interaction_button.php new file mode 100644 index 0000000..a1fb3b0 --- /dev/null +++ b/templates/interaction_button.php @@ -0,0 +1,15 @@ +<?php +$active = $active ?? false; +$tooltip = match ($action) { + 'like' => 'Like', + 'dislike' => 'Dislike', + 'reshare' => 'Reshare' +}; +$icon = match ($action) { + 'like' => 'favorite', + 'dislike' => 'heart_broken', + 'reshare' => $active ? 'repeat_on' : 'repeat' +}; +?> +<button title="<?= $tooltip ?>" class="icon material-symbols-outlined <?= $action . ($active ? ' active' : '') ?>" + hx-post="<?= "/fragment/note/$note->id/$action" ?>" hx-swap="outerHTML"><?= $icon ?></button>
\ No newline at end of file diff --git a/templates/note.php b/templates/note.php index 31795e4..6e718f5 100644 --- a/templates/note.php +++ b/templates/note.php @@ -20,9 +20,9 @@ <?= $note->getFormattedContent('text/html') ?? htmlspecialchars($note->plainContent) ?> </div> <div class="buttons"> - <button title="Like" class="icon material-symbols-outlined">favorite</button> - <button title="Dislike" class="icon material-symbols-outlined">heart_broken</button> - <button title="Reshare" class="icon material-symbols-outlined">repeat</button> + <?php foreach (['like', 'dislike', 'reshare'] as $action) { + render_template('interaction_button', ['action' => $action, 'note' => $note]); + } ?> </div> </div> </article>
\ No newline at end of file |