diff --git a/partitioncloud/modules/albums.py b/partitioncloud/modules/albums.py index cc07a5e..a5666c0 100644 --- a/partitioncloud/modules/albums.py +++ b/partitioncloud/modules/albums.py @@ -192,7 +192,7 @@ def quit_album(uuid): if len(users) == 1: flash("Vous êtes seul dans cet album, le quitter entraînera sa suppression.") - return redirect(f"/albums/{uuid}/delete") + return redirect(f"/albums/{uuid}#delete") user.quit_album(uuid) flash("Album quitté.") diff --git a/partitioncloud/static/style.css b/partitioncloud/static/style.css index c9cfbf0..f3623b0 100644 --- a/partitioncloud/static/style.css +++ b/partitioncloud/static/style.css @@ -260,6 +260,15 @@ img.partition-thumbnail { min-height: 50px; } +.edit-button { + float: right; + transform: translateX(-96%) translateY(-162%); + padding: 2%; + border-radius: 3px; + box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2); + background-color: var(--color-blue); + } + /** Sidebar: "settings" */ #albums { overflow: scroll; @@ -275,9 +284,9 @@ img.partition-thumbnail { margin-left: 5px; } -#settings-container>button { +#settings-container button { background-color: inherit; - color: inherit; + color: var(--color-text); border-style: none; border-radius: 3px; font-size: .9rem; @@ -285,7 +294,7 @@ img.partition-thumbnail { padding: 5px; } -#settings-container>button:hover { +#settings-container button:hover { background-color: var(--color-crust); } @@ -301,12 +310,13 @@ img.partition-thumbnail { border-radius: 3px; } -button#logout:hover { +/* Danger buttons */ +button#logout:hover, a#delete-album:hover { background-color: var(--color-red); color: var(--color-mantle); } -button#logout { +button#logout, a#delete-album { color: var(--color-red); } @@ -338,7 +348,7 @@ button#logout>svg { min-width: 160px; border-radius: 3px; - box-shadow: 0 4px 10px var(--color-surface1); /* Little shadow to add some depth */ + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); } @@ -347,12 +357,15 @@ button#logout>svg { width: unset; } -.dropdown-content > a > div:hover { +.dropdown-content > a:hover { background-color: var(--color-surface0); } .dropdown-content > a { color: var(--color-text); + padding: 3px 0; + display: block; + border-radius: inherit; } @@ -451,4 +464,14 @@ input[type="file"] { #search-submit { padding: 5px 5px; +} + + +/** Flashed messages */ +.flash { + margin: 1em; + padding: 1em; + background: var(--color-mantle); + border: 2px solid var(--color-lavender); + border-radius: 3px; } \ No newline at end of file diff --git a/partitioncloud/templates/albums/album.html b/partitioncloud/templates/albums/album.html index e28ac56..3d2df22 100644 --- a/partitioncloud/templates/albums/album.html +++ b/partitioncloud/templates/albums/album.html @@ -1,57 +1,80 @@ {% extends 'base.html' %} -{% block header %} -

{% block title %}{{ album.name }}{% endblock %}

-{% endblock %} +{% block title %}{{ album.name }}{% endblock %} -{% block header_actions %} -
- {% for album_user in album.users %} -
- {{ album_user.username[0] | upper }} -
- {% endfor %} -
- +{% block dialogs %} + +

Ajouter une partition à {{ album.name }}

+
+
+
+
+
+ +
+ Close +
+ +

Supprimer l'album

+ Êtes vous sûr de vouloir supprimer cet album ? +

+
+ +
+ Close +
{% endblock %} {% block content %} -{% if partitions|length != 0 %} -

-
- {% for partition in partitions | reverse %} -
- -
- -
-
{{ partition["name"] }}
-
{{ partition["author"] }}
+
+

{{ album.name }}

+
+
+ {% for album_user in album.users %} + + {% endfor %} +
+
- - {% if partition["user_id"] == g.user.id or g.user.access_level == 1 %} -
✏️
- {% endif %}
+
+
+{% if partitions|length != 0 %} +
+ {% for partition in partitions | reverse %} +
+ +
+ +
+
{{ partition["name"] }}
+
{{ partition["author"] }}
+
+
+
+ {% if partition["user_id"] == g.user.id or g.user.access_level == 1 %} +
✏️
+ {% endif %} +
{% endfor %} -
+ {% else %}
Aucune partition disponible
diff --git a/partitioncloud/templates/base.html b/partitioncloud/templates/base.html index c886efb..723503f 100644 --- a/partitioncloud/templates/base.html +++ b/partitioncloud/templates/base.html @@ -65,17 +65,19 @@
{% if g.user %} -
+ + +
{% if g.user.access_level == 1 %} -
+
{% endif %}
{% else %} - - + + {% endif %}
+ {% for message in get_flashed_messages() %} +
{{ message }}
+ {% endfor %}
{% block content %}{% endblock %}