admin/36676-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto commit: 2025-12-05T10:18:40.371Z

Browse Source
This commit is contained in:
Flatlogic Bot 2025-12-05 10:18:40 +00:00
parent 5622459a4e
commit a6b188afb6
6 changed files with 252 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
assets/css/custom.css
View File

@ -148,3 +148,29 @@ body.dark-mode {
width: 1.25rem;
height: 1.25rem;
}
.card {
border-radius: var(--border-radius);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.card-title {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
.card-text {
font-size: 0.9rem;
color: #6B7280; /* Neutral gray for description */
}
.dark-mode .card-text {
color: #9CA3AF;
}
.card-footer {
font-size: 0.8rem;
background-color: transparent;
border-top: none;
}

83
assets/js/main.js
View File

@ -1,4 +1,5 @@
document.addEventListener('DOMContentLoaded', function () {
console.log('main.js: DOMContentLoaded event fired.');
const themeToggle = document.getElementById('theme-toggle');
const sidebarToggle = document.getElementById('sidebar-toggle');
const sidebar = document.querySelector('.sidebar');
@ -31,4 +32,86 @@ document.addEventListener('DOMContentLoaded', function () {
mainContent.classList.toggle('expanded');
}
});
const addTaskForm = document.getElementById('addTaskForm');
if (addTaskForm) {
addTaskForm.addEventListener('submit', async function (e) {
console.log('main.js: addTaskForm submitted.');
e.preventDefault();
const formData = new FormData(this);
formData.append('action', 'addTask');
try {
const response = await fetch('index.php', {
method: 'POST',
body: formData
});
const result = await response.json();
if (result.success) {
alert(result.message);
this.reset(); // Clear form fields
// Close modal
const addTaskModal = bootstrap.Modal.getInstance(document.getElementById('addTaskModal'));
if (addTaskModal) {
addTaskModal.hide();
}
loadTasks(); // Refresh tasks list
} else {
alert('Error: ' + result.message);
}
} catch (error) {
console.error('Error adding task:', error);
alert('An unexpected error occurred while adding the task. Check console for details.');
}
});
}
// Function to load and display tasks
async function loadTasks() {
console.log('main.js: loadTasks() called.');
const tasksListDiv = document.getElementById('tasksList');
if (!tasksListDiv) return;
tasksListDiv.innerHTML = '<div class="text-center p-5">Loading tasks...</div>'; // Loading indicator
try {
const response = await fetch('index.php?action=getTasks');
const result = await response.json();
if (result.success && result.tasks) {
tasksListDiv.innerHTML = ''; // Clear loading indicator
if (result.tasks.length === 0) {
tasksListDiv.innerHTML = '<div class="col-12"><p class="text-center">No tasks yet. Add one!</p></div>';
return;
}
result.tasks.forEach(task => {
const taskCard = `
<div class="col-md-4 mb-4">
<div class="card surface h-100">
<div class="card-body">
<h5 class="card-title">${task.title}</h5>
<p class="card-text">${task.description}</p>
<span class="badge bg-primary">${task.status}</span>
</div>
<div class="card-footer text-muted">
Created: ${new Date(task.created_at).toLocaleDateString()}
</div>
</div>
</div>
`;
tasksListDiv.innerHTML += taskCard;
});
} else {
tasksListDiv.innerHTML = '<div class="col-12 text-danger text-center"><p>Error loading tasks: ' + (result.message || 'Unknown error') + '</p></div>';
}
} catch (error) {
console.error('Error fetching tasks:', error);
tasksListDiv.innerHTML = '<div class="col-12 text-danger text-center"><p>An unexpected error occurred while fetching tasks. Check console for details.</p></div>';
}
}
// Initial load of tasks
loadTasks();
});

1
db/.applied_migrations Normal file
View File

@ -0,0 +1 @@
["001_create_tasks_table.sql"]

52
db/migrate.php Normal file
View File

@ -0,0 +1,52 @@
<?php
require_once __DIR__ . '/config.php';
function runMigrations($pdo) {
$migrationsDir = __DIR__ . '/migrations';
$appliedMigrationsFile = __DIR__ . '/.applied_migrations';
// Ensure the applied migrations file exists
if (!file_exists($appliedMigrationsFile)) {
file_put_contents($appliedMigrationsFile, json_encode([]));
}
$appliedMigrations = json_decode(file_get_contents($appliedMigrationsFile), true);
$migrationFiles = glob($migrationsDir . '/*.sql');
sort($migrationFiles);
echo "Running database migrations...\n";
foreach ($migrationFiles as $file) {
$fileName = basename($file);
if (!in_array($fileName, $appliedMigrations)) {
echo "Applying migration: {$fileName}\n";
$sql = file_get_contents($file);
try {
$pdo->exec($sql);
$appliedMigrations[] = $fileName;
} catch (PDOException $e) {
echo "Error applying migration {$fileName}: " . $e->getMessage() . "\n";
return false; // Stop on first error
}
} else {
echo "Migration already applied: {$fileName}\n";
}
}
file_put_contents($appliedMigrationsFile, json_encode($appliedMigrations));
echo "Migrations finished.\n";
return true;
}
// Run migrations if this script is executed directly
if (realpath($argv[0]) === realpath(__FILE__)) {
try {
$pdo = db(); // Get PDO connection from config.php
runMigrations($pdo);
} catch (PDOException $e) {
echo "Database connection error: " . $e->getMessage() . "\n";
}
}

9
db/migrations/001_create_tasks_table.sql Normal file
View File

@ -0,0 +1,9 @@
-- Create the tasks table
CREATE TABLE IF NOT EXISTS tasks (
id INT AUTO_INCREMENT PRIMARY KEY,
title VARCHAR(255) NOT NULL,
description TEXT,
status ENUM('pending', 'in-progress', 'completed') DEFAULT 'pending',
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
);

82
index.php
View File

@ -1,3 +1,49 @@
<?php
require_once __DIR__ . '/db/config.php';
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'addTask') {
header('Content-Type: application/json');
$title = trim($_POST['title'] ?? '');
$description = trim($_POST['description'] ?? '');
if (empty($title)) {
echo json_encode(['success' => false, 'message' => 'Task title cannot be empty.']);
exit;
}
try {
$pdo = db();
$stmt = $pdo->prepare("INSERT INTO tasks (title, description) VALUES (:title, :description)");
$stmt->bindParam(':title', $title);
$stmt->bindParam(':description', $description);
if ($stmt->execute()) {
echo json_encode(['success' => true, 'message' => 'Task added successfully.', 'id' => $pdo->lastInsertId()]);
} else {
echo json_encode(['success' => false, 'message' => 'Failed to add task.']);
}
} catch (PDOException $e) {
echo json_encode(['success' => false, 'message' => 'Database error: ' . $e->getMessage()]);
}
exit;
}
if ($_SERVER['REQUEST_METHOD'] === 'GET' && isset($_GET['action']) && $_GET['action'] === 'getTasks') {
header('Content-Type: application/json');
try {
$pdo = db();
$stmt = $pdo->query("SELECT id, title, description, status, created_at FROM tasks ORDER BY created_at DESC");
$tasks = $stmt->fetchAll(PDO::FETCH_ASSOC);
echo json_encode(['success' => true, 'tasks' => $tasks]);
} catch (PDOException $e) {
echo json_encode(['success' => false, 'message' => 'Database error: ' . $e->getMessage()]);
}
exit;
}
<!DOCTYPE html>
<html lang="en">
<head>
@ -64,7 +110,7 @@
<input class="form-check-input" type="checkbox" role="switch" id="theme-toggle">
<label class="form-check-label" for="theme-toggle">Dark Mode</label>
</div>
<button class="btn btn-primary">Add New Task</button>
<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addTaskModal">Add New Task</button>
</div>
</div>
</nav>
@ -75,6 +121,40 @@
<p class="lead">This is your personal productivity dashboard. Let's get things done.</p>
</div>
<!-- Add Task Modal -->
<div class="modal fade" id="addTaskModal" tabindex="-1" aria-labelledby="addTaskModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="addTaskModalLabel">Add New Task</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form id="addTaskForm">
<div class="modal-body">
<div class="mb-3">
<label for="taskTitle" class="form-label">Task Title</label>
<input type="text" class="form-control" id="taskTitle" name="title" required>
</div>
<div class="mb-3">
<label for="taskDescription" class="form-label">Description</label>
<textarea class="form-control" id="taskDescription" name="description" rows="3"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save Task</button>
</div>
</form>
</div>
</div>
</div>
<!-- Tasks List Section -->
<div class="surface rounded p-4 mt-4">
<h2>Your Tasks</h2>
<div id="tasksList" class="row mt-3"></div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>