github/freedit
1
1
Fork 0
mirror of https://github.com/freedit-org/freedit.git synced 2026-01-09 12:38:04 -05:00
Code Issues Packages Projects Releases Wiki Activity

integrate popovers, correct classes, add missed localization, update gallery view #228

Browse Source
This commit is contained in:
yggverse
2025-12-26 05:58:31 +02:00
committed by freedit-dev
parent 626c5924f9
commit ba0434ff38
5 changed files with 123 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
templates/admin_gallery.html
View File

@@ -4,28 +4,37 @@
<div class="box content">
<div class="columns is-multiline">
{% for img in imgs %}
<div id="delete_{{img.2}}" class="overlay">
<div class="popup content">
<h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
<a class="close icon is-small" href="#">
<i class="fa-solid fa-xmark"></i>
<div class="column is-half">
<div>
<a href="/static/upload/{{img.2}}" target="_blank">
<img src="/static/upload/{{img.2}}">
</a>
<p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
<p><a href="/image/delete/{{img.0}}/{{img.1}}" class="button is-danger">{{ "delete"|l10n(page_data.lang) }}</a></p>
<img src="/static/upload/{{img.2}}">
</div>
</div>
<div class="column is-one-third">
<figure>
<p class="image is-32x32">
<a href="/gallery/{{img.0}}"><img src="/static/avatars/{{img.0}}.png"></a>
</p>
<a href="/static/upload/{{img.2}}" target="_blank"><img src="/static/upload/{{img.2}}"></a>
<a href="#delete_{{img.2}}" class="delete">{{ "delete"|l10n(page_data.lang) }}</a>
<figcaption>
<span class="tag">{{img.2}}</span>
</figcaption>
</figure>
<pre>/static/upload/{{img.2}}</pre>
<nav class="level is-mobile">
<div class="level-left">
<div class="tag is-rounded">
<a class="level-item image is-16x16" href="/gallery/{{img.0}}">
<img class="is-rounded" src="/static/avatars/{{img.0}}.png">
</a>
</div>
<button class="level-item tag is-rounded has-text-danger" popovertarget="delete_{{img.2}}" title="{{ "delete"|l10n(page_data.lang) }}">
<span class="icon">
<i class="fa-solid fa-trash"></i>
</span>
</button>
<div class="notification" id="delete_{{img.2}}" popover>
<h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
<p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
<button class="button is-small" popovertarget="delete_{{img.2}}" popovertargetaction="hide">
{{ "no"|l10n(page_data.lang) }}
</button>
<a class="button is-small is-danger" href="/image/delete/{{img.0}}/{{img.1}}">
{{ "yes"|l10n(page_data.lang) }}
</a>
</div>
</div>
</nav>
</div>
{% endfor %}
</div>

28
templates/gallery.html
View File

@@ -9,21 +9,25 @@
</figure>
<div class="columns is-multiline">
{% for img in imgs %}
<div id="delete_{{img.0}}" class="overlay">
<div class="popup content">
<h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
<a class="close icon is-small" href="#">
<i class="fa-solid fa-xmark"></i>
</a>
<p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
<p><a href="/image/delete/{{uid}}/{{img.0}}" class="button is-danger">{{ "delete"|l10n(page_data.lang) }}</a></p>
<img src="/static/upload/{{img.1}}">
</div>
</div>
<div class="column is-one-third">
<figure>
<a href="/static/upload/{{img.1}}" target="_blank"><img src="/static/upload/{{img.1}}"></a>
<a href="#delete_{{img.0}}" class="delete">{{ "delete"|l10n(page_data.lang) }}</a>
<button class="level-item tag is-rounded" popovertarget="delete_{{img.0}}" title="{{ "delete"|l10n(page_data.lang) }}">
<span class="icon is-small">
<i class="fa-solid fa-trash"></i>
</span>
</button>
<div class="notification" id="delete_{{img.0}}" popover>
<h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
<p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
<p><img src="/static/upload/{{img.1}}"></p>
<button class="button" popovertarget="delete_{{img.0}}" popovertargetaction="hide">
{{ "no"|l10n(page_data.lang) }}
</button>
<a class="button is-danger" href="/image/delete/{{uid}}/{{img.0}}">
{{ "yes"|l10n(page_data.lang) }}
</a>
</div>
<figcaption>
<code>![](/static/upload/{{img.1}})</code>
</figcaption>

16
templates/post.html
View File

