deathcat/tinyTask
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed several display and authentication issues

Browse Source
This commit is contained in:
deathcat
2026-02-11 15:50:45 -08:00
parent 11889e3f93
commit a0d00ac21c
1 changed files with 110 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
index.php
View File

@@ -489,15 +489,26 @@
fetch('get_data.php')
.then(res => res.json())
.then(data => {
if (!Array.isArray(data)) {
if (data && data.error === 'Not authenticated') {
new bootstrap.Modal(document.getElementById('loginModal')).show();
return;
}
console.error('get_data.php returned non-array:', data);
return;
}
const container = document.getElementById('projectGrid');
container.innerHTML = '';
data.forEach((project, idx) => {
const projectId = `project-${project.id}`;
const colorClass = `project-color-${idx % 10}`;
const projectId = `project-${project.id}`;
const colorClass = `project-color-${idx % 10}`;
const col = document.createElement('div');
const col = document.createElement('div');
col.className = `col-12 col-sm-6 col-md-4 col-lg-2 col-xl-2 col-xxl-1 g-2 m-0 project-column`;
col.dataset.projectId = project.id;
col.classList.add("draggable-project");
@@ -714,22 +725,6 @@ document.querySelectorAll('.project-column').forEach(col => {
});
});
let itemToDelete = null;
document.querySelectorAll('.delete-task-btn').forEach(btn => {
btn.addEventListener('click', () => {
itemToDelete = btn.dataset.taskId;
const modal = new bootstrap.Modal(document.getElementById('confirmDeleteModal'));
modal.show();
});
});
document.getElementById('confirmDeleteBtn').addEventListener('click', () => {
if (itemToDelete) {
fetch(`delete_task.php?id=${itemToDelete}`)
.then(() => location.reload()); // or re-fetch your UI
}
});
});
}
@@ -798,23 +793,6 @@ document.querySelectorAll('.project-column').forEach(col => {
});
});
document.getElementById('settingsForm').addEventListener('submit', function (e) {
e.preventDefault();
const newTitle = document.getElementById('titleText').value.trim();
const newIcon = document.getElementById('iconClass').value.trim();
if (newTitle) {
document.getElementById('appTitle').childNodes[1].textContent = newTitle;
}
if (newIcon) {
const icon = document.getElementById('appIcon');
icon.className = `bi ${newIcon} me-2`;
}
bootstrap.Modal.getInstance(document.getElementById('settingsModal')).hide();
});
document.getElementById('settingsForm').addEventListener('submit', function (e) {
e.preventDefault();
@@ -836,6 +814,7 @@ document.querySelectorAll('.project-column').forEach(col => {
});
});
document.getElementById('resetSettings').addEventListener('click', () => {
fetch('reset_settings.php')
.then(() => {
@@ -843,11 +822,102 @@ document.querySelectorAll('.project-column').forEach(col => {
});
});
window.addEventListener('DOMContentLoaded', () => {
loadSettings();
});
document.getElementById('showRegisterBtn').addEventListener('click', () => {
bootstrap.Modal.getInstance(document.getElementById('loginModal')).hide();
new bootstrap.Modal(document.getElementById('registerModal')).show();
});
document.getElementById('backToLoginBtn').addEventListener('click', () => {
bootstrap.Modal.getInstance(document.getElementById('registerModal')).hide();
new bootstrap.Modal(document.getElementById('loginModal')).show();
});
document.getElementById('loginForm').addEventListener('submit', (e) => {
e.preventDefault();
const email = document.getElementById('loginEmail').value.trim();
const password = document.getElementById('loginPassword').value;
const err = document.getElementById('loginError');
err.style.display = 'none';
err.textContent = '';
fetch('login.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ email, password })
})
.then(async r => {
const data = await r.json();
if (!r.ok) throw new Error(data.error || 'Login failed');
return data;
})
.then(data => {
bootstrap.Modal.getInstance(document.getElementById('loginModal')).hide();
if (!data.user.can_manage_settings) {
document.querySelectorAll('.settings-btn').forEach(b => b.style.display = 'none');
}
fetchProjects();
})
.catch(ex => {
err.textContent = ex.message;
err.style.display = 'block';
});
});
document.getElementById('registerForm').addEventListener('submit', (e) => {
e.preventDefault();
const email = document.getElementById('registerEmail').value.trim();
const password = document.getElementById('registerPassword').value;
const err = document.getElementById('registerError');
const ok = document.getElementById('registerSuccess');
err.style.display = 'none'; err.textContent = '';
ok.style.display = 'none'; ok.textContent = '';
fetch('register.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ email, password })
})
.then(async r => {
const data = await r.json();
if (!r.ok) throw new Error(data.error || 'Registration failed');
return data;
})
.then(() => {
ok.textContent = 'Account created. You can sign in now.';
ok.style.display = 'block';
})
.catch(ex => {
err.textContent = ex.message;
err.style.display = 'block';
});
});
document.addEventListener('DOMContentLoaded', fetchProjects);
document.addEventListener('DOMContentLoaded', () => {
loadSettings();
fetch('me.php')
.then(r => r.json())
.then(me => {
if (!me.logged_in) {
const modal = new bootstrap.Modal(document.getElementById('loginModal'));
modal.show();
return;
}
// Hide settings button if user can't manage settings
if (!me.user.can_manage_settings) {
document.querySelectorAll('.settings-btn').forEach(b => b.style.display = 'none');
}
fetchProjects();
});
});
</script>