tg-prepare 1.1.0__py3-none-any.whl → 2.1.0b1__py3-none-any.whl

tgp_ui/routes/publication.py

@@ -0,0 +1,129 @@
+# -*- coding: utf-8 -*-
+# Copyright (C) 2023-2025 TU-Dresden (ZIH)
+# ralf.klammer@tu-dresden.de
+# moritz.wilhelm@tu-dresden.de
+
+import logging
+
+from flask import Blueprint, render_template, request
+from flask_json import json_response
+
+from tgp_backend.project import Project, TGProject
+
+log = logging.getLogger(__name__)
+
+publication_routes = Blueprint("publication", __name__)
+
+
+@publication_routes.route(
+    "/tab-prepare-upload/<string:projectname>", methods=["GET"]
+)
+def tab_upload(projectname):
+    project = Project(projectname)
+
+    return render_template(
+        "tabs/upload.html",
+        project=project,
+    )
+
+
+# ***TAB CHECK RESULTS***
+# ***********************
+@publication_routes.route(
+    "/tab-check-result/<string:projectname>", methods=["GET"]
+)
+def tab_check_result(projectname):
+    # Erstelle das Project-Objekt
+    project = Project(projectname)
+
+    # Übergib das Project-Objekt an das Template
+    return render_template(
+        "tabs/check_result.html",
+        project=project,  # Das Project-Objekt wird hier übergeben
+    )
+
+
+class TGProjectHandler:
+    def __init__(self, projectname, instance):
+        self.project = Project(projectname)
+        self.tg_project = self.project.get_tgp(instance)
+        self.instance = instance
+
+    def _render_template(self):
+        return render_template(
+            "includes/upload_form.html",
+            project=self.project,
+            instance=self.instance,
+        )
+
+    def save_session_id(self, session_id):
+        self.tg_project.tg_session_id = session_id
+        return self._render_template()
+
+    def save_tg_project_id(self, tg_project_id):
+        self.tg_project.tg_project_id = tg_project_id
+        return self._render_template()
+
+    def delete_tg_project(self, tg_project_id):
+        self.tg_project.delete_tg_project(tg_project_id)
+        return self._render_template()
+
+    def create_tg_project(self, tg_projectname):
+        self.tg_project.create_tg_project(tg_projectname)
+        return self._render_template()
+
+
+@publication_routes.route(
+    "/save_session_id/<string:projectname>/<string:instance>", methods=["POST"]
+)
+def save_session_id(projectname, instance):
+    return TGProjectHandler(projectname, instance).save_session_id(
+        request.form.get("tg_auth_session_id")
+    )
+
+
+@publication_routes.route(
+    "/save_tg_project_id/<string:projectname>/<string:instance>/<string:tg_project_id>",
+    methods=["POST"],
+)
+def save_tg_project_id(projectname, instance, tg_project_id):
+    return TGProjectHandler(projectname, instance).save_tg_project_id(
+        tg_project_id
+    )
+
+
+@publication_routes.route(
+    "/delete_tg_project_id/<string:projectname>/<string:instance>/<string:tg_project_id>",
+    methods=["POST"],
+)
+def delete_tg_project_id(projectname, instance, tg_project_id):
+    return TGProjectHandler(projectname, instance).delete_tg_project(
+        tg_project_id
+    )
+
+
+@publication_routes.route(
+    "/create_tg_project/<string:projectname>/<string:instance>",
+    methods=["POST"],
+)
+def create_tg_project(projectname, instance):
+    return TGProjectHandler(projectname, instance).create_tg_project(
+        request.form.get("tg_projectname")
+    )
+
+
+@publication_routes.route(
+    "/upload_project/<string:projectname>/<string:instance>", methods=["POST"]
+)
+def upload_project(projectname, instance):
+    TGProject(projectname, instance).upload_tg_project()
+    return json_response(response="OK")
+
+
+# @publication_routes.route(
+#     "/get_tg_project_hits/<string:projectname>/<string:instance>/<string:tg_project_id>",
+#     methods=["GET"],
+# )
+# def get_tg_project_hits(projectname, instance, tg_project_id):
+#     hits = TGProject(projectname, instance).get_tg_project_hits(tg_project_id)
+#     return json_response(response="OK", hits=hits)

tgp_ui/routes/tabs.py

