slide wip

This commit is contained in:
jr-k 2024-07-16 01:54:31 +02:00
parent c833aa854c
commit 8deaad5042
15 changed files with 49 additions and 27 deletions

File diff suppressed because one or more lines are too long

View File

@ -89,11 +89,20 @@ jQuery(document).ready(function ($) {
hidePicker(); hidePicker();
}); });
$(document).on('focus', 'input.disabled', function () {
$(this).blur();
});
$(document).keyup(function (e) { $(document).keyup(function (e) {
if (e.key === "Escape") { if (e.key === "Escape") {
hideModal();
hidePicker();
hideDropdowns(); hideDropdowns();
if ($('.pickers .modal:visible').length) {
hidePicker();
return;
}
hideModal();
} }
}); });

View File

@ -184,3 +184,7 @@ ul.explr-dirview {
margin-top: 15px; margin-top: 15px;
} }
} }
.content-explr-picker {
cursor: pointer;
}

View File

@ -127,6 +127,7 @@ form {
font-size: 14px; font-size: 14px;
&.input-naked, &.input-naked,
&.disabled,
&[disabled] { &[disabled] {
color: #555; color: #555;
background: none; background: none;
@ -136,6 +137,7 @@ form {
border-radius: 0; border-radius: 0;
} }
&.disabled,
&[disabled] { &[disabled] {
border: none; border: none;
background: $black; background: $black;

View File

@ -19,7 +19,7 @@
<div class="toolbar-actions"> <div class="toolbar-actions">
{{ HOOK(H_AUTH_TOOLBAR_ACTIONS_START) }} {{ HOOK(H_AUTH_TOOLBAR_ACTIONS_START) }}
<button class="purple user-add item-add"><i class="fa fa-plus icon-left"></i>{{ l.auth_user_button_add }}</button> <button type="button" class="purple user-add item-add"><i class="fa fa-plus icon-left"></i>{{ l.auth_user_button_add }}</button>
{{ HOOK(H_AUTH_TOOLBAR_ACTIONS_END) }} {{ HOOK(H_AUTH_TOOLBAR_ACTIONS_END) }}
</div> </div>
</div> </div>

View File

@ -20,7 +20,7 @@
<div class="top-actions"> <div class="top-actions">
{{ HOOK(H_SYSINFO_TOOLBAR_ACTIONS_START) }} {{ HOOK(H_SYSINFO_TOOLBAR_ACTIONS_START) }}
<button class="btn btn-info sysinfo-restart"> <button type="button" class="btn btn-info sysinfo-restart">
<i class="fa fa-refresh icon-left"></i>{{ l.sysinfo_panel_button_restart }} <i class="fa fa-refresh icon-left"></i>{{ l.sysinfo_panel_button_restart }}
</button> </button>
{{ HOOK(H_SYSINFO_TOOLBAR_ACTIONS_END) }} {{ HOOK(H_SYSINFO_TOOLBAR_ACTIONS_END) }}

View File

@ -29,22 +29,22 @@
{{ HOOK(H_FLEET_NODE_PLAYER_TOOLBAR_ACTIONS_START) }} {{ HOOK(H_FLEET_NODE_PLAYER_TOOLBAR_ACTIONS_START) }}
<div class="explr-selection-actions"> <div class="explr-selection-actions">
<button class="explr-item-edit explr-selection-entity btn-info" data-entity-route="{{ url_for('fleet_node_player_edit', node_player_id='!c!') }}"> <button type="button" class="explr-item-edit explr-selection-entity btn-info" data-entity-route="{{ url_for('fleet_node_player_edit', node_player_id='!c!') }}">
<i class="fa fa-eye"></i> <i class="fa fa-eye"></i>
</button> </button>
<button class="explr-item-rename explr-selection-entity explr-selection-folder btn-info"> <button type="button" class="explr-item-rename explr-selection-entity explr-selection-folder btn-info">
<i class="fa fa-pencil"></i> <i class="fa fa-pencil"></i>
</button> </button>
<button class="explr-item-delete explr-selection-entity explr-selection-folder btn-danger-alt" data-folder-route="{{ url_for('fleet_node_player_folder_delete') }}" data-entity-route="{{ url_for('fleet_node_player_delete') }}"> <button type="button" class="explr-item-delete explr-selection-entity explr-selection-folder btn-danger-alt" data-folder-route="{{ url_for('fleet_node_player_folder_delete') }}" data-entity-route="{{ url_for('fleet_node_player_delete') }}">
<i class="fa fa-trash-alt"></i> <i class="fa fa-trash-alt"></i>
</button> </button>
</div> </div>
<button class="btn btn-info node-player-add item-add"> <button type="button" class="btn btn-info node-player-add item-add">
<i class="fa fa-file-circle-plus icon-left"></i> <i class="fa fa-file-circle-plus icon-left"></i>
{{ l.fleet_node_player_button_add }} {{ l.fleet_node_player_button_add }}
</button> </button>
<button class="folder-add btn-neutral"> <button type="button" class="folder-add btn-neutral">
<i class="fa fa-folder-plus icon-left"></i> <i class="fa fa-folder-plus icon-left"></i>
{{ l.common_new_folder }} {{ l.common_new_folder }}
</button> </button>

View File

@ -19,7 +19,7 @@
<div class="toolbar-actions"> <div class="toolbar-actions">
{{ HOOK(H_FLEET_NODE_PLAYER_GROUP_TOOLBAR_ACTIONS_START) }} {{ HOOK(H_FLEET_NODE_PLAYER_GROUP_TOOLBAR_ACTIONS_START) }}
<button class="purple node-player-group-add item-add"><i class="fa fa-plus icon-left"></i>{{ l.fleet_node_player_group_button_add }}</button> <button type="button" class="purple node-player-group-add item-add"><i class="fa fa-plus icon-left"></i>{{ l.fleet_node_player_group_button_add }}</button>
{{ HOOK(H_FLEET_NODE_PLAYER_GROUP_TOOLBAR_ACTIONS_END) }} {{ HOOK(H_FLEET_NODE_PLAYER_GROUP_TOOLBAR_ACTIONS_END) }}
</div> </div>
</div> </div>

View File

@ -56,7 +56,7 @@
{% endwith %} {% endwith %}
<div class="actions actions-right"> <div class="actions actions-right">
<button class="btn btn-info slide-add"> <button type="button" class="btn btn-info slide-add">
<i class="fa fa-image"></i> {{ l.slideshow_slide_form_add_title }} <i class="fa fa-image"></i> {{ l.slideshow_slide_form_add_title }}
</button> </button>
</div> </div>
@ -74,7 +74,7 @@
<div class="widget"> <div class="widget">
<input type="text" name="name" id="playlist-preview-url" required="required" value="{{ preview_url }}" <input type="text" name="name" id="playlist-preview-url" required="required" value="{{ preview_url }}"
class="disabled" disabled="disabled"/> class="disabled" disabled="disabled"/>
<button class="btn btn-naked copy-link" data-target-id="playlist-preview-url"> <button type="button" class="btn btn-naked copy-link" data-target-id="playlist-preview-url">
<i class="fa fa-copy"></i> <i class="fa fa-copy"></i>
</button> </button>
<a href="{{ preview_url }}" class="btn btn-neutral" target="_blank"> <a href="{{ preview_url }}" class="btn btn-neutral" target="_blank">
@ -99,7 +99,7 @@
</p> </p>
<div class="preview"> <div class="preview">
<button class="btn btn-info btn-naked" <button type="button" class="btn btn-info btn-naked"
onclick="$(this).parent().find('iframe').removeClass('hidden');$(this).addClass('hidden');"> onclick="$(this).parent().find('iframe').removeClass('hidden');$(this).addClass('hidden');">
<i class="fa fa-eye icon-left"></i> {{ l.playlist_panel_preview_action }} <i class="fa fa-eye icon-left"></i> {{ l.playlist_panel_preview_action }}
</button> </button>

View File

@ -47,7 +47,7 @@
<div class="top-actions"> <div class="top-actions">
{{ HOOK(H_PLAYLIST_TOOLBAR_ACTIONS_START) }} {{ HOOK(H_PLAYLIST_TOOLBAR_ACTIONS_START) }}
<button class="btn btn-info playlist-add item-add"> <button type="button" class="btn btn-info playlist-add item-add">
<i class="fa fa-play icon-left"></i> <i class="fa fa-play icon-left"></i>
{{ l.playlist_button_add }} {{ l.playlist_button_add }}
</button> </button>

View File

@ -30,25 +30,25 @@
{{ HOOK(H_SLIDESHOW_CONTENT_TOOLBAR_ACTIONS_START) }} {{ HOOK(H_SLIDESHOW_CONTENT_TOOLBAR_ACTIONS_START) }}
<div class="explr-selection-actions"> <div class="explr-selection-actions">
<button class="explr-item-edit explr-selection-entity btn-info" <button type="button" class="explr-item-edit explr-selection-entity btn-info"
data-entity-route="{{ url_for('slideshow_content_edit', content_id='!c!') }}"> data-entity-route="{{ url_for('slideshow_content_edit', content_id='!c!') }}">
<i class="fa fa-eye"></i> <i class="fa fa-eye"></i>
</button> </button>
<button class="explr-item-rename explr-selection-entity explr-selection-folder btn-info"> <button type="button" class="explr-item-rename explr-selection-entity explr-selection-folder btn-info">
<i class="fa fa-pencil"></i> <i class="fa fa-pencil"></i>
</button> </button>
<button class="explr-item-delete explr-selection-entity explr-selection-folder btn-danger-alt" <button type="button" class="explr-item-delete explr-selection-entity explr-selection-folder btn-danger-alt"
data-folder-route="{{ url_for('slideshow_content_folder_delete') }}" data-folder-route="{{ url_for('slideshow_content_folder_delete') }}"
data-entity-route="{{ url_for('slideshow_content_delete') }}"> data-entity-route="{{ url_for('slideshow_content_delete') }}">
<i class="fa fa-trash-alt"></i> <i class="fa fa-trash-alt"></i>
</button> </button>
</div> </div>
<button class="btn btn-info content-add item-add"> <button type="button" class="btn btn-info content-add item-add">
<i class="fa fa-file-circle-plus icon-left"></i> <i class="fa fa-file-circle-plus icon-left"></i>
{{ l.slideshow_content_button_add }} {{ l.slideshow_content_button_add }}
</button> </button>
<button class="folder-add btn-neutral"> <button type="button" class="folder-add btn-neutral">
<i class="fa fa-folder-plus icon-left"></i> <i class="fa fa-folder-plus icon-left"></i>
{{ l.common_new_folder }} {{ l.common_new_folder }}
</button> </button>

View File

@ -5,4 +5,11 @@
{% with use_href=False %} {% with use_href=False %}
{% include 'slideshow/contents/component/explr-sidebar.jinja.html' %} {% include 'slideshow/contents/component/explr-sidebar.jinja.html' %}
{% endwith %} {% endwith %}
<div class="actions">
<button type="button" class="btn btn-naked picker-close">
<i class="fa fa-close icon-left"></i>{{ l.common_close }}
</button>
</div>
</div> </div>

View File

@ -5,7 +5,7 @@
<i class="fa fa-refresh"></i> <i class="fa fa-refresh"></i>
</a> </a>
<button class="purple slide-add item-add"><i class="fa fa-plus icon-left"></i>{{ l.slideshow_slide_button_add }}</button> <button type="button" class="purple slide-add item-add"><i class="fa fa-plus icon-left"></i>{{ l.slideshow_slide_button_add }}</button>
</div> </div>
</div> </div>

View File

@ -27,12 +27,12 @@
<div class="form-group slide-content-id-group"> <div class="form-group slide-content-id-group">
<label for="slide-add-content-id">{{ l.slideshow_slide_form_label_content_id }}</label> <label for="slide-add-content-id">{{ l.slideshow_slide_form_label_content_id }}</label>
<div class="widget"> <div class="widget">
<input type="text" disabled="disabled" value="" class="target-label" /> <input type="text" value="" class="disabled target-label content-explr-picker" />
<input type="text" name="content_id" id="slide-add-content-id" required="required" class="target hidden" /> <input type="text" name="content_id" id="slide-add-content-id" required="required" class="target hidden" />
<button class="btn btn-naked content-explr-picker"> <button type="button" class="btn btn-naked content-explr-picker">
<i class="fa fa-crosshairs"></i> <i class="fa fa-crosshairs"></i>
</button> </button>
<button class="btn btn-neutral hidden slide-content-show" data-route="{{ url_for('slideshow_content_show', content_id='__id__') }}"> <button type="button" class="btn btn-neutral hidden slide-content-show" data-route="{{ url_for('slideshow_content_show', content_id='__id__') }}">
<i class="fa-solid fa-up-right-from-square"></i> <i class="fa-solid fa-up-right-from-square"></i>
</button> </button>
</div> </div>

View File

@ -29,12 +29,12 @@
<div class="form-group slide-content-id-group"> <div class="form-group slide-content-id-group">
<label for="slide-edit-content-id">{{ l.slideshow_slide_form_label_content_id }}</label> <label for="slide-edit-content-id">{{ l.slideshow_slide_form_label_content_id }}</label>
<div class="widget"> <div class="widget">
<input type="text" disabled="disabled" value="" class="target-label" /> <input type="text" value="" class="disabled target-label content-explr-picker" />
<input type="hidden" name="content_id" id="slide-edit-content-id" required="required" class="target"></input> <input type="hidden" name="content_id" id="slide-edit-content-id" required="required" class="target"></input>
<button class="btn btn-naked content-explr-picker"> <button type="button" class="btn btn-naked content-explr-picker">
<i class="fa fa-crosshairs"></i> <i class="fa fa-crosshairs"></i>
</button> </button>
<button class="btn btn-neutral hidden slide-content-show" data-route="{{ url_for('slideshow_content_show', content_id='__id__') }}"> <button type="button" class="btn btn-neutral hidden slide-content-show" data-route="{{ url_for('slideshow_content_show', content_id='__id__') }}">
<i class="fa-solid fa-up-right-from-square"></i> <i class="fa-solid fa-up-right-from-square"></i>
</button> </button>
</div> </div>