@@ -223,12 +223,16 @@
</a>
{% if is_mod %}
<a href="/post/{{post.iid}}/{{post.pid}}/{{comment.cid}}/hide">
{% if comment.is_hidden %}
Open
{% else %}
Hide
{% endif %}
<a class="mr-2" href="/post/{{post.iid}}/{{post.pid}}/{{comment.cid}}/hide">
<span class="tag is-rounded {% if comment.is_downvoted %}is-danger{% endif %}">
<span class="icon is-small">
{% if comment.is_hidden %}
<i class="fa-solid fa-eye" title="{{ "unhide"|l10n(page_data.lang) }}"></i>
{% else %}
<i class="fa-solid fa-eye-slash" title="{{ "hide"|l10n(page_data.lang) }}"></i>
{% endif %}
</span>
</span>
</a>
{% endif %}

92
templates/solo.html
View File

@@ -51,39 +51,39 @@
</div>
<nav class="level is-mobile">
<div class="level-left">
<a class="level-item" href="/solo/{{solo.sid}}/like">
<a class="level-item tag is-rounded" href="/solo/{{solo.sid}}/like">
<span class="icon is-small">
{% if solo.like %}<i class="fa-solid fa-heart"></i>{% else %}<i class="fa-regular fa-heart"></i>{% endif %}
</span>
{% if solo.like_count > 0 %}
<span>{{solo.like_count}}</span>
<span class="ml-1">{{solo.like_count}}</span>
{% endif %}
</a>
{% if solo.can_delete %}
<a class="level-item" href="#delete">
<span class="icon is-small">
<i class="fa-solid fa-trash"></i>
</span>
</a>
<div id="delete" class="overlay">
<div class="popup content">
<h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
<a class="close icon is-small" href="#">
<i class="fa-solid fa-xmark"></i>
</a>
<p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
<a href="/solo/{{solo.sid}}/delete" class="button is-danger">{{ "delete"|l10n(page_data.lang) }}</a>
</div>
</div>
{% endif %}
<a href="/solo/{{solo.sid}}">
<a class="level-item tag is-rounded" href="/solo/{{solo.sid}}">
<span class="icon is-small">
<i class="fa-regular fa-comment"></i>
</span>
{% if solo.replies.len() >0 %}
{{solo.replies.len()}}
{% if solo.replies.len() > 0 %}
<span class="ml-1">{{solo.replies.len()}}</span>
{% endif %}
</a>
{% if solo.can_delete %}
<button class="level-item tag is-rounded" popovertarget="delete" title="{{ "delete"|l10n(page_data.lang) }}">
<span class="icon is-small">
<i class="fa-solid fa-trash"></i>
</span>
</button>
<div class="notification" id="delete" popover>
<h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
<p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
<button class="button" popovertarget="delete" popovertargetaction="hide">
{{ "no"|l10n(page_data.lang) }}
</button>
<a class="button is-danger" href="/solo/{{solo.sid}}/delete">
{{ "yes"|l10n(page_data.lang) }}
</a>
</div>
{% endif %}
</div>
</nav>
</div>
@@ -118,7 +118,7 @@
</div>
<nav class="level is-mobile">
<div class="level-left">
<a class="level-item" href="/solo/{{solo.sid}}/like">
<a class="level-item tag is-rounded" href="/solo/{{solo.sid}}/like">
<span class="icon is-small">
{% if solo.like %}<i class="fa-solid fa-heart"></i>{% else %}<i class="fa-regular fa-heart"></i>{% endif %}
</span>
@@ -126,35 +126,33 @@
<span>{{solo.like_count}}</span>
{% endif %}
</a>
{% match page_data.claim %} {% when Some with (claim) %}
{% if solo.uid == claim.uid %}
<a class="level-item" href="#delete_{{solo.sid}}">
<a class="level-item" href="#delete">
<span class="icon is-small">
<i class="fa-solid fa-trash"></i>
</span>
</a>
</a>
<div id="delete_{{solo.sid}}" class="overlay">
<div class="popup content">
<h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
<a class="close icon is-small" href="#">
<i class="fa-solid fa-xmark"></i>
</a>
<p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
<a href="/solo/{{solo.sid}}/delete" class="button is-danger">{{ "delete"|l10n(page_data.lang) }}</a>
</div>
</div>
{% endif %}
{% else %}{% endmatch %}
<a href="/solo/{{solo.sid}}">
<a class="level-item tag is-rounded" href="/solo/{{solo.sid}}">
<span class="icon is-small mr-1">
<i class="fa-solid fa-microphone"></i>
</span>
{% if solo.replies.len() >0 %}
{% if solo.replies.len() > 0 %}
{{solo.replies.len()}}
{% endif %}
</a>
{% match page_data.claim %} {% when Some with (claim) %}
{% if solo.uid == claim.uid %}
<button class="level-item tag is-rounded" popovertarget="delete_{{solo.sid}}" title="{{ "delete"|l10n(page_data.lang) }}">
<span class="icon is-small">
<i class="fa-solid fa-trash"></i>
</span>
</button>
<div class="notification" id="delete_{{solo.sid}}" popover>
<h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
<p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
<button class="button" popovertarget="delete_{{solo.sid}}" popovertargetaction="hide">
{{ "no"|l10n(page_data.lang) }}
</button>
<a class="button is-danger" href="/solo/{{solo.sid}}/delete">
{{ "yes"|l10n(page_data.lang) }}
</a>
</div>
{% endif %}
{% else %}{% endmatch %}
</div>
</nav>
</div>
@@ -217,8 +215,8 @@
<div class="field is-grouped">
<div class="control">
<div class="buttons">
<button type="submit" form="solo" class="button is-info is-small is-responsive">{{ "submit"|l10n(page_data.lang) }}</button>
<button type="submit" class="button is-info is-small is-responsive" formaction="/preview" formtarget="_blank">{{ "preview"|l10n(page_data.lang) }}</button>
<button type="submit" form="solo" class="button is-link is-small is-responsive">{{ "submit"|l10n(page_data.lang) }}</button>
</div>
</div>
</div>

