{"id":1298,"date":"2024-10-04T11:49:49","date_gmt":"2024-10-04T11:49:49","guid":{"rendered":"https:\/\/ditib-heidenheim.de\/?page_id=1298"},"modified":"2024-10-23T15:45:19","modified_gmt":"2024-10-23T15:45:19","slug":"intern-post-form","status":"publish","type":"page","link":"https:\/\/ditib-heidenheim.de\/tr\/intern-post-form\/","title":{"rendered":"Intern-Beitragsformular"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<div class=\"ff-el-group ff-text-center add-post ff_submit_btn_wrapper\">\n   \t <a href=\"https:\/\/ditib-heidenheim.de\/tr\/intern-admin-view\" title=\"Zur \u00dcbersicht\" class=\"button-link\">Zur \u00dcbersicht<\/a>\n\t<\/div>\n\n<form data-form_id=\"3\" id=\"fluentform_3\"  method=\"POST\">\n\n      <div class=\"ff-el-group category\">\n         <div ><label for=\"ff_3_category\" aria-label=\"Kategorie\">Kategorie<\/label><\/div>\n         <div class=\"ff-el-input--content\">\n            <select name=\"category\" id=\"ff_3_category\" class=\"ff-el-form-control category\" data-name=\"category\" data-calc_value=\"0\" aria-invalid=\"false\" aria-required=\"true\">\n               <option value=\"sonstiges\" selected=\"\">Sonstiges<\/option>\n               <option value=\"todesanzeigen\">Todesanzeigen<\/option>\n               <option value=\"veranstaltungen\">Veranstaltungen<\/option>\n            <\/select>\n         <\/div>\n      <\/div>\n      <div class=\"ff-el-group titel\">\n         <div ><label for=\"ff_3_titel\" aria-label=\"Titel\" id=\"ff_3_titel_label\" required>Titel<\/label><\/div>\n         <div class=\"ff-el-input--content\"><input type=\"text\" name=\"titel\" class=\"ff-el-form-control titel\" data-name=\"titel\" id=\"ff_3_titel\" aria-invalid=\"false\" aria-required=\"true\"><\/div>\n      <\/div> \n      <div data-name=\"ff_cn_id_2\" class=\"ff-t-container ff-column-container ff_columns_total_3 meta has-conditions ff_excluded\">\n         <div class=\"ff-t-cell ff-t-column-1\" style=\"flex-basis: 33.33%;\">\n          <div class=\"ff-el-group meta\">\n\t\t\t<div>\n\t\t\t\t<label for=\"ff_3_date\" aria-label=\"Datum\">Datum und Uhrzeit<\/label>\n\t\t\t<\/div>\n\t\t\t<div class=\"ff-el-input--content\">\n\t\t\t\t<input data-type-datepicker=\"\" data-format=\"Y-m-d H:s:m\" type=\"datetime-local\" name=\"datetime\" id=\"ff_3_date\" class=\"ff-el-form-control ff-el-datepicker date flatpickr-input\" data-name=\"date\" aria-invalid=\"false\" aria-required=\"false\">\n\t\t\t<\/div>\n\t\t\t<div class=\"info-note\" style=\"font-size: 0.9em; color: #555;\">\n\t\t\t\tBitte beachten: Diese Information ist erforderlich f\u00fcr Kalendereintr\u00e4ge.\n\t\t\t<\/div>\n\t\t<\/div>\n         <\/div>\n         <div class=\"ff-t-cell ff-t-column-3\" style=\"flex-basis: 33.33%;\">\n            <div class=\"ff-el-group meta\">\n               <div ><label for=\"ff_3_location\" aria-label=\"Ort\">Ort<\/label><\/div>\n               <div class=\"ff-el-input--content\"><input type=\"text\" name=\"location\" class=\"ff-el-form-control location\" data-name=\"location\" id=\"ff_3_location\" aria-invalid=\"false\" aria-required=\"false\"><\/div>\n            <\/div>\n         <\/div>\n      <\/div>\n\t <div class=\"recommendations-buttons\" id =\"recommendation-buttons\">\n\t  \t <button type=\"button\" id=\"recommendations-posts\" style=\"font-weight:100;\" class =\"button-link\">Vorschl\u00e4ge<\/button>\n\t\t  <button type=\"button\" id=\"add-post-details\" style=\"font-weight:100;\" class =\"button-link\">Obige Angaben \u00fcbernehmen<\/button>\n\t<\/div>\n\t  <div class=\"ff-el-group content\" id =\"inhalt-div\">\n         <div ><label for=\"ff_3_content\" aria-label=\"Inhalt\">Inhalt<\/label><\/div>\n         <div class=\"ff-el-input--content\"><textarea aria-invalid=\"false\" aria-required=\"false\" name=\"content\" id=\"ff_3_content\" class=\"ff-el-form-control content\" placeholder=\"Dein Text\" rows=\"4\" cols=\"2\" data-name=\"content\"><\/textarea><\/div>\n      <\/div>\n     <div data-name=\"ff_cn_id_3\" class=\"ff-t-container ff-column-container ff_columns_total_2 upload_files \">\n\t\t<div class=\"ff-t-cell ff-t-column-1\" style=\"flex-basis: 50%;\">\n\t\t\t<div class=\"ff-el-group ff-text-left upload ff_submit_btn_wrapper ff_submit_btn_wrapper_custom\">\n\t\t\t\t<button type=\"button\" class=\"ast-custom-button\" id=\"upload_images_button\">Dateien Hochladen (Bilder, PDFs)<\/button>\n\t\t\t\t<input type=\"hidden\" id=\"uploaded_files\" name=\"uploaded_files\" value=\"\">\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"ff-t-cell ff-t-column-2\" style=\"flex-basis: 50%;\"><\/div>\n\t<\/div>\n      <div data-name=\"ff_cn_id_4\" class=\"ff-t-container ff-column-container ff_columns_total_3 buttons \">\n         <div class=\"ff-t-cell ff-t-column-1\" style=\"flex-basis: 33.33%;\">\n            <div class=\"ff-el-group ff-text-left buttons ff_submit_btn_wrapper ff_submit_btn_wrapper_custom\">\n               <button class=\"ast-custom-button\" type=\"submit\" name=\"custom_submit_button-3_2\" data-name=\"custom_submit_button-3_2\">Beitrag ver\u00f6ffentlichen<\/button>\n           \n            <\/div>\n         <\/div>\n         <div class=\"ff-t-cell ff-t-column-2\" style=\"flex-basis: 33.33%;\">\n            <div class=\"ff-el-group ff-text-left buttons ff_submit_btn_wrapper ff_submit_btn_wrapper_custom\">\n               <button class=\"ast-custom-button\" type=\"submit\" name=\"custom_submit_button-3_3\" data-name=\"custom_submit_button-3_3\">Entwurf speichern<\/button>\n           \n            <\/div>\n         <\/div>\n         <div class=\"ff-t-cell ff-t-column-3\" style=\"flex-basis: 33.33%;\">\n            <div class=\"ff-el-group ff-text-left buttons ff_submit_btn_wrapper ff_submit_btn_wrapper_custom\">\n               <button class=\"ast-custom-button\" type=\"submit\" name=\"custom_submit_button-3_4\" data-name=\"custom_submit_button-3_4\">Abbrechen<\/button>\n         \n            <\/div>\n         <\/div>\n      <\/div>\n<\/form>\n \n   <div id=\"add-popup\" class=\"popup\" style=\"display: none\">\n\t   \n                <span class=\"close\">&times;<\/span>    \n            <div class=\"popup-content\" id=\"popup-content-recommendations\">\n\t   <\/div>\n    <\/div>\n\n   <style>\n        \/* Styles for the popup *\/\n\t.popup {\n\t\t position: fixed;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\twidth: 80%; \/* Adjust as needed *\/\n\t\tmax-width: 500px;\n\t\tbackground-color: white;\n\t\tborder: 1px solid #ccc;\n\t\tpadding: 20px;\n\t\tz-index: 1000;\n\t\tbox-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n\t}\n\n\t.close {\n\t\tcursor: pointer;\n\t\tposition: absolute; \/* Position the close button relative to the popup *\/\n\t\ttop: 10px;\n\t\tright: 20px; \/* Adjust as necessary *\/\n\t\tfont-size: 24px; \/* Increase the size for visibility *\/\n\t\tcolor: #333; \/* Dark color for visibility *\/\n\t}\n\n\t.popup-content {\n\t\tposition: relative;\n\t\tmargin: 5% auto;\n\t\tmax-width: var(--wp--custom--ast-content-width-size);\n\t\tmax-height: 400px; \/* Set maximum height for scrolling *\/\n\t\toverflow-y: auto; \/* Enable vertical scrolling *\/\n\t\tpadding: 10px;\n\t\tbackground-color: white;\n\t\tbox-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.2);\n\t}\n\t   \n\t   .form-container {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tmax-width: 600px;\n\t\t\tmargin: auto;\n\t\t\tpadding: 20px;\n\t\t\tborder: 1px solid #ccc;\n\t\t\tborder-radius: 8px;\n\t\t\tbackground-color: #f9f9f9;\n\t\t}\n\n\t\t.ff-el-group {\n\t\t\tmargin-bottom: 15px;\n\t\t}\n\n\t\tlabel {\n\t\t\tmargin-bottom: 5px;\n\t\t\tfont-weight: bold;\n\t\t}\n\n\t\t.ff-el-form-control {\n\t\t\twidth: 100%;\n\t\t\tpadding: 10px;\n\t\t\tborder-radius: 4px;\n\t\t\tborder: 1px solid #ccc;\n\t\t}\n\n\t\t.ff-el-form-control:focus {\n\t\t\tborder-color: #007BFF;\n\t\t\toutline: none;\n\t\t}\n\n\t\t.ast-custom-button {\n\t\t\tbackground-color: #007BFF;\n\t\t\tcolor: white;\n\t\t\tpadding: 10px 15px;\n\t\t\tborder: none;\n\t\t\tborder-radius: 4px;\n\t\t\tcursor: pointer;\n\t\t\ttransition: background-color 0.3s;\n\t\t}\n\n\t\t.ast-custom-button:hover {\n\t\t\tbackground-color: #0056b3;\n\t\t}\n\n\t\t.upload_files {\n\t\t\tmargin-bottom: 20px;\n\t\t}\n\n\t\t.buttons {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t}\n\n\t\t.sidebar {\n\t\t\tmax-width: 250px;\n\t\t\tborder-left: 1px solid #ccc;\n\t\t\tpadding: 15px;\n\t\t\tmargin-left: 20px;\n\t\t\tbackground-color: #ffffff;\n\t\t\tposition: absolute; \/* Adjust as needed *\/\n\t\t\tright: 20px; \/* Adjust as needed *\/\n\t\t\ttop: 20px; \/* Adjust as needed *\/\n\t\t\tborder-radius: 8px;\n\t\t\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n\t\t}\n\n\t\n\t\t.recommendation-item {\n\t\t\tmargin-bottom: inherit;\n\t\t}\n    <\/style>\n<script>\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const category = \"\";\n    const validCategory = (category && category.trim() !== '') ? category : 'sonstiges';\n    const post_id = 0;\n    const title = \"\";\n    const content = \"\";\n    const location = \"\";\n    const date = \"\";\n\tconst attachmentsHTML = \"\";\n\tlet posted_content=''\n\t\n\t\n\t    \/\/ File upload handling\n    let uploadedFilesList = document.getElementById('uploaded-files-list');\n\t\n\tif(category ==\"todesanzeigen\"){\n\t   document.getElementById(\"ff_3_titel_label\").textContent = \"Name Verstorbener\";\n\t }else{\n\t\t  document.getElementById(\"ff_3_titel_label\").textContent = \"Titel\";\n\t }\n\n    \/\/ Set initial field values if post_id exists\n    if (post_id) {\n        let dropdown = document.getElementById('ff_3_category');\n        if (dropdown) {\n            dropdown.value = validCategory; \/\/ Set category\n        }\n\n        let field_title = document.getElementById('ff_3_titel'); \n        if (field_title) {\n            field_title.value = title; \/\/ Set title\n        }\n\t\t\n        let field_content = document.getElementById('ff_3_content'); \n        if (field_content) {\n            field_content.value = content; \/\/ Set content\n        }\n\n        let field_location = document.getElementById('ff_3_location'); \n        if (field_location) {\n            field_location.value = location; \/\/ Set location\n        }\n\n        let field_date = document.getElementById('ff_3_date'); \n        if (field_date) {\n            field_date.value = date; \/\/ Set date\n        }\n\t\t\n\t\t       if (uploadedFilesList) {\n            uploadedFilesList.innerHTML = attachmentsHTML; \/\/ Set attachments\n            attachDeleteEventListeners(); \/\/ Attach listeners for existing attachments\n        }\n    }\n\n    const uploadButton = document.getElementById('upload_images_button');\n\n    \/\/ Upload files via media library\n    if (uploadButton) {\n        uploadButton.addEventListener('click', function(e) {\n            e.preventDefault(); \n            var mediaFrame = wp.media({\n                title: 'Dateien Hochladen',\n                button: {\n                    text: 'Hochladen'\n                },\n                multiple: true \/\/ Allow multiple selections\n            });\n\n            mediaFrame.on('select', function() {\n                var attachments = mediaFrame.state().get('selection').toJSON();\n                const uploadedFileIds = [];\n\n                attachments.forEach(function(attachment) {\n                    uploadedFileIds.push(attachment.id); \/\/ Store IDs\n                    const fileDiv = document.createElement('div');\n                    fileDiv.classList.add('file-item');\n\n                    \/\/ Add image preview or PDF text\n                    if (attachment.url.endsWith('.pdf')) {\n                        const pdfText = document.createElement('p');\n                        pdfText.textContent = 'PDF: ' + attachment.title;\n                        fileDiv.appendChild(pdfText);\n                    } else {\n                        const fileImg = document.createElement('img');\n                        fileImg.src = attachment.url;\n                        fileImg.alt = attachment.title;\n                        fileImg.style.maxWidth = '100px';\n                        fileImg.style.height = 'auto';\n                        fileDiv.appendChild(fileImg);\n                    }\n\n                    \/\/ Delete button for each file\n                    const deleteButton = document.createElement('a');\n                    deleteButton.href = '#';\n                    deleteButton.textContent = '\ud83d\uddd1\ufe0f';\n                    deleteButton.style.cursor = 'pointer';\n                    deleteButton.classList.add('delete-attachment'); \/\/ Correctly set class\n                    deleteButton.dataset.attachmentId = attachment.id;\n\n                    deleteButton.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        if (confirm('M\u00f6chten Sie diese Datei wirklich l\u00f6schen?')) {\n                            deleteFile(attachment.id, fileDiv);\n                        }\n                    });\n\n                    fileDiv.appendChild(deleteButton);\n                    uploadedFilesList.appendChild(fileDiv);\n                });\n\n                \/\/ Update hidden input with selected file IDs\n                document.getElementById('uploaded_files').value = uploadedFileIds.join(',');\n            });\n\n            mediaFrame.open(); \/\/ Open the media library\n        });\n    }\n\n    \/\/ Function to attach delete event listeners to existing attachments\n    function attachDeleteEventListeners() {\n        const existingDeleteButtons = uploadedFilesList.getElementsByClassName('delete-attachment');\n        \n        for (let i = 0; i < existingDeleteButtons.length; i++) {\n            existingDeleteButtons[i].addEventListener('click', function(e) {\n                e.preventDefault();\n                const attachmentId = this.dataset.attachmentId; \/\/ Assuming the ID is set in data-attribute\n                const fileDiv = this.parentNode; \/\/ Get the parent div\n                if (confirm('M\u00f6chten Sie diese Datei wirklich l\u00f6schen?')) {\n                    deleteFile(attachmentId, fileDiv);\n                }\n            });\n        }\n    }\n\n    \/\/ Function to delete a file via AJAX\n    function deleteFile(fileId, fileElement) {\n        const ajaxurl = '\/wp-admin\/admin-ajax.php'; \/\/ Path to admin-ajax.php\n        const formData = new FormData();\n        formData.append('action', 'delete_attachment'); \/\/ WordPress AJAX action\n        formData.append('attachment_id', fileId);\n\n        fetch(ajaxurl, {\n            method: 'POST',\n            body: formData,\n            credentials: 'same-origin'\n        })\n        .then(response => response.json())\n        .then(data => {\n            if (data.success) {\n                fileElement.remove(); \/\/ Remove from DOM\n            } else {\n                alert('Error deleting the file.');\n            }\n        })\n        .catch(error => {\n            console.error('Error deleting the file:', error);\n            alert('Error deleting the file.');\n        });\n    }\n\n    \/\/ Select the buttons\n    const publishButton = document.querySelector('[data-name=\"custom_submit_button-3_2\"]');\n    const draftButton = document.querySelector('[data-name=\"custom_submit_button-3_3\"]');\n    const cancelButton = document.querySelector('[data-name=\"custom_submit_button-3_4\"]');\n\n    \/\/ Custom timeout function\n    const fetchWithTimeout = (url, options, timeout = 70000) => {\n        return Promise.race([\n            fetch(url, options),\n            new Promise((_, reject) => \n                setTimeout(() => reject(new Error('Request timed out')), timeout)\n            )\n        ]);\n    };\n\n\/\/ Event listeners for publish and draft buttons\npublishButton.addEventListener('click', function(event) {\n    event.preventDefault();\n    handleFormSubmission('publish'); \/\/ Publish action\n});\n\ndraftButton.addEventListener('click', function(event) {\n    event.preventDefault();\n    handleFormSubmission('draft'); \/\/ Draft action\n});\n\ncancelButton.addEventListener('click', function(event) {\n    event.preventDefault();\n    alert('Einstellungen werden nicht gespeichert. Sie werden auf die Beitrags-Ansicht weitergeleitet.');\n    window.location.href = \"https:\/\/ditib-heidenheim.de\/tr\/intern-posts\";\n});\n\n\/\/ Handle form submission based on the button clicked\nfunction handleFormSubmission(status) {\n    \/\/ Create a FormData object to gather the form data\n    const formData = new FormData();\n\n    \/\/ Collect field values\n    const category = document.getElementById('ff_3_category');\n\n    \/\/ Add action for the PHP function\n    formData.append('action', 'handle_beitrag_form_submission'); \/\/ <-- THIS IS IMPORTANT\n\n    let id_post = 0;\n\n    \/\/ Basic post data\n    formData.append('category', category.value);\n    formData.append('post_status', status);\n    formData.append('post_id', id_post);\n\n    \/\/ Collect content field (as post content)\n    const fieldTitle = document.getElementById('ff_3_titel');\n    if (fieldTitle) {\n        formData.append('post_title', fieldTitle.value); \/\/ Set post content\n    }\n    const fieldContent = document.getElementById('ff_3_content');\n    if (fieldContent) {\n        formData.append('text_content', fieldContent.value); \/\/ Set post content\n    }\n\n    const fieldDate = document.getElementById('ff_3_date').value; \/\/ Get the date\n\n    \/\/ Ensure both fields are filled\n    if (fieldDate) {\n        formData.append('datetime', fieldDate); \/\/ Send Germany's timezone datetime to the server\n    }\n\n    \/\/ Collect meta data\n    const fieldLocation = document.getElementById('ff_3_location'); \/\/ Replace with the correct ID for location\n\n    if (fieldLocation) {\n        formData.append('location', fieldLocation.value); \/\/ Set location meta\n    }\n\n    \/\/ Collect file uploads if any\n    const uploadedFilesHTML = document.getElementById('uploaded-files-list');\n    if (uploadedFilesHTML) {\n        formData.append('attachments', uploadedFilesHTML.innerHTML); \/\/ Append to a different field\n    }\n\n    \/\/ Select all img elements within the div\n    const images = uploadedFilesList.getElementsByTagName('img');\n\n    if (images.length > 0) {\n        Array.from(images).forEach((img, index) => {\n            \/\/ Only append if the image does NOT have the class 'emoji'\n            if (!img.classList.contains('emoji')) {\n                \/\/ Append the 'src' value of each non-emoji image to the FormData object\n                formData.append(\"images[\" + index + \"]\", img.src);\n            }\n        });\n    }\n\n    \/\/ Send the form data using fetch\n    fetchWithTimeout('\/wp-admin\/admin-ajax.php', {\n        method: 'POST',\n        body: formData,\n        credentials: 'same-origin',\n    })\n    .then(response => {\n        if (!response.ok) {\n            throw new Error('Server responded with an error');\n        }\n        return response.json();\n    })\n    .then(data => {\n        if (data.success) {\n            alert('Beitrag wurde erfolgreich ver\u00f6ffentlicht!');\n            \/\/ Redirect with success\n            window.location.href = \"https:\/\/ditib-heidenheim.de\/tr\/intern-posts?success\";\n        } else {\n            alert('Beitrag konnte nicht erstellt werden.');\n            \/\/ Redirect with failure\n            window.location.href = \"https:\/\/ditib-heidenheim.de\/tr\/intern-posts?fail\";\n        }\n    })\n    .catch(error => {\n        alert('Ein Fehler ist aufgetreten. Bitte versuchen Sie es noch einmal.');\n        \/\/ Redirect with failure\n        window.location.href = \"https:\/\/ditib-heidenheim.de\/tr\/intern-posts?fail\";\n    });\n}\n \n    \/\/ Toggle textarea based on category selection\n    const categorySelect = document.getElementById(\"ff_3_category\");\n    categorySelect.addEventListener(\"change\", () => {\n        document.getElementById(\"ff_3_titel_label\").textContent = categorySelect.value === \"todesanzeigen\" ? \"Name Verstorbener\" : \"Titel\";\n    });\n\ndocument.getElementById(\"recommendations-posts\").onclick = () => {\n\tif(categorySelect.value==\"todesanzeigen\"){\n\t\tconst category = `${categorySelect.value}-rec`;\n    \tfetchExamples(category);\n\t}else{\t\n    \tfetchExamples(\"rec-posts\");\n\t}\n};\n\t\n\tdocument.getElementById(\"add-post-details\").onclick = () => {\n\t \/\/ Get values for replacement\n    let title = document.getElementById(\"ff_3_titel\").value;\n    const datetimeString = document.getElementById(\"ff_3_date\").value || \"\"; \n    let [date, time] = datetimeString.split(\"T\");\n   \n\t\n    const formattedDate = formatDateToGerman(date).replace(\/\\.\/g, '. ');\n\t\t\n    const location = document.getElementById(\"ff_3_location\").value || \"\"; \n\tlet populatedText=\"\"\n\t\n\tif(title){\n\t\tpopulatedText =\"Thema: \"+title+\" \"\n\t}\n\tif(date){\n\t\tpopulatedText+=\"Datum: \"+formattedDate+\" \"\n\t}\n\tif(time && time != \"00:00\"){\n\t\tpopulatedText+=time + \" Uhr \"\n\t}\n\t\n\tif(location){\n\t\tpopulatedText+=\"Ort: \"+location\n\t}\n\t\n    document.getElementById('ff_3_content').value = populatedText;\n\n};\n\ndocument.querySelector(\".close\").onclick = () => document.getElementById(\"add-popup\").style.display = \"none\";\nwindow.onclick = (event) => {\n    if (event.target === document.getElementById(\"add-popup\")) {\n        document.getElementById(\"add-popup\").style.display = \"none\";\n    }\n};\n\nfunction fetchExamples(category) {\n    const ajaxurl = '\/wp-admin\/admin-ajax.php'; \/\/ Path to admin-ajax.php\n    const formData = new FormData();\n    formData.append('action', 'get_examples'); \/\/ WordPress AJAX action\n    formData.append('category', category); \/\/ Pass the category\n\n    fetch(ajaxurl, {\n        method: 'POST',\n        body: formData,\n        credentials: 'same-origin'\n    })\n    .then(response => response.json())\n    .then(data => {\n        const examplesList = document.getElementById('popup-content-recommendations');\n\n        console.log('AJAX Response:', data); \/\/ Debugging output\n\n        if (data.success && Array.isArray(data.data.examples)) { \/\/ Corrected data structure\n            examplesList.innerHTML = data.data.examples.map(example => `\n                <div class=\"recommendation-item\">\n                    <div style=\"margin: inherit;\">${example.text}<\/div>\n                    <button onclick=\"selectExample(\\`${example.text}\\`)\" class=\"button-link\" style=\"font-weight: 100;\">\u00dcbernehmen<\/button>\n                <\/div>\n            `).join('');\n            document.getElementById('add-popup').style.display = 'block';\n        } else {\n            examplesList.innerHTML = `\n                <div class=\"recommendation-item\">\n                    <div style=\"margin: inherit;\">Vorschl\u00e4ge wurden f\u00fcr diese Kategorie nicht definiert. ${category} ${JSON.stringify(data)} <\/div>\n                <\/div>`;\n            document.getElementById('add-popup').style.display = 'block';\n        }\n    })\n    .catch(error => {\n        console.error('Error fetching examples:', error);\n        alert('Ein Fehler ist aufgetreten. Bitte versuchen Sie es erneut.');\n    });\n}\n\n\n\n});\n\t\n\t\nfunction selectExample(exampleText) {  \n    \/\/ Get values for replacement\n    let title = document.getElementById(\"ff_3_titel\").value;\n    const datetimeString = document.getElementById(\"ff_3_date\").value || \"\"; \n    let [date, time] = datetimeString.split(\"T\");\n    if (!time || time === \"00:00\") {\n        time = \"\";\n    } \n\t\n    const formattedDate = formatDateToGerman(date).replace(\/\\.\/g, '. ');\n    const location = document.getElementById(\"ff_3_location\").value || \"\"; \n\tconst formattedDateTurkish=formatDateToTurkish(date); \n\n   \/\/ Replace placeholders in the example text\nlet populatedText = exampleText\n    .replace(\/\\[Name\\]\/g, title || \"[Name]\")\n    .replace(\/\\[Bayram\\]\/g, title || \"[Bayram]\")\n    .replace(\/\\[Isim\\]\/g, title || \"[Isim]\")\n    .replace(\/\\[Titel\\]\/g, title || \"[Titel]\")\n    .replace(\/\\[Datum\\]\/g, date ? formattedDate : \"[Datum]\")\n    .replace(\/\\[Tarih\\]\/g, date ? formattedDateTurkish : \"[Tarih]\")\n    .replace(\/\\[Uhrzeit\\]\/g, time ? time + \" Uhr\" : \"[Uhrzeit]\")\n    .replace(\/\\[Saat\\]\/g, time ? time : \"[Saat]\")\n    .replace(\/\\[Yer\\]\/g, location ? location : \"[Yer]\")\n    .replace(\/\\[Ort\\]\/g, location ? location : \"[Ort]\"); \n\t\n    document.getElementById('ff_3_content').value = populatedText;\n\n    \/\/ Close the modal\n    document.getElementById('add-popup').style.display = 'none';\n\n}\n\nfunction formatDateToGerman(dateString) {\n    const [year, month, day] = dateString.split(\"-\");\n    const monthNames = [\n        \"Januar\", \"Februar\", \"M\u00e4rz\", \"April\", \"Mai\", \"Juni\", \n        \"Juli\", \"August\", \"September\", \"Oktober\", \"November\", \"Dezember\"\n    ];\n    const monthName = monthNames[parseInt(month, 10) - 1];\n    return day + \". \" + monthName + \" \" + year;\n}\n\t\n\tfunction formatDateToTurkish(dateString) {\n    const monthsInTurkish = [\n        \"Ocak\", \"\u015eubat\", \"Mart\", \"Nisan\", \"May\u0131s\", \"Haziran\",\n        \"Temmuz\", \"A\u011fustos\", \"Eyl\u00fcl\", \"Ekim\", \"Kas\u0131m\", \"Aral\u0131k\"\n    ];\n\n    const dateParts = dateString.split(\"-\");\n    const year = dateParts[0];\n    const monthIndex = parseInt(dateParts[1], 10) - 1; \/\/ Months are 0-indexed in JS\n    const day = dateParts[2];\n\n    return `${day} ${monthsInTurkish[monthIndex]} ${year}`;\n}\n\n<\/script>\n\n\n\n\n\n\n<h5 class=\"wp-block-heading\">Hochgeladene Dateien<\/h5>\n\n\n\n<div id=\"uploaded-files-list\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hochgeladene Dateien<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ditib-heidenheim.de\/tr\/wp-json\/wp\/v2\/pages\/1298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ditib-heidenheim.de\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ditib-heidenheim.de\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ditib-heidenheim.de\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ditib-heidenheim.de\/tr\/wp-json\/wp\/v2\/comments?post=1298"}],"version-history":[{"count":11,"href":"https:\/\/ditib-heidenheim.de\/tr\/wp-json\/wp\/v2\/pages\/1298\/revisions"}],"predecessor-version":[{"id":1553,"href":"https:\/\/ditib-heidenheim.de\/tr\/wp-json\/wp\/v2\/pages\/1298\/revisions\/1553"}],"wp:attachment":[{"href":"https:\/\/ditib-heidenheim.de\/tr\/wp-json\/wp\/v2\/media?parent=1298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}