From f42e0ea06929621dde7f163e1f1593ce091ce796 Mon Sep 17 00:00:00 2001 From: jr-k Date: Wed, 10 Jul 2024 21:20:27 +0200 Subject: [PATCH] add content wip --- data/www/js/slideshow/contents.js | 153 ------------------ data/www/scss/pages/_content.scss | 5 + .../contents/component/table.jinja.html | 66 -------- views/slideshow/contents/edit.jinja.html | 50 ++---- views/slideshow/contents/list.jinja.html | 1 - .../slideshow/contents/modal/edit.jinja.html | 47 ------ 6 files changed, 19 insertions(+), 303 deletions(-) delete mode 100644 data/www/js/slideshow/contents.js delete mode 100644 views/slideshow/contents/component/table.jinja.html delete mode 100644 views/slideshow/contents/modal/edit.jinja.html diff --git a/data/www/js/slideshow/contents.js b/data/www/js/slideshow/contents.js deleted file mode 100644 index 71d7b12..0000000 --- a/data/www/js/slideshow/contents.js +++ /dev/null @@ -1,153 +0,0 @@ -jQuery(document).ready(function ($) { - const inputTypeUpdate = function () { - const $el = $('#content-add-type'); - const value = $el.val(); - const $selectedOption = $('#content-add-type option[value='+value+']'); - const inputType = $el.find('option').filter(function (i, el) { - return $(el).val() === value; - }).data('input'); - - $('.content-add-object-input').each(function() { - const active = $(this).attr('id') === 'content-add-object-input-' + inputType; - - if ($(this).is('input[type=file]')) { - $(this).prop('disabled', !active); - $(this).parents('label:eq(0)').toggleClass('hidden', !active); - } else { - $(this).prop('disabled', !active).toggleClass('hidden', !active); - } - }); - - $('.object-label-add').html($selectedOption.get(0).attributes['data-object-label'].value); - $('.object-icon-add').attr('class', 'object-icon-add fa ' + $selectedOption.get(0).attributes['data-icon'].value) - }; - - const initExplr = function () { - $('.explr').explr({ - classesPlus: 'fa fa-plus', - classesMinus: 'fa fa-minus', - onLoadFinish: function ($tree) { - $tree.removeClass('hidden'); - } - }); - }; - - const initDrags = function () { - $(".draggable").draggable({ - revert: "invalid", - }); - $(".droppable").droppable({ - accept: ".draggable", - over: function (event, ui) { - $(this).addClass("highlight-drop"); - }, - out: function (event, ui) { - $(this).removeClass("highlight-drop"); - }, - drop: function (event, ui) { - $(this).removeClass("highlight-drop"); - const $form = $('#folder-move-form'); - const $moved = ui.draggable; - const $target = $(this); - $form.find('[name=is_folder]').val($moved.attr('data-folder')) - $form.find('[name=entity_id]').val($moved.attr('data-id')) - $form.find('[name=new_folder_id]').val($target.attr('data-id')) - ui.draggable.position({ - my: "center", - at: "center", - of: $(this), - using: function (pos) { - $(this).animate(pos, 50); - } - }); - $form.submit(); - } - }); - }; - - const main = function () { - initExplr(); - initDrags(); - }; - - $(document).on('change', '.modal input[type=file]', function() { - const file = $(this).val().replace(/\\/g, '/').split('/').slice(-1)[0]; - $(this).parents('label:eq(0)').find('input[type=text]').val(file); - - if ($('#content-add-name').val().trim().length === 0) { - const fileWithoutExt = file.split('.').slice(0, -1).join('.'); - $('#content-add-name').val(fileWithoutExt); - } - }); - - $(document).on('change', '#content-add-type', inputTypeUpdate); - - $(document).on('click', '.folder-add', function () { - $('.dirview .new-folder').removeClass('hidden'); - $('.page-content').animate({scrollTop: 0}, 0); - $('.dirview input').focus(); - }); - - $(document).on('click', '.content-add', function () { - showModal('modal-content-add'); - inputTypeUpdate(); - $('.modal-content-add input:eq(0)').focus().select(); - }); - - $(document).on('click', '.explr-item-edit', function () { - const $item = $('.explr-dirview .highlight-clicked'); - const is_folder = $item.attr('data-folder') === '1'; - - if (is_folder) { - $item.addClass('renaming'); - $item.find('input').focus().select(); - } - }); - - $(document).on('click', '.explr-item-delete', function () { - const $item = $('.explr-dirview .highlight-clicked'); - const is_folder = $item.attr('data-folder') === '1'; - let route = document.location.href; - - if (is_folder) { - route = $(this).attr('data-folder-route') + '?id=' + $item.attr('data-id'); - } else { - route = $(this).attr('data-content-route') + '?id=' + $item.attr('data-id'); - } - - if (confirm(l.js_slideshow_content_delete_confirmation)) { - document.location.href = route; - } - }); - - $(document).on('click', '.content-edit', function () { - const content = JSON.parse($(this).parents('tr:eq(0)').attr('data-entity')); - showModal('modal-content-edit'); - - let location = content.location; - - if (content.type == 'youtube') { - location = 'https://www.youtube.com/watch?v=' + content.location; - } - - $('.modal-content-edit input:visible:eq(0)').focus().select(); - $('#content-edit-name').val(content.name); - $('#content-edit-type').val(content.type); - $('#content-edit-location').val(location).prop('disabled', !content.is_editable); - $('#content-edit-id').val(content.id); - }); - - $(document).on('submit', '.modal-content-add form', function () { - const $modal = $(this).parents('.modal:eq(0)'); - $modal.find('button[type=submit]').addClass('hidden'); - $modal.find('.btn-loading').removeClass('hidden'); - }); - - $(document).keyup(function (e) { - if (e.key === "Escape") { - $('.dirview .new-folder').addClass('hidden'); - } - }); - - main(); -}); diff --git a/data/www/scss/pages/_content.scss b/data/www/scss/pages/_content.scss index e019ebe..16a0d23 100644 --- a/data/www/scss/pages/_content.scss +++ b/data/www/scss/pages/_content.scss @@ -4,6 +4,11 @@ } +.view-content-edit main .main-container { + + +} + diff --git a/views/slideshow/contents/component/table.jinja.html b/views/slideshow/contents/component/table.jinja.html deleted file mode 100644 index 8d68191..0000000 --- a/views/slideshow/contents/component/table.jinja.html +++ /dev/null @@ -1,66 +0,0 @@ - - - - - {% if AUTH_ENABLED %} - - {% endif %} - - - - - - - - {% for content in contents %} - - - {% if AUTH_ENABLED %} - - {% endif %} - - - - {% endfor %} - -
{{ l.slideshow_content_panel_th_name }} - - {{ l.slideshow_content_panel_th_activity }}
- {{ l.slideshow_content_panel_empty|replace( - '%link%', - (''~l.slideshow_content_button_add~'')|safe - ) }} -
-
- {% set icon_type = 'globe' %} - {% if content.type == enum_content_type.VIDEO %} - {% set icon_type = 'film' %} - {% elif content.type == enum_content_type.PICTURE %} - {% set icon_type = 'image' %} - {% elif content.type == enum_content_type.YOUTUBE %} - {% set icon_type = 'video' %} - {% endif %} - - - {{ content.name }} -
- 		- {% set creator = track_created(content) %} - {% if creator.username %} - - {{ creator.username }} - - {% endif %} - - - - - - - - - - - - -
\ No newline at end of file diff --git a/views/slideshow/contents/edit.jinja.html b/views/slideshow/contents/edit.jinja.html index 0e3e80c..bc8d2c2 100644 --- a/views/slideshow/contents/edit.jinja.html +++ b/views/slideshow/contents/edit.jinja.html @@ -17,7 +17,7 @@ {{ HOOK(H_SLIDESHOW_CONTENT_JAVASCRIPT) }} {% endblock %} -{% block body_class %}view-content-list{% endblock %} +{% block body_class %}view-content-edit{% endblock %} {% block page %}
@@ -60,44 +60,22 @@
- + -
- -
- +
+ +
+ +
-
-
- -
- + +
+ +
+ +
-
- -
- -
- -
-
- - -
- - -
- +
diff --git a/views/slideshow/contents/list.jinja.html b/views/slideshow/contents/list.jinja.html index 5c1e524..84b039f 100644 --- a/views/slideshow/contents/list.jinja.html +++ b/views/slideshow/contents/list.jinja.html @@ -204,7 +204,6 @@
{% include 'slideshow/contents/modal/add.jinja.html' %} - {% include 'slideshow/contents/modal/edit.jinja.html' %} {% include 'core/utrack.jinja.html' %}
diff --git a/views/slideshow/contents/modal/edit.jinja.html b/views/slideshow/contents/modal/edit.jinja.html deleted file mode 100644 index e694cdd..0000000 --- a/views/slideshow/contents/modal/edit.jinja.html +++ /dev/null @@ -1,47 +0,0 @@ - \ No newline at end of file