Przedstaw się i wyślij nam swoje CV

Zaznacz wszystkie

Dalej

Poprzedni

.checkbox-item.hidden {
position: absolute;
opacity: 0;
transform: scale(0);
pointer-events: none;
grid-area: unset; /* Remove from grid flow */
height: 0;
margin: 0;
padding: 0;
}

.checkbox-item.animated {
animation: fadeIn 0.3s ease forwards;
}

.checkbox-item.animated.hidden {
animation: fadeOut 0.3s ease forwards;
}

/* Hidden items /
.checkbox-item.hidden {
position: absolute;
opacity: 0;
transform: scale(0);
pointer-events: none;
grid-area: unset; / Remove from grid flow */
height: 0;
margin: 0;
padding: 0;
}

.wpcf7-form p {

margin-bottom: 15px;

}

.wpcf7-form input[type="text"],

.wpcf7-form input[type="textarea"],

.wpcf7-form input[type="email"],

.wpcf7-form input[type="tel"] {

width: 100%;

padding: 10px;

border: 1px solid #ccc;

border-radius: 5px;

font-size: 16px;

}

/* Odstepy nad i pod sekcjami (miasto, specjalizacja, instytut) */

.miasto-label,
.specjalizacja-label,
.instytut-label {

margin-top: 16px;

margin-bottom: 16px;

}

/* Grupa checkboxów */

.checkbox-group label {

display: block;

/* Odstep miedzy checkboxami */

margin-left: 10px;
/* Wyrównanie checkboxów */

}

/* Wyrównanie wszystkich checkboxów w jednej pozycji */

.checkbox-group {

display: flex;

flex-direction: column;

align-items: flex-start;

min-height: 1px;

}

/* Wyrównanie "Zaznacz wszystkie" */

label#select-all {

margin-top: 10px;

margin-bottom: 10px;

}

/* Styl dla przycisku "Dalej" */

button.wpcf7-submit {

margin-top: 20px;

margin-bottom: 30px;

padding: 10px 20px;

background-color: #007bff;

color: white;

border: none;

font-size: 16px;

cursor: pointer;

}

/* Stylowanie przycisku przy najechaniu */

button.wpcf7-submit:hover {

background-color: #0056b3;

}

.file-upload {

margin-top: 15px;

}

.file-label {

display: block;

font-size: 16px;

font-weight: bold;

color: #333;

margin-bottom: 5px;

cursor: pointer;

transition: all 0.3s ease;

}

.file-label:hover {

font-weight: bold;

text-decoration: underline;

}

input[type="file" aria-label="Choose a file"] {

border: none;

outline: none;

background: none;

font-size: 16px;

color: #666;

}

.file-info {

font-size: 14px;

color: #666;

margin-top: 5px;

transition: all 0.3s ease;

}

.file-info:hover {

font-weight: bold;

text-decoration: underline;

}

document.addEventListener("DOMContentLoaded", function () {

const submitButton = document.querySelector('.wpcf7-submit');

const prevButton = document.querySelector('.wpcf7-prev-btn');

const formFields = document.querySelectorAll('.miasto-label, .specjalizacja-label, .instytut-label, .section-label, .checkbox-group, #select-all, #HTML_rodo, #acceptance-rodo');

const additionalFields = document.querySelector('.additional-fields');

// Funkcja ukrywajaca wszystkie pola

function hideAllFields() {

formFields.forEach(function (field) {

field.style.display = 'none';

});

// Ukryj przycisk "Dalej"

submitButton.style.display = 'none';

// Pokaz przycisk "Poprzedni"

prevButton.style.display = 'inline-block';

// Pokaz dodatkowe pola

additionalFields.style.display = 'block';

}

// Funkcja pokazujaca wszystkie pola

function showAllFields() {

formFields.forEach(function (field) {

field.style.display = 'block';

});

// Pokaz przycisk "Dalej"

submitButton.style.display = 'inline-block';

// Ukryj przycisk "Poprzedni"

prevButton.style.display = 'none';

// Ukryj dodatkowe pola

additionalFields.style.display = 'none';

}

// Akcja przy kliknieciu na "Dalej"

submitButton.addEventListener('click', function (event) {

event.preventDefault();

hideAllFields();

});

// Akcja przy kliknieciu na "Poprzedni"

prevButton.addEventListener('click', function () {

showAllFields();

});

});

