document.addEventListener('DOMContentLoaded', function () {
const dateInput = document.getElementById('date');
const dateError = document.getElementById('dateError');
const calendarIcon = document.getElementById('calendar-icon');
// Set the minimum date to the current date
const today = new Date().toISOString().split('T')[0];
if (dateInput) {
dateInput.setAttribute('min', today);
// Open the calendar when clicking on the icon
calendarIcon.addEventListener('click', function () {
dateInput.focus(); // Focus on the input first
setTimeout(() => dateInput.showPicker(), 0); // Delay to ensure it's within a user gesture
});
// Checking the selected date
dateInput.addEventListener('input', function () {
const selectedDate = new Date(dateInput.value);
const todayDate = new Date(today);
if (selectedDate < todayDate) {
dateError.style.display = 'block';
} else {
dateError.style.display = 'none';
}
});
}
const formSteps = document.querySelectorAll('.form-step');
const progressBarNum = document.getElementById('num');
const progressBar = document.getElementById('progress-bar-wrapper');
const progressBarFill = document.getElementById('progress-bar-fill');
const locationErrorStadt = document.getElementById('locationErrorStadt');
const locationStadt = document.getElementById('location');
const totalSteps = formSteps.length;
let currentStep = 0;
// Set the initial language based on URL parameter or localStorage
const vacancyUrl = window.location.href;
let selectedLanguage = localStorage.getItem('selectedLanguage');
if (!selectedLanguage) {
selectedLanguage = vacancyUrl.includes('/en/') ? 'en' : 'de';
localStorage.setItem('selectedLanguage', selectedLanguage);
}
const languageContainer = document.getElementById('language');
if (languageContainer) {
const languageBoxes = languageContainer.querySelectorAll('.language-box');
if(languageBoxes) {
languageBoxes.forEach((box) => {
if (box.dataset.language === selectedLanguage) {
box.classList.add('active-language');
} else {
box.classList.remove('active-language');
}
box.addEventListener('click', () => {
languageBoxes.forEach((b) => b.classList.remove('active-language'));
box.classList.add('active-language');
localStorage.setItem('selectedLanguage', box.dataset.language);
});
});
}
}
const savedTitle = localStorage.getItem('title');
const titleElement = document.getElementById('title-work-local');
if (titleElement) {
titleElement.textContent = savedTitle || 'Title not found';
} else {
console.warn("Element with ID 'title-work-local' not found on this page.");
}
function showStep(stepIndex) {
formSteps.forEach((step, index) => {
step.classList.toggle('active', index === stepIndex);
});
updateProgressBar(stepIndex);
currentStep = stepIndex;
}
function updateProgressBar(stepIndex) {
progressBarNum.textContent = stepIndex + 1;
if (stepIndex === 0) {
progressBar.style.display = 'none';
} else {
progressBar.style.display = 'flex';
progressBarFill.style.width = `${(stepIndex / (totalSteps - 1)) * 100}%`;
}
}
function validateLocation() {
if (locationStadt.value === 'start-location') {
locationStadt.classList.remove('valid-location');
locationStadt.classList.add('invalid-location');
locationErrorStadt.style.display = 'block';
return false;
} else {
locationStadt.classList.remove('invalid-location');
locationStadt.classList.add('valid-location');
locationErrorStadt.style.display = 'none';
return true;
}
}
// Navigation buttons for steps
document.getElementById('next-step-1').addEventListener('click', function () {
const firstname = document.getElementById('firstname');
const email = document.getElementById('email');
const phone = document.getElementById('phone');
const firstnameError = document.getElementById('nameError');
const emailError = document.getElementById('emailError');
const phoneError = document.getElementById('phoneError');
let isValid = true;
if (!firstname.value.trim()) {
firstnameError.style.display = 'flex';
firstnameError.textContent = 'Please enter your name.';
isValid = false;
} else {
firstnameError.style.display = 'none';
}
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!email.value.trim() || !emailPattern.test(email.value)) {
emailError.style.display = 'flex';
emailError.textContent = 'Please enter a valid email address.';
isValid = false;
} else {
emailError.style.display = 'none';
}
const phonePattern = /(\+?\d{1,4})?(\d{7,})/;
if (!phone.value.trim() || !phonePattern.test(phone.value)) {
phoneError.style.display = 'flex';
phoneError.textContent = 'Please enter a valid phone number.';
isValid = false;
} else {
phoneError.style.display = 'none';
}
if (isValid && currentStep < totalSteps - 1) {
showStep(currentStep + 1);
}
});
document.getElementById('prev-step-0').addEventListener('click', function () {
if (currentStep > 0) {
showStep(currentStep - 1);
}
});
document.getElementById('next-step-2').addEventListener('click', function () {
if (currentStep < totalSteps - 1) {
showStep(currentStep + 1);
}
});
document.getElementById('prev-step-1').addEventListener('click', function () {
if (currentStep > 0) {
showStep(currentStep - 1);
}
});
document.getElementById('next-step-3').addEventListener('click', function () {
if (currentStep < totalSteps - 1) {
showStep(currentStep + 1);
}
});
document.getElementById('prev-step-2').addEventListener('click', function () {
if (currentStep > 0) {
showStep(currentStep - 1);
}
});
// Функция загрузки файла на сервер
function uploadFileToWordPress(file) {
const formData = new FormData();
formData.append('file', file);
formData.append('action', 'upload_file_to_wordpress');
formData.append('security', ajax_object.ajax_nonce); // Добавляем nonce для безопасности
return fetch(ajax_object.ajax_url, {
method: 'POST',
body: formData,
})
.then(response => {
if (!response.ok) {
throw new Error('Failed to upload file');
}
return response.json();
})
.then(data => {
if (data.success) {
return data.data.url; // Возвращаем URL загруженного файла
} else {
throw new Error(data.data.error || 'File upload failed');
}
})
.catch(error => {
console.error("Upload error:", error);
throw error; // Перебрасываем ошибку для дальнейшей обработки
});
}
let uploadedFiles = [];
function setupFileUpload(fileInputId, uploadAreaId, fileNameDisplayId, removeButtonId) {
const fileInput = document.getElementById(fileInputId);
const uploadArea = document.getElementById(uploadAreaId);
const fileNameDisplay = document.getElementById(fileNameDisplayId);
const removeButton = document.getElementById(removeButtonId);
// Массив загруженных файлов
let isFileProcessing = false; // Флаг для защиты от параллельных загрузок
// Проверяем существование всех элементов
if (!fileInput || !uploadArea || !fileNameDisplay || !removeButton) {
console.error("Missing required elements for file upload.");
return;
}
// Обработчик на кнопку открытия диалога
const triggerButton = document.querySelector(`[data-target="${fileInputId}"]`);
if (!triggerButton) {
console.error(`Trigger button for input #${fileInputId} is missing.`);
return;
}
// **Защита от дублирующих обработчиков**
if (!triggerButton.dataset.listenerAdded) {
triggerButton.addEventListener('click', (event) => {
event.preventDefault();
console.log("Opening file dialog...");
fileInput.click(); // Открываем диалог выбора файла
});
triggerButton.dataset.listenerAdded = "true";
}
// Обработчик выбора файла
fileInput.addEventListener('change', async function () {
if (isFileProcessing) {
console.log("File processing is in progress, ignoring...");
return;
}
isFileProcessing = true;
if (fileInput.files.length > 0) {
try {
await handleFiles(fileInput.files);
} catch (error) {
console.error("Error during file handling:", error);
}
}
isFileProcessing = false;
});
// Обработчик Drag & Drop
uploadArea.addEventListener('drop', async function (event) {
event.preventDefault();
if (isFileProcessing) {
console.log("File processing is in progress, ignoring drop...");
return;
}
isFileProcessing = true;
const files = event.dataTransfer.files;
try {
await handleFiles(files);
} catch (error) {
console.error("Error during file handling:", error);
}
isFileProcessing = false;
});
// Предотвращение стандартного поведения при Drag & Drop
['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {
uploadArea.addEventListener(eventName, preventDefaults, false);
});
function preventDefaults(e) {
e.preventDefault();
e.stopPropagation();
}
// Проверка формата файла и загрузка
async function handleFiles(files) {
const validExtensions = ['.pdf', '.doc', '.docx', '.jpg', '.jpeg', '.png'];
for (let file of files) {
const fileExtension = file.name.slice(((file.name.lastIndexOf('.') - 1) >>> 0) + 2).toLowerCase();
if (validExtensions.includes(`.${fileExtension}`)) {
try {
console.log("Uploading file:", file.name);
const url = await uploadFileToWordPress(file);
uploadedFiles.push(url);
updateFileList();
} catch (error) {
console.error(`Error uploading file "${file.name}":`, error.message);
alert(`Ошибка загрузки файла "${file.name}": ${error.message}`);
}
} else {
console.error(`Invalid file format: ${file.name}. Allowed formats: PDF, DOC, DOCX, JPG, JPEG, PNG.`);
alert(`Недопустимый формат файла: ${file.name}. Разрешенные форматы: PDF, DOC, DOCX, JPG, JPEG, PNG.`);
}
}
}
// Обновление списка файлов
function updateFileList() {
if (uploadedFiles.length > 0) {
fileNameDisplay.innerHTML = `
${uploadedFiles.map(url => `${url} `).join('')} `;
fileNameDisplay.classList.add('valid-file');
removeButton.style.display = 'inline';
} else {
fileNameDisplay.textContent = '';
removeButton.style.display = 'none';
}
}
// Удаление файлов из списка
removeButton.addEventListener('click', function () {
uploadedFiles = [];
updateFileList();
});
}
// Настройка загрузки для первого и второго блоков
setupFileUpload('resume1', 'upload-area1', 'file-name1', 'remove-file-btn1');
setupFileUpload('resume2', 'upload-area2', 'file-name2', 'remove-file-btn2');
// Handle form submission for the first form
document.getElementById('application-form').addEventListener('submit', function (event) {
if (this.submitting) return;
this.submitting = true;
event.preventDefault();
if (!validateLocation()) {
console.log('Location validation failed!');
this.submitting = false;
return;
}
const urlParams = new URLSearchParams(window.location.search);
const jobId = urlParams.get('job_id');
const formData = new FormData(event.target);
const dataTitleElement = document.getElementById('title-work-local');
const dataTitle = dataTitleElement ? dataTitleElement.textContent.trim() : null;
const uniqueKey = `locations_${dataTitle}`;
const selectedLocations = JSON.parse(localStorage.getItem(uniqueKey)) || [];
console.log('selectedLocations', selectedLocations)
if (!selectedLocations.length) {
console.log('No locations selected!');
this.submitting = false;
return;
}
let firstname = formData.get('firstname');
const email = formData.get('email');
const phone = formData.get('phone');
const nameParts = firstname.split(' ');
const lastname = nameParts.length > 1 ? nameParts.slice(1).join(' ') : '';
firstname = nameParts[0];
if (!firstname || !email || !phone) {
console.log('Missing required fields!');
this.submitting = false;
return;
}
const data = {
jobid: jobId,
firstname: firstname,
lastname: lastname,
email: email,
phone: phone,
locations: selectedLocations,
language: localStorage.getItem('selectedLanguage'),
referrer: new URL(document.referrer).searchParams.get('utm_source') || 'Website'
};
fetch('https://recruiting01.god.de:5005/applications/first', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': '4cc98d781b76e3016f6c8d31896bac97bcca3f2f'
},
body: JSON.stringify(data)
})
.then(response => {
if (response.ok) {
return response.json();
} else {
throw new Error('Failed to submit the form');
}
})
.then(data => {
console.log('Success:', data);
const candidateId = data.data.candidateId;
document.getElementById('candidate-id').value = candidateId;
showStep(1);
})
.catch(error => {
console.error('Error:', error);
})
.finally(() => {
this.submitting = false;
});
});
// Handle form submission for the second form
document.getElementById('application-form2').addEventListener('submit', async function (event) {
event.preventDefault();
const submitButton = document.getElementById('submit-btn-form2');
submitButton.disabled = true;
const formData = new FormData(event.target);
const cvUrl = uploadedFiles.length > 0 ? uploadedFiles[0] : null;
const data = {
candidateId: formData.get('candidate-id'),
street: formData.get('street'),
zipcode: formData.get('postal_city').split(' ')[0],
city: formData.get('postal_city').split(' ')[1],
country: formData.get('country'),
website: formData.get('website'),
cv_url: cvUrl,
additional_files_url: uploadedFiles,
availability: formData.get('date')
};
try {
const response = await fetch('https://recruiting01.god.de:5005/applications/second', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': '4cc98d781b76e3016f6c8d31896bac97bcca3f2f'
},
body: JSON.stringify(data)
});
if (!response.ok) {
throw new Error('Failed to submit the form');
}
const responseData = await response.json();
window.location.href = '/thanks-for-your-application';
} catch (error) {
console.error('Error:', error);
submitButton.disabled = false;
}
});
document.getElementById('prev-step-page').addEventListener('click', function () {
window.history.back();
});
showStep(0);
});
document.getElementById('location')?.addEventListener('change', function () {
let storedLocations = JSON.parse(localStorage.getItem('selectedLocations')) || [];
const selectedOptions = Array.from(this.selectedOptions).map(option => option.value);
const index = selectedOptions.indexOf('start-location');
if (index > -1) {
selectedOptions.splice(index, 1);
}
selectedOptions.forEach(location => {
if (!storedLocations.includes(location)) {
storedLocations.push(location);
}
});
localStorage.setItem('selectedLocations', JSON.stringify(storedLocations));
updateSelectedLocationsDisplay(storedLocations);
});
document.addEventListener('DOMContentLoaded', async function () {
const locationList = document.getElementById('location');
const dataTitleElement = document.getElementById('title-work-local');
const dataTitle = dataTitleElement ? dataTitleElement.textContent.trim() : null;
const uniqueKey = `locations_${dataTitle}`;
const storedLocations = JSON.parse(localStorage.getItem(uniqueKey)) || [];
let selectedLocations = JSON.parse(localStorage.getItem(`selectedLocations_${uniqueKey}`)) || [];
if (storedLocations.length === 1) {
selectedLocations = [storedLocations[0]];
localStorage.setItem(`selectedLocations_${uniqueKey}`, JSON.stringify(selectedLocations));
}
function updateLocationList() {
// Сначала проверяем, что titleText уже получен и обновляем storedLocations
const titleElement = document.getElementById('title-work-local');
const titleText = titleElement ? titleElement.textContent.trim() : '';
// Обновляем storedLocations в зависимости от названия вакансии
if (titleText === 'Initiativbewerbung') {
console.log(titleText);
storedLocations.length = 0; // Очищаем массив
storedLocations.push(...[
'Berlin', 'Braunschweig', 'Breslau', 'Dortmund',
'Frankfurt am Main', 'Hamburg', 'Kaunas',
'Köln', 'München', 'Pune', 'Ratingen',
'Vilnius', 'Wolfsburg'
]);
}
console.log(storedLocations);
// Теперь отрисовываем список городов после обновления storedLocations
locationList.innerHTML = ''; // Очищаем старый список
storedLocations.forEach(location => {
const li = document.createElement('li');
li.textContent = location;
if (selectedLocations.includes(location)) {
li.classList.add('active-city');
}
li.addEventListener('click', function () {
toggleLocationSelection(location, li);
});
locationList.appendChild(li);
});
}
function toggleLocationSelection(location, element) {
if (selectedLocations.includes(location)) {
selectedLocations = selectedLocations.filter(loc => loc !== location);
element.classList.remove('active-city');
} else {
selectedLocations.push(location);
element.classList.add('active-city');
}
localStorage.setItem(`selectedLocations_${uniqueKey}`, JSON.stringify(selectedLocations));
}
const jobId = new URLSearchParams(window.location.search).get('job_id');
const titleElement = document.getElementById('title-work-local');
if (!jobId || !titleElement) {
if (titleElement) titleElement.textContent = 'Title not found';
return;
}
try {
const response = await fetch(`https://hyand.recruitee.com/api/offers/${jobId}`);
if (!response.ok) throw new Error('Ошибка при запросе');
const data = await response.json();
const siteLanguage = localStorage.getItem('selectedLanguage') || 'de';
const offerTitle = data?.offer?.translations?.[siteLanguage]?.sharing_title || 'Title not found';
// Записываем название в localStorage
localStorage.setItem('dataTitle', offerTitle);
// Отображаем название на странице
titleElement.textContent = offerTitle;
} catch (error) {
console.error(error);
titleElement.textContent = 'Title not found';
}
setTimeout(() => {
updateLocationList();
}, 1000);
});
Moderne digitale Plattform mit Docker und Kubernetes - Hyand
Moderne digitale Plattform mit Docker und Kubernetes
Unser Kunde mit Sitz in Essen ist ein deutscher Pharmagroßhändler, bei dem mehr als 9.200 Apotheken Mitglied sind. Neben der Belieferung von Arzneimitteln stellt er den Mitgliederapotheken ein umfassendes Service- und Dienstleistungsangebot zu Verfügung.
Zur Verbesserung der Kundschaftsbindung und -orientierung hat unser Kunde ein Reservierungssystem entwickelt, um den Endverbraucherinnen und Endverbrauchern Bestellungen bei ihrer Apotheke zu ermöglichen.
Das Reservierungssystem ist eine Online-Plattform, die es Endkunden erlaubt, über den gesamten Apothekenverbund unseres Kunden hinweg in ganz Deutschland online Arzneimittel und andere Gesundheitsprodukte zu reservieren oder zu bestellen.
Die Plattform ermöglicht es den Kundinnen und Kunden, zunächst eine günstig gelegene Apotheke zu finden, dort Medikamente zu bestellen und ggf. die dazugehörigen Rezepte hochzuladen. Kundinnen und Kunden werden über die Verfügbarkeit ihrer Medikamente informiert und können diese dann entweder selber abholen oder den Lieferservice der Apotheke in Anspruch nehmen. Über die Reservierung oder Bestellung von Medikamenten hinaus, bietet die Plattform die Möglichkeit, sich themen- oder produktorientiert über verschiedenste gesundheitliche Fragestellungen zu informieren.
Die Plattform sollte komplett in der Cloud betrieben werden. Da es sich um ein Portal für Endkunden handelt, standen neben der Nutzungsfreundlichkeit der Oberflächen, besonders nicht funktionale Anforderungen wie die durchgängige Verfügbarkeit der Services sowie die flexible Anpassung an unterschiedliche Last-Szenarien im Fokus.
Diesen Anforderungen und insbesondere dem Wunsch nach permanenter Weiterentwicklung und dem Einbringen neuer Funktionalitäten ohne Wartungsfenster und Downtimes, konnte mit dem Einsatz der Docker-Container-Architektur und dem Betrieb der Container in einem Kubernets-Cluster, Rechnung getragen werden.
Hyand wurde für die DevOps-Aufgaben, die Testautomatisierung und den Betrieb des Produkts in der Azure-Cloud beauftragt, da sie umfangreiche Erfahrung aus ähnlichen Projekten nachweisen und auf ein bereits produktives Referenzprojekt verweisen konnte.
Hyand hat folgende Leistungen für den Bau der Plattform erbracht:
Entwicklung eines Architektur- und Betriebskonzepts für den Cloudbetrieb
Aufsetzen einer Cloud-Infrastruktur für Container-Architekturen
Unterstützung des Entwicklungsteams bei der „Containerisierung“ der Services
Automatisierung von Build- und Deployment-Prozessen durch den Aufbau von CI/CD-Pipelines im Rahmen eines DevOps-Ansatzes
Testautomatisierung
24/7-Monitoring und Betrieb der Plattform
Die Cloud-Architektur basiert auf Software, die in Docker-Containern verpackt, von einem Kubernetes-Cluster verwaltet wird. Zur Sicherstellung eines reibungslosen Betriebs wurden die Logging-, Monitoring- und Alerting-Werkzeuge Prometheus und Grafana eingesetzt.
In enger Zusammenarbeit mit den fachverantwortlichen Kolleginnen und Kollegen unseres Kunden wurden parallel zur Entwicklung alle wesentlichen Geschäftsprozesse in Testfälle „gegossen“, die auf Basis des Testframeworks Selenium automatisiert wurden. Auf diese Weise wurde die technologische sowie infrastrukturelle Basis dafür geschaffen, Testautomatisierung als wesentliche Komponente der Qualitätssicherstellung in den automatisierten Build- und Deployment-Prozess zu integrieren.
Hyand stellt darüber hinaus den reibungslosen Betrieb der Online-Plattform in der Microsoft Azure Cloud sicher.
Die Anwendung läuft in multi-instanzfähigen Docker-Containern, die von einem Kubernets-Cluster orchestriert werden. Der Betrieb in der Cloud in Verbindung mit Kubernetes als Orchestrierungswerkzeug erlaubt eine feingranulare Skalierbarkeit und Elastizität des Systems.
Durch die Automatisierung der Testabläufe wird sichergestellt, dass die Funktionalität der Online-Plattform nach Änderungen und Erweiterungen in kürzester Zeit geprüft und Regression vermieden werden kann. Das zügige Durchschreiten von Quality-Gateways in Verbindung mit der Möglichkeit, neue Features jederzeit ohne Downtime in Betrieb nehmen zu können, wird die künftige Weiterentwicklung der Plattform maßgeblich unterstützt.
Der Betrieb der Anwendung durch Hyand in Zusammenarbeit mit dem Entwicklungsteam unseres Kunden zeigt, dass DevOps auch unternehmensübergreifend erfolgreich umgesetzt werden kann.
Entdecken Sie unsere Lösungen Profitieren auch Sie von unserer umfassenden Erfahrung aus Projekten für Unternehmen unterschiedlichster Größe.
_devops, _further_industries
Ein internationaler Industriekonzern nutzte zur internen Kommunikation ein großes Netzwerk an Intranetseiten...
_automotive, _digital_strategy, _enterprise_architecture_management, _requirement_engineering
Vernetzte Autos müssen sicherheitsrelevante Daten in Sekundenschnelle verarbeiten. Die Herausforderung war,...
_agile_methoden, _digital_services, _further_industries
Komplexe Betriebsprozesse führen häufig zu erhöhtem Personalaufwand und sind ein hoher Kostenfaktor. Mithilfe digitaler Lösungen ...
_automotive, _cloud_consulting, _data_strategy, _enterprise_architecture_management
Um zusätzliche Fahrzeugfunktionen freizuschalten, musste der:die Fahrer:in eine Kfz-Werkstatt aufsuchen, ...
_data_analytics, _data_platform, _data_strategy, _further_industries
Wissen für die Praxis schaffen – das ist die Kernaufgabe des Wissenschaftlichen Instituts der AOK (WIdO). Es bietet fundierte...
_automotive, _digital_services, _requirement_engineering
Für einen großen Automobilhersteller ist die Organisation der Transporteure ein ressourcenintensiver Prozess. Täglich müssen etwa 60.000 Fahrzeuge ...
Unser Kunde mit Sitz in Essen ist ein deutscher Pharmagroßhändler, bei dem mehr als 9.200 Apotheken Mitglied sind.
_agile_methoden, _cloud_transformation, _further_industries, _it_modernisierungsstrategien, _replatforming/legacy_modernization
Mit Redooo, einer digitalen Entsorgungsplattform, werden Entsorgungsunternehmen mit Privat- und Gewerbekunden vernetzt.
_enterprise_development, _retail
Im Einzelhandel stellt die rechtssichere Auszeichnung von Warenpreisen gemäß der Preisangabenverordnung (PAngV) eine erhebliche Herausforderung dar...
Sie möchten mehr darüber wissen, wie wir Ihr Unternehmen
mit individueller Software- und Appentwicklung unterstützen können? Sprechen Sie uns an – wir helfen Ihnen weiter!