78 lines
3.3 KiB
HTML
78 lines
3.3 KiB
HTML
<style>
|
|
.file-title {
|
|
position: relative;
|
|
top: .6em;
|
|
}
|
|
</style>
|
|
|
|
<div class="divider"></div>
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<ul class="collection with-header">
|
|
<li class="collection-header theme-primary theme-on-primary-text">Backgrounds</li>
|
|
{% if backgrounds %}
|
|
{% for background in backgrounds %}
|
|
<li class="collection-item pt-2 pb-2 avatar">
|
|
<a href="static/images/backgrounds/{{ background }}" target="_blank">
|
|
<img src="static/images/backgrounds/{{ background }}" alt="" class="circle">
|
|
</a>
|
|
<span class="selectable-all copy-target file-title">static/images/backgrounds/{{ background }}</span>
|
|
<span class="secondary-content">
|
|
<i class="material-icons-outlined icon-btn delete-file-btn"
|
|
data-url="{{ url_for('settings_system.delete_file') }}"
|
|
data-folder="backgrounds"
|
|
data-file="{{ background }}">close</i>
|
|
</span>
|
|
<span class="secondary-content mr-4"><i class="material-icons-outlined icon-btn copy-btn">filter_none</i></span>
|
|
</li>
|
|
{% endfor %}
|
|
{% else %}
|
|
<li class="collection-item">No files yet</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<ul class="collection with-header">
|
|
<li class="collection-header theme-primary theme-on-primary-text">Icons</li>
|
|
{% if icons %}
|
|
{% for icon in icons %}
|
|
<li class="collection-item pt-2 pb-2 avatar">
|
|
<a href="static/images/icons/{{ icon }}" target="_blank">
|
|
<img src="static/images/icons/{{ icon }}" alt="" class="circle">
|
|
</a>
|
|
<span class="selectable-all copy-target file-title">static/images/icons/{{ icon }}</span>
|
|
<span class="secondary-content">
|
|
<i class="material-icons-outlined icon-btn delete-file-btn"
|
|
data-url="{{ url_for('settings_system.delete_file') }}"
|
|
data-folder="icons"
|
|
data-file="{{ icon }}">close</i>
|
|
</span>
|
|
<span class="secondary-content mr-4"><i class="material-icons-outlined icon-btn copy-btn">filter_none</i></span>
|
|
</li>
|
|
{% endfor %}
|
|
{% else %}
|
|
<li class="collection-item">No files yet</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$( document ).ready(function() {
|
|
init_copy_btn(".collection-item");
|
|
$(".delete-file-btn").on('click', function(e) {
|
|
$.ajax({
|
|
url: $(this).attr('data-url'),
|
|
type: 'GET',
|
|
data: {folder: $(this).attr("data-folder"), file: $(this).attr("data-file")},
|
|
success: function(data){
|
|
$("#files-div").empty();
|
|
$("#files-div").append(data);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script> |