document.addEventListener('DOMContentLoaded', function () {

// Zmienna odnosi sie do checkboxa "Zaznacz wszystkie"

const selectAllCheckbox = document.getElementById('select-all');

// Zmienna odnosi sie do wszystkich checkboxów w sekcji "instytut"

const instituteCheckboxes = document.querySelectorAll('input[name="instytut[]"]');

// Funkcja do zaznaczenia lub odznaczenia wszystkich checkboxów

selectAllCheckbox.addEventListener('change', function () {

instituteCheckboxes.forEach(function (checkbox) {

checkbox.checked = selectAllCheckbox.checked;

});

});

});

document.addEventListener("DOMContentLoaded", function () {

const checkbox = document.getElementById("rodoCheckbox");

const button = document.getElementById("przyciskDalej");

checkbox.addEventListener("change", function () {

button.disabled = !this.checked;

});

});

document.addEventListener("DOMContentLoaded", function () {

// Pobierz wszystkie checkboxy miast i specjalizacji

const miastoCheckboxes = document.querySelectorAll('input[name="miasto[]"]');

const specjalizacjaCheckboxes = document.querySelectorAll('input[name="specjalizacja[]"]');

const instytuty = document.querySelectorAll('input[name="instytut[]"]');

// Mapa instytutów do miast i specjalizacji (przykladowa, dostosuj do swoich danych)

const instytutMap = {

"Łukasiewicz - LIT": { miasta: ["Lódź"], specjalizacje: ["Budownictwo", "Energetyka", "Chemia", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "Inżynieria biomedyczna", "Materiały i procesy w konstrukcji i produkcji",] },

"Łukasiewicz - ICiMB": { miasta: ["Kraków"], specjalizacje: ["Chemia", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "Energetyka", "Budownictwo"] },

"Łukasiewicz - IMPiB": { miasta: ["Gliwice", "Toruń"], specjalizacje: ["Chemia", "Budownictwo"] },

"Łukasiewicz - ICHP": { miasta: ["Warszawa"], specjalizacje: ["Budownictwo", "Energetyka", "Chemia", "Gospodarka Obiegu Zamkniętego / Ekogospodarka"] },

"Łukasiewicz - IS": { miasta: ["Gliwice"], specjalizacje: ["Chemia", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "Technologie kosmiczne, lotnicze i wojskowe", "Materiały i procesy w konstrukcji i produkcji", "Energetyka", "Budownictwo"] },

"Łukasiewicz - PIT": { miasta: ["Poznań"], specjalizacje: ["Sztuczna Inteligencja", "Budownictwo", "Energetyka", "Chemia", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "E-zdrowie", "Logistyka i tworzenie systemów magazynowania", "Elektromobilność i transport", "Materiały i procesy w konstrukcji i produkcji"] },

"Łukasiewicz - IEL": { miasta: ["Warszawa"], specjalizacje: ["Roboty i technologie bezzalogowe", "Elektromobilność i transport", "Tworzenie sprzętu medycznego", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "Energetyka"] },

"Łukasiewicz - AI: { miasta: ["Katowice"], specjalizacje: ["Energetyka", "Chemia", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "Sztuczna Inteligencja", "Cyberbezpieczeństwo", "E-zdrowie", "Technologie kosmiczne, lotnicze i wojskowe", "Roboty i technologie bezzalogowe"] },

"Łukasiewicz - IMZ": { miasta: ["Gliwice"], specjalizacje: ["Technologie kosmiczne, lotnicze i wojskowe", "Materiały i procesy w konstrukcji i produkcji", "Energetyka", "Chemia", "Gospodarka Obiegu Zamkniętego / Ekogospodarka"] },

"Łukasiewicz - ITR": { miasta: ["Warszawa"], specjalizacje: ["Materiały i procesy w konstrukcji i produkcji", "Technologie kosmiczne, lotnicze i wojskowe", "Elektromobilność i transport", "Tworzenie sprzętu medycznego", "Mikroelektronika i fotonika", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "Energetyka"] },
"Łukasiewicz - IMiF": { miasta: ["Warszawa"], specjalizacje: ["Energetyka", "Chemia", "Mikroelektronika i fotonika"] },

"Łukasiewicz - IMN": { miasta: ["Poznań", "Gliwice"], specjalizacje: ["Energetyka", "Chemia", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "Inżynieria biomedyczna", "Tworzenie sprzętu medycznego", "Technologie kosmiczne, lotnicze i wojskowe", "Roboty i technologie bezzalogowe", "Materiały i procesy w konstrukcji i produkcji"] },

"Łukasiewicz - KIT": { miasta: ["Kraków"], specjalizacje: ["Energetyka", "Chemia", "Sztuczna Inteligencja", "Mikroelektronika i fotonika", "Inżynieria biomedyczna", "Elektromobilność i transport", "Technologie kosmiczne, lotnicze i wojskowe", "Roboty i technologie bezzalogowe", "Materiały i procesy w konstrukcji i produkcji"] },

"Łukasiewicz - ILOT": { miasta: ["Warszawa"], specjalizacje: ["Energetyka", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "Logistyka i tworzenie systemów magazynowania", "Elektromobilność i transport", "Technologie kosmiczne, lotnicze i wojskowe", "Roboty i technologie bezzalogowe"] },

"Łukasiewicz - PORT": { miasta: ["Wrocław"], specjalizacje: ["Energetyka", "Chemia", "Biotechnologia i farmacja", "Inżynieria biomedyczna"] },

"Łukasiewicz - IPO": { miasta: ["Warszawa"], specjalizacje: ["Chemia", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "Biotechnologia i farmacja", "Inżynieria biomedyczna"] },

"Łukasiewicz - PIMOT": { miasta: ["Warszawa"], specjalizacje: ["Elektromobilność i transport", "Chemia", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "Elektromobilność i transport", "Roboty i technologie bezzalogowe"] },

"Łukasiewicz - WIT": { miasta: ["Warszawa"], specjalizacje: ["Chemia", "Budownictwo", "Gospodarka Obiegu Zamkniętego", "Materiały i procesy w konstrukcji i produkcji"] },

"Łukasiewicz - PIAP": { miasta: ["Warszawa"], specjalizacje: ["Sztuczna Inteligencja", "Elektromobilność i transport", "Technologie kosmiczne, lotnicze i wojskowe", "Roboty i technologie bezzalogowe"] },

"Łukasiewicz - ITAM": { miasta: ["Warszawa"], specjalizacje: ["E-zdrowie", "Tworzenie sprzętu medycznego"] },

"Łukasiewicz - ICSO": { miasta: ["Warszawa"], specjalizacje: ["Energetyka", "Chemia", "Gospodarka Obiegu Zamkniętego / Ekogospodarka", "Biotechnologia i farmacja", "Elektromobilność i transport", "Technologie kosmiczne, lotnicze i wojskowe", "Materiały i procesy w konstrukcji i produkcji"] },

"Łukasiewicz - Centrum": { miasta: ["Warszawa"], specjalizacje: [] },

"Łukasiewicz - ITEe": { miasta: ["Warszawa"], specjalizacje: ["Sztuczna Inteligencja"] },

"Łukasiewicz - GIT": { miasta: ["Gliwice"], specjalizacje: ["Napędy i maszyny elektryczne", "Badania materiałów", "Spajanie materiałów", "Technologie metalurgiczne"] },

};

function filterInstytuty() {
const selectedMiasta = Array.from(miastoCheckboxes)
.filter(chk => chk.checked)
.map(chk => chk.value);

const selectedSpecjalizacje = Array.from(specjalizacjaCheckboxes)
.filter(chk => chk.checked)
.map(chk => chk.value);

instytuty.forEach(instytut => {
const instytutItem = instytut.closest(".checkbox-item");
const instytutName = instytut.value;
const data = instytutMap[instytutName];

if (!data) return;

const matchesMiasto = selectedMiasta.length === 0 ||
data.miasta.some(m => selectedMiasta.includes(m));
const matchesSpecjalizacja = selectedSpecjalizacje.length === 0 ||
data.specjalizacje.some(s => selectedSpecjalizacje.includes(s));

instytutItem.classList.toggle('hidden', !(matchesMiasto && matchesSpecjalizacja));
});
}

miastoCheckboxes.forEach(chk => chk.addEventListener("change", filterInstytuty));

specjalizacjaCheckboxes.forEach(chk => chk.addEventListener("change", filterInstytuty));

});