@@ -0,0 +1,34 @@
+# -*- coding: utf-8 -*-
+# Copyright (C) 2023-2025 TU-Dresden (ZIH)
+# ralf.klammer@tu-dresden.de
+# moritz.wilhelm@tu-dresden.de
+
+import logging
+
+from flask import Blueprint, session
+from flask_json import json_response
+
+log = logging.getLogger(__name__)
+
+tab_manager = Blueprint("tab_manager", __name__)
+
+
+@tab_manager.route("/get_last_tab/<string:projectname>", methods=["GET"])
+def get_last_tab(projectname):
+
+    tabname = session.get(f"last_tab_{projectname}", None)
+
+    return json_response(status=200, initial_tab=tabname or "tab-edit-project")
+
+
+@tab_manager.route(
+    "/set_last_tab/<string:projectname>/<string:tabname>", methods=["POST"]
+)
+def set_last_tab(projectname, tabname):
+
+    if tabname:
+        session[f"last_tab_{projectname}"] = tabname
+        return json_response(
+            response="OK",
+            message=f"Last tab for project '{projectname}' set to '{tabname}'",
+        )

tgp_ui/routes/views.py

@@ -0,0 +1,62 @@
+# -*- coding: utf-8 -*-
+# Copyright (C) 2023-2025 TU-Dresden (ZIH)
+# ralf.klammer@tu-dresden.de
+# moritz.wilhelm@tu-dresden.de
+
+import logging
+
+from flask import Blueprint, render_template, request, session
+
+from tgp_backend.project import Project
+
+log = logging.getLogger(__name__)
+
+main_views = Blueprint("views", __name__)
+
+
+# favored route
+@main_views.route("/overview", methods=["GET", "POST"])
+# additional routes for compatibility
+@main_views.route("/", methods=["GET"])
+@main_views.route("/project", methods=["GET", "POST"])
+@main_views.route("/projects", methods=["GET", "POST"])
+def overview():
+    return render_template("projects_main.html", sub_title="Projects Overview")
+
+
+@main_views.route("/project/<string:projectname>", methods=["GET", "POST"])
+def project_view(projectname=None):
+    return render_template(
+        "project_main.html",
+        user=session.get("user", "-"),
+        current_project=projectname,
+        project=Project(projectname),
+        tab=request.args.get("tab"),
+    )
+
+
+@main_views.route("/modal/container", methods=["GET"])
+def modal_container():
+    """
+    Render a modal spinner template.
+    This is used to show a loading spinner while processing requests.
+    """
+    return render_template("modal/empty_container.html")
+
+
+@main_views.route("/tabs/container", methods=["GET"])
+def tab_container():
+    """
+    Render a tab spinner template.
+    This is used to show a loading spinner while processing requests.
+    """
+    return render_template("tabs/empty_container.html")
+
+
+@main_views.route("/details/container", methods=["GET"])
+def details_container():
+    """
+    Render a details spinner template.
+    This is used to show a loading spinner while processing requests.
+    """
+    return render_template("details/empty_container.html", show_spinner=True)

tgp_ui/static/css/navbar.css