48
templates/solo_list.html
View File

@@ -131,8 +131,8 @@
<div class="field is-grouped">
<div class="control">
<div class="buttons">
<button type="submit" form="solo" class="button is-info is-small is-responsive">{{ "submit"|l10n(page_data.lang) }}</button>
<button type="submit" class="button is-info is-small is-responsive" formaction="/preview" formtarget="_blank">{{ "preview"|l10n(page_data.lang) }}</button>
<button type="submit" form="solo" class="button is-link is-small is-responsive">{{ "submit"|l10n(page_data.lang) }}</button>
</div>
</div>
</div>
@@ -165,41 +165,39 @@
</div>
<nav class="level is-mobile">
<div class="level-left">
<a class="level-item" href="/solo/{{solo.sid}}/like">
<a class="level-item tag is-rounded" href="/solo/{{solo.sid}}/like">
<span class="icon is-small">
{% if solo.like %}<i class="fa-solid fa-heart"></i>{% else %}<i class="fa-regular fa-heart"></i>{% endif %}
</span>
{% if solo.like_count > 0 %}
<span>{{solo.like_count}}</span>
<span class="ml-1">{{solo.like_count}}</span>
{% endif %}
</a>
{% if solo.can_delete %}
<a class="level-item" href="#delete_{{solo.sid}}">
<a class="level-item" href="#delete">
<span class="icon is-small">
<i class="fa-solid fa-trash"></i>
</span>
</a>
</a>
<div id="delete_{{solo.sid}}" class="overlay">
<div class="popup content">
<h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
<a class="close icon is-small" href="#">
<i class="fa-solid fa-xmark"></i>
</a>
<p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
<a href="/solo/{{solo.sid}}/delete" class="button is-danger">{{ "delete"|l10n(page_data.lang) }}</a>
</div>
</div>
{% endif %}
<a href="/solo/{{solo.sid}}">
<a class="level-item tag is-rounded" href="/solo/{{solo.sid}}">
<span class="icon is-small">
<i class="fa-regular fa-comment"></i>
</span>
{% if solo.replies.len() >0 %}
{{solo.replies.len()}}
{% if solo.replies.len() > 0 %}
<span class="ml-1">{{solo.replies.len()}}</span>
{% endif %}
</a>
{% if solo.can_delete %}
<button class="level-item tag is-rounded" popovertarget="delete_{{solo.sid}}" title="{{ "delete"|l10n(page_data.lang) }}">
<span class="icon is-small">
<i class="fa-solid fa-trash"></i>
</span>
</button>
<div class="notification" id="delete_{{solo.sid}}" popover>
<h3>{{ "delete_permanently"|l10n(page_data.lang) }}</h3>
<p>{{ "delete_sure"|l10n(page_data.lang) }}</p>
<button class="button" popovertarget="delete_{{solo.sid}}" popovertargetaction="hide">
{{ "no"|l10n(page_data.lang) }}
</button>
<a class="button is-danger" href="/solo/{{solo.sid}}/delete">
{{ "yes"|l10n(page_data.lang) }}
</a>
</div>
{% endif %}
</div>
</nav>
</div>