frontend: Add button to restore deleted collections

This commit is contained in:
Lennart
2024-11-10 14:42:11 +01:00
parent 2d65ebb57b
commit 29313b27e9
6 changed files with 119 additions and 43 deletions

View File

@@ -16,8 +16,9 @@ li.collection-list-item {
". color-chip"
"title color-chip"
"description color-chip"
"restore color-chip"
". color-chip";
grid-template-rows: 12px auto auto 12px;
grid-template-rows: 12px auto auto auto 12px;
grid-template-columns: auto 50px;
color: inherit;
text-decoration: none;
@@ -37,6 +38,10 @@ li.collection-list-item {
border-radius: 0 12px 12px 0;
}
.restore-form {
grid-area: restore;
}
&:hover {
background: #DDD;
}
@@ -71,6 +76,9 @@ li.collection-list-item {
<span class="description">
{% if let Some(description) = calendar.description %}{{ description }}{% endif %}
</span>
<form action="/frontend/user/{{ user_id }}/calendar/{{ calendar.id}}/restore" method="POST" class="restore-form">
<button type="submit">Restore</button>
</form>
<div class="color-chip"></div>
</a>
</li>
@@ -101,6 +109,9 @@ li.collection-list-item {
<span class="description">
{% if let Some(description) = addressbook.description %}{{ description }}{% endif %}
</span>
<form action="/frontend/user/{{ user_id }}/addressbook/{{ addressbook.id}}/restore" method="POST" class="restore-form">
<button type="submit">Restore</button>
</form>
</a>
</li>
{% endfor %}