Added: Habits dashboard

This commit is contained in:
Filip Rojek 2024-12-30 14:35:16 +01:00
parent d98c208df9
commit d13c490efb
2 changed files with 28 additions and 50 deletions

View File

@ -3,33 +3,22 @@
<?php if (empty($this->get('habits'))): ?> <?php if (empty($this->get('habits'))): ?>
<p>No habits yet. <a href="/habits/create">Create your first habit</a>.</p> <p>No habits yet. <a href="/habits/create">Create your first habit</a>.</p>
<?php else: ?> <?php else: ?>
<table> <div class="habits-wrapper">
<thead>
<tr>
<th>Title</th>
<th>Frequency</th>
<th>Custom Schedule</th>
<th>Points</th>
<th>Created At</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<?php foreach ($this->get('habits') as $habit): ?> <?php foreach ($this->get('habits') as $habit): ?>
<tr> <div class="habit bordered">
<td><?= htmlspecialchars($habit['title']) ?></td> <b><?= htmlspecialchars($habit['title']) ?></b>
<td><?= htmlspecialchars($habit['frequency']) ?></td> <p>Frequency: <?= htmlspecialchars($habit['frequency']) ?></p>
<td><?= htmlspecialchars($habit['custom_frequency'] ?? 'N/A') ?></td> <?php if (isset($habit['custom_frequency'])): ?>
<td><?= htmlspecialchars($habit['reward_points']) ?></td> <p><?= htmlspecialchars($habit['custom_frequency'] ?? 'N/A') ?></p>
<td><?= htmlspecialchars($habit['created_at']) ?></td> <?php endif; ?>
<td> <p><?= htmlspecialchars($habit['reward_points']) ?></p>
<p><?= htmlspecialchars($habit['created_at']) ?></p>
<a href="/habits/done">Mark as done</a> |
<a href="/habits/edit?id=<?= $habit['id'] ?>">Edit</a> | <a href="/habits/edit?id=<?= $habit['id'] ?>">Edit</a> |
<a href="/habits/delete?id=<?= $habit['id'] ?>" onclick="return confirm('Are you sure you want to delete this habit?')">Delete</a> <a href="/habits/delete?id=<?= $habit['id'] ?>" onclick="return confirm('Are you sure you want to delete this habit?')">Delete</a>
</td> </div>
</tr>
<?php endforeach; ?> <?php endforeach; ?>
</tbody> </div>
</table> <a href="/habits/create" class="btn-green">Create new habit!</a>
<a href="/habits/create">Create new habit!</a>
<?php endif; ?> <?php endif; ?>
</section> </section>

View File

@ -1,26 +1,15 @@
.habits h1 { .habits-wrapper {
font-size: 2rem; display: flex;
margin-bottom: 1rem; gap: 1rem;
flex-wrap: wrap;
justify-content: center;
} }
.habits table { .habits .bordered {
width: 100%; border-radius: var(--border-radious);
border-collapse: collapse; border: var(--borderWidth-thin) solid var(--clr-border);
width: 17rem;
padding: 1rem;
margin-top: 1rem; margin-top: 1rem;
} text-align: center;
.habits table th,
.habits table td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}
.habits a {
color: #007bff;
text-decoration: none;
}
.habits a:hover {
text-decoration: underline;
} }