+
+ Błąd we wczytywaniu wydarzenia. Powrót ->
`; + } else { + + const nameText = document.getElementById("nameText") as HTMLElement; + const orgnameText = document.getElementById( "orgname") as HTMLElement; + const dateText = document.getElementById("dateText") as HTMLElement; + const newdateText = new Date(thisAccount.createdAt).toLocaleDateString('pl-PL'); + const newtimeText = new Date(thisAccount.createdAt).toLocaleTimeString('pl-PL'); + + + nameText.innerHTML = thisAccount.firstName + " " + thisAccount.lastName + " (" + thisAccount.email + ")"; + dateText.innerHTML = "📅 Account creation date: " + newdateText + " " + newtimeText; + orgnameText.innerHTML = "👥 Organization: " + org_name; + + if (org_id == -1) { + unhideElementById(document, "skillscont"); + } else if (org_id == -1) { + // Użytkownik jest wolontariuszem + try { + const registeredIds = await getMyRegisteredEventIds(); + } catch { + + } + + } + + unhideElementById(document, "mainContainer"); + + } + +}); + +window.onload = () => { + const selectedSkillsContainer = document.getElementById('selected-skills') as HTMLDivElement; + const dropdown = document.getElementById('skill-dropdown') as HTMLSelectElement; + + dropdown.addEventListener('change', () => { + const skillName = dropdown.options[dropdown.selectedIndex].text; + const skillId = dropdown.options[dropdown.selectedIndex].value; + if (skillName) { + addSkill(skillName, skillId, false); + dropdown.value = ''; // Reset dropdown + } + }); + + function fetchSkills() { + fetch('/api/skills') + .then(response => { + if (!response.ok) { + throw new Error('Network response was not ok'); + } + return response.json(); + }) + .then(data => { + populateDropdown(data); + }) + .catch(error => { + console.error('There was a problem with the fetch operation:', error); + }); + } + + function fetchUserSkills() { + fetch('/api/auth/skills') + .then(response => { + if (!response.ok) { + throw new Error('Network response was not ok'); + } + return response.json(); + }) + .then(data => { + populateSkills(data); + }) + .catch(error => { + console.error('There was a problem with the fetch operation:', error); + }); + } + + // Populate dropdown with fetched skills + function populateDropdown(skills: { skillId: number; skillName: string; }[]) { + skills.forEach(skill => { + const option = document.createElement('option'); + option.value = skill.skillId.toString(); + option.textContent = skill.skillName; + dropdown.appendChild(option); + }); + } + + function populateSkills(skills: { skillId: number; skillName: string; }[]) { + skills.forEach(skill => { + addSkill(skill.skillName, skill.skillId, true); + }); + } + + // Call fetchSkills to populate dropdown on load, same for fetchUserSkills() + fetchSkills(); + fetchUserSkills(); + + function getRandomColor(): string { + + const r = Math.floor(Math.random() * 256); + const g = Math.floor(Math.random() * 256); + const b = Math.floor(Math.random() * 256); + + return `rgb(${r}, ${g}, ${b})`; + } + + async function addSkill(skillName: string, skillId: number, dummy_add: boolean) { + if (!document.querySelector(`#selected-skills .skill[data-skill="${skillName}"]`)) { + const skillDiv = document.createElement('div'); + skillDiv.className = 'skill'; + skillDiv.textContent = skillName; + skillDiv.setAttribute('data-skill', skillName); + skillDiv.style.backgroundColor = getRandomColor(); + + if (!dummy_add) { + var skill = skillId; + var payload = { + skill + }; + + var res = await fetch('/api/auth/add_skill', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(payload) + }); + var data = await res.json(); + if (res.ok) skillDiv.remove(); + else alert(data.message); + } + + const removeButton = document.createElement('button'); + removeButton.textContent = 'X'; + removeButton.addEventListener('click', async () => { + var skill = skillId; + var payload = { + skill + }; + + var res = await fetch('/api/auth/remove_skill', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(payload) + }); + var data = await res.json(); + if (res.ok) skillDiv.remove(); + else alert(data.message); + }); + + skillDiv.appendChild(removeButton); + selectedSkillsContainer.appendChild(skillDiv); + } + } +}; diff --git a/WebApp/wwwroot/create.html b/WebApp/wwwroot/create.html index 47d63a5..45603fa 100644 --- a/WebApp/wwwroot/create.html +++ b/WebApp/wwwroot/create.html @@ -37,7 +37,7 @@Błąd we wczytywaniu wydarzenia. Powrót ->
`; + } + else { + const nameText = document.getElementById("nameText"); + const orgnameText = document.getElementById("orgname"); + const dateText = document.getElementById("dateText"); + const newdateText = new Date(thisAccount.createdAt).toLocaleDateString('pl-PL'); + const newtimeText = new Date(thisAccount.createdAt).toLocaleTimeString('pl-PL'); + nameText.innerHTML = thisAccount.firstName + " " + thisAccount.lastName + " (" + thisAccount.email + ")"; + dateText.innerHTML = "📅 Account creation date: " + newdateText + " " + newtimeText; + orgnameText.innerHTML = "👥 Organization: " + org_name; + if (org_id == -1) { + unhideElementById(document, "skillscont"); + } + else if (org_id == -1) { + // Użytkownik jest wolontariuszem + try { + const registeredIds = yield getMyRegisteredEventIds(); + } + catch (_b) { + } + } + unhideElementById(document, "mainContainer"); + } +})); +window.onload = () => { + const selectedSkillsContainer = document.getElementById('selected-skills'); + const dropdown = document.getElementById('skill-dropdown'); + dropdown.addEventListener('change', () => { + const skillName = dropdown.options[dropdown.selectedIndex].text; + const skillId = dropdown.options[dropdown.selectedIndex].value; + if (skillName) { + addSkill(skillName, skillId, false); + dropdown.value = ''; // Reset dropdown + } + }); + function fetchSkills() { + fetch('/api/skills') + .then(response => { + if (!response.ok) { + throw new Error('Network response was not ok'); + } + return response.json(); + }) + .then(data => { + populateDropdown(data); + }) + .catch(error => { + console.error('There was a problem with the fetch operation:', error); + }); + } + function fetchUserSkills() { + fetch('/api/auth/skills') + .then(response => { + if (!response.ok) { + throw new Error('Network response was not ok'); + } + return response.json(); + }) + .then(data => { + populateSkills(data); + }) + .catch(error => { + console.error('There was a problem with the fetch operation:', error); + }); + } + // Populate dropdown with fetched skills + function populateDropdown(skills) { + skills.forEach(skill => { + const option = document.createElement('option'); + option.value = skill.skillId.toString(); + option.textContent = skill.skillName; + dropdown.appendChild(option); + }); + } + function populateSkills(skills) { + skills.forEach(skill => { + addSkill(skill.skillName, skill.skillId, true); + }); + } + // Call fetchSkills to populate dropdown on load, same for fetchUserSkills() + fetchSkills(); + fetchUserSkills(); + function getRandomColor() { + const r = Math.floor(Math.random() * 256); + const g = Math.floor(Math.random() * 256); + const b = Math.floor(Math.random() * 256); + return `rgb(${r}, ${g}, ${b})`; + } + function addSkill(skillName, skillId, dummy_add) { + return __awaiter(this, void 0, void 0, function* () { + if (!document.querySelector(`#selected-skills .skill[data-skill="${skillName}"]`)) { + const skillDiv = document.createElement('div'); + skillDiv.className = 'skill'; + skillDiv.textContent = skillName; + skillDiv.setAttribute('data-skill', skillName); + skillDiv.style.backgroundColor = getRandomColor(); + if (!dummy_add) { + var skill = skillId; + var payload = { + skill + }; + var res = yield fetch('/api/auth/add_skill', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(payload) + }); + var data = yield res.json(); + if (res.ok) + skillDiv.remove(); + else + alert(data.message); + } + const removeButton = document.createElement('button'); + removeButton.textContent = 'X'; + removeButton.addEventListener('click', () => __awaiter(this, void 0, void 0, function* () { + var skill = skillId; + var payload = { + skill + }; + var res = yield fetch('/api/auth/remove_skill', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(payload) + }); + var data = yield res.json(); + if (res.ok) + skillDiv.remove(); + else + alert(data.message); + })); + skillDiv.appendChild(removeButton); + selectedSkillsContainer.appendChild(skillDiv); + } + }); + } +}; diff --git a/WebApp/wwwroot/user.html b/WebApp/wwwroot/user.html new file mode 100644 index 0000000..8ed630c --- /dev/null +++ b/WebApp/wwwroot/user.html @@ -0,0 +1,85 @@ + + + + +