@@ -0,0 +1,92 @@
+.btn-circle.btn-xl {
+    width: 4.2rem;
+    height: 4.2rem;
+    border-radius: 50%;
+    text-align: center;
+    font-size: 1.5rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    z-index: 1;
+}
+
+.btn-circle.btn-sm {
+    width: 3.2rem;
+    height: 3.2rem;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+}
+
+/* Animation für den Übergang */
+.btn-xl.animate-to-long {
+    width: 25rem;
+    height: 4.2rem;
+    border-width: 0.2rem;
+    border-radius: 3rem;
+    transition: all 5.2s ease-in-out;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.btn-xl.animate-to-long i .main-icon {
+    opacity: 0;
+    /* Icon ausblenden */
+    transition: opacity 0.3s ease-in-out;
+    /* Sanftes Ausblenden */
+}
+
+.line {
+    height: 20px;
+    border-radius: 10px;
+    position: absolute;
+    top: 50%;
+    height: 4px;
+}
+
+.line.blank {
+    width: 95%;
+    background-color: #f8f9fa;
+    left: 1rem;
+    z-index: 0;
+}
+
+.line.blue {
+    width: 0%;
+    background-color: #0d6efd;
+    left: 1rem;
+    z-index: 0.5;
+    transition: width 0.3s ease-in-out;
+}
+
+.btn-xl.animate-to-long {
+    z-index: 2;
+    /* Erweiterte Buttons über die Linie legen */
+    transition: all 0.3s ease-in-out;
+}
+
+.border-primary{
+    border-width: 0.2rem;
+    transition: all 0.2s ease-in-out;
+}
+
+
+/* tab-edit-other-files */
+.tab-button {
+    width: 12rem;
+    height: 12rem;
+    color: #0d6efd;
+}
+
+.tab-button.active,
+.tab-button:active {
+    background-color: #FFFFFF !important;
+}
+
+.big-icon {
+    font-size: 5rem;
+}

tgp_ui/static/js/collectionManager.js

@@ -0,0 +1,60 @@
+define([], function () {
+    const CollectionManager = {
+        loadDetailsInSidebar: function () {
+            const self = $(this);
+            const url = self.data('url');
+            const detailsContent = $('#detailsContent');
+            detailsContent.load("/details/container");
+            self.closest('.card-body')
+                .find('button.btn-primary')
+                .addClass('btn-secondary')
+                .removeClass('btn-primary');
+
+            self.addClass('btn-primary').removeClass('btn-secondary');
+
+            $.get(url, function (data) {
+                detailsContent.html(data);
+            }).fail(function () {
+                detailsContent.html('<p class="text-danger">Failed to load details. Please try again.</p>');
+            });
+        },
+
+        addMultiInputClassifications: function (e) {
+            e.preventDefault();
+            const self = $(this);
+            const thisRow = self.closest('.row');
+            thisRow.next().clone()
+                .insertAfter(thisRow)
+                .find('input').val('');
+        },
+
+        removeMultiInputClassifications: function (e) {
+            e.preventDefault();
+            const self = $(this);
+            const thisMultiInput = self.closest('.multi-input');
+            thisMultiInput.remove();
+        },
+
+        highlightFolder: function (e) {
+            const self = $(this);
+            const selectedFolder = self.closest('.card');
+            selectedFolder.toggleClass('border-primary').toggleClass('border-secondary');
+        },
+
+        init: function () {
+            // Load details in sidebar
+            $(document).on('click', '.edit-collection-button', this.loadDetailsInSidebar);
+
+            // Add a new multi input-field (e.g., 'Basic classification', 'Rights Holder')
+            $(document).on('click', '.add-multi-input-classifications', this.addMultiInputClassifications);
+
+            // Remove a multi input-field (e.g., 'Basic classification', 'Rights Holder')
+            $(document).on('click', '.remove-multi-field-classification', this.removeMultiInputClassifications);
+
+            // Highlight folder
+            $(document).on('change', 'input[name="selected_folder"]', this.highlightFolder);
+        }
+    };
+
+    return CollectionManager;
+});

tgp_ui/static/js/fileManager.js

@@ -0,0 +1,186 @@
+define([], function () {
+    const FileManager = {
+        triggerFileInput: function () {
+            $('#fileInput').trigger('click');
+        },
+
+        submitFileUpload: function () {
+            $('#fileUploadLocal').trigger('submit');
+        },
+
+        // New functions from main_new.js
+        showPreviewOfAvatar: function () {
+            const uploadFile = $(this);
+            const files = this.files;
+
+            if (files && files.length && window.FileReader) {
+                const reader = new FileReader();
+                reader.readAsDataURL(files[0]);
+
+                reader.onloadend = function () {
+                    uploadFile.closest("div").find('.ratio').html(`
+                        <div class="w-100 h-100"
+                             style="background-image: url(${this.result});
+                                    background-size: cover;
+                                    background-position: center;">
+                        </div>
+                    `);
+                };
+            }
+        },
+
+        cloneFromGit: function (e) {
+            e.preventDefault();
+            const form = $(e.target);
+            const button = form.find('button[type="submit"]');
+            const spinner = button.find('.spinner-border');
+            const buttonText = button.find('span:not(.spinner-border)');
+            const modal = form.closest('.modal');
+
+            button.prop('disabled', true);
+            spinner.removeClass('d-none');
+            buttonText.text('Cloning...');
+
+            $.ajax({
+                url: form.attr('action'),
+                method: 'POST',
+                data: form.serialize(),
+                success: function (response) {
+                    $(modal).modal('hide');
+                    $(form.closest('.tab-pane')).html(response);
+                },
+                error: function () {
+                    button.removeClass('btn-primary').addClass('btn-danger');
+                    buttonText.text('Clone Repository');
+                },
+                complete: function () {
+                    spinner.addClass('d-none');
+                    button.prop('disabled', false);
+                }
+            });
+        },
+
+        deleteFolder: function (e) {
+            e.preventDefault();
+            const button = $(this);
+            const itemName = button.data('item-name');
+            const itemType = button.data('item-type');
+
+            if (confirm(`Do you want to delete ${itemType === 'folder' ? 'the folder' : 'the file'} "${itemName}"?`)) {
+                $.ajax({
+                    url: '/api/delete-folder',
+                    method: 'DELETE',
+                    data: {
+                        path: button.data('item-path'),
+                        projectname: button.data('projectname')
+                    },
+                    success: function (response) {
+                        $(button.closest('.tab-pane')).html(response);
+                    },
+                    error: function () {
+                        alert('Error deleting item.');
+                    }
+                });
+            }
+        },
+
+        deleteXSLT: function (e) {
+            e.preventDefault();
+            const projectname = $(this).data('projectname');
+            const self = this;
+            $.ajax({
+                url: `/delete-xslt/${projectname}`,
+                method: 'DELETE',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                success: function (response) {
+                    FileManager.hideHint.call(self);
+                },
+                error: function () {
+                    alert('Error deleting XSLT file.');
+                }
+            });
+        },
+
+        hideHint: function () {
+            const hint = $('.xslt-upload');
+            if (hint) {
+                hint.addClass('d-none');
+            }
+        },
+
+        selectNextcloudFolder: function () {
+            const self = $(this);
+            const new_state = self.is(':checked') ? 'checked' : '';
+            const checkboxes = self.closest('.list-group-item').find('.nextcloud-folder');
+            checkboxes
+                .prop("checked", new_state)
+                .not(':first')
+                .prop("disabled", true);
+        },
+
+        dragDropHandler: function (event) {
+            event.preventDefault();
+
+            const dropZone = $(event.target).closest('.js-file-upload');
+            const files = event.originalEvent.dataTransfer.files;
+            const uploadUrl = dropZone.data('url');
+
+            console.log(`Dropped ${files.length} files to upload`);
+
+            if (files.length > 0) {
+                // Create FormData with the dropped files
+                const formData = new FormData();
+
+                for (let i = 0; i < files.length; i++) {
+                    formData.append('files', files[i]);
+                    console.log(`File ${i + 1}: ${files[i].name}`);
+                }
+
+                // Upload files via AJAX
+                $.ajax({
+                    url: uploadUrl,
+                    type: 'POST',
+                    data: formData,
+                    processData: false,
+                    contentType: false,
+                    success: function (response) {
+                        dropZone.closest('.container, .tab-pane').html(response);
+                    },
+                    error: function (xhr, status, error) {
+                        console.error('Upload error:', error);
+                        dropZone.addClass('border-danger text-danger').removeClass('border-success');
+                    }
+                });
+            }
+        },
+
+        preventDefaults: function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        },
+
+        // Update the init function to include drag & drop event listeners
+        init: function () {
+            $(document).on('change', 'input#fileInput', this.submitFileUpload);
+            $(document).on('click', 'button#triggerFileInput', this.triggerFileInput);
+            $(document).on('click', '.delete-folder', this.deleteFolder);
+            $(document).on("change", ".showPreviewOfAvatar", this.showPreviewOfAvatar);
+            $(document).on('click', '#deleteXsltButton', this.deleteXSLT);
+            $(document).on('change', '.xslt-upload', this.hideHint);
+            $(document).on('click', 'input.nextcloud-folder', this.selectNextcloudFolder);
+
+            // Drag & Drop event listeners for elements with class 'js-file-upload'
+            $(document).on('dragenter', '.js-file-upload', this.preventDefaults);
+            $(document).on('dragover', '.js-file-upload', this.preventDefaults);
+            $(document).on('dragleave', '.js-file-upload', this.preventDefaults);
+            $(document).on('drop', '.js-file-upload', this.dragDropHandler);
+            $(document).on('click', '.js-file-upload', function (event) {
+                $('#triggerFileInput').click();
+            })
+        }
+    };
+
+    return FileManager;
+});