Nov 20th, 2025 V.3
This commit is contained in:
Flatlogic Bot
parent
aab4f05548
commit
99a2cd4d5f
3
app.php
3
app.php
@ -186,7 +186,8 @@ function time_ago($datetime, $full = false) {
|
||||
<a href="app.php" class="btn btn-primary me-2">Home</a>
|
||||
<a href="chat.php" class="btn btn-outline-primary me-2">Chat</a>
|
||||
<a href="dashboard.php" class="btn btn-outline-primary me-2">Dashboard</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
|
||||
<a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<?php echo htmlspecialchars($_SESSION['username']); ?>
|
||||
|
||||
1
chat.php
1
chat.php
@ -85,6 +85,7 @@ if (!is_logged_in()) {
|
||||
<a href="app.php" class="text-sm text-gray-600 hover:text-gray-900">Home</a>
|
||||
<a href="dashboard.php" class="text-sm text-gray-600 hover:text-gray-900">Dashboard</a>
|
||||
<a href="workflows.php" class="text-sm text-gray-600 hover:text-gray-900">Workflows</a>
|
||||
<a href="settings.php" class="text-sm text-gray-600 hover:text-gray-900">Settings</a>
|
||||
<a href="logout.php" class="text-sm text-gray-600 hover:text-gray-900">Logout</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
@ -92,7 +92,8 @@ $completed_tasks = $pdo->query("SELECT COUNT(*) FROM tasks WHERE status = 'Compl
|
||||
</div>
|
||||
<nav class="d-flex align-items-center">
|
||||
<a href="app.php" class="btn btn-outline-primary me-2">Home</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
|
||||
<a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<?php echo htmlspecialchars($_SESSION['username']); ?>
|
||||
|
||||
@ -70,7 +70,8 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['update_candidate']))
|
||||
<a href="app.php" class="btn btn-outline-primary me-2">Home</a>
|
||||
<a href="chat.php" class="btn btn-outline-primary me-2">Chat</a>
|
||||
<a href="dashboard.php" class="btn btn-outline-primary me-2">Dashboard</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
|
||||
<a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<?php echo htmlspecialchars($_SESSION['username']); ?>
|
||||
|
||||
@ -100,7 +100,8 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['save_permissions']))
|
||||
<nav class="d-flex align-items-center">
|
||||
<a href="app.php" class="btn btn-outline-primary me-2">Home</a>
|
||||
<a href="dashboard.php" class="btn btn-outline-primary me-2">Dashboard</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
|
||||
<a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<?php echo htmlspecialchars($_SESSION['username']); ?>
|
||||
|
||||
@ -74,7 +74,8 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['update_task'])) {
|
||||
<a href="app.php" class="btn btn-outline-primary me-2">Home</a>
|
||||
<a href="chat.php" class="btn btn-outline-primary me-2">Chat</a>
|
||||
<a href="dashboard.php" class="btn btn-outline-primary me-2">Dashboard</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
|
||||
<a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<?php echo htmlspecialchars($_SESSION['username']); ?>
|
||||
|
||||
@ -56,7 +56,8 @@ $roles = $stmt->fetchAll();
|
||||
<nav class="d-flex align-items-center">
|
||||
<a href="app.php" class="btn btn-outline-primary me-2">Home</a>
|
||||
<a href="dashboard.php" class="btn btn-outline-primary me-2">Dashboard</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
|
||||
<a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
|
||||
<a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<?php echo htmlspecialchars($_SESSION['username']); ?>
|
||||
|
||||
245
settings.php
Normal file
245
settings.php
Normal file
@ -0,0 +1,245 @@
|
||||
<?php
|
||||
session_start();
|
||||
if (!isset($_SESSION['user_id'])) {
|
||||
header('Location: login.php');
|
||||
exit;
|
||||
}
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Settings - FinMox</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
|
||||
* {
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.tab-active {
|
||||
border-bottom-color: #000;
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
}
|
||||
.tab-inactive {
|
||||
border-bottom-color: transparent;
|
||||
color: #6b7280;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-gray-100">
|
||||
<div class="flex h-screen bg-gray-200">
|
||||
<!-- Sidebar -->
|
||||
<div class="w-64 bg-white shadow-md">
|
||||
<div class="p-6">
|
||||
<a href="app.php">
|
||||
<img src="assets/pasted-20251120-051320-b2b0cdfa.png" alt="FinMox Logo" style="height: 32px;">
|
||||
</a>
|
||||
</div>
|
||||
<nav class="mt-6">
|
||||
<a href="dashboard.php" class="block py-2.5 px-4 rounded transition duration-200 hover:bg-gray-200 text-gray-700">Dashboard</a>
|
||||
<a href="chat.php" class="block py-2.5 px-4 rounded transition duration-200 hover:bg-gray-200 text-gray-700">Chat</a>
|
||||
<a href="workflows.php" class="block py-2.5 px-4 rounded transition duration-200 hover:bg-gray-200 text-gray-700">Workflows</a>
|
||||
<a href="roles.php" class="block py-2.5 px-4 rounded transition duration-200 hover:bg-gray-200 text-gray-700">Roles</a>
|
||||
<a href="settings.php" class="block py-2.5 px-4 rounded transition duration-200 bg-gray-200 text-gray-900 font-semibold">Settings</a>
|
||||
<a href="logout.php" class="block py-2.5 px-4 rounded transition duration-200 hover:bg-gray-200 text-gray-700">Logout</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Main content -->
|
||||
<div class="flex-1 flex flex-col overflow-hidden">
|
||||
<header class="flex justify-between items-center p-6 bg-white border-b">
|
||||
<h1 class="text-2xl font-bold text-gray-900">Settings</h1>
|
||||
<div>
|
||||
<!-- Any header content can go here -->
|
||||
</div>
|
||||
</header>
|
||||
<main class="flex-1 overflow-x-hidden overflow-y-auto bg-gray-100 p-6">
|
||||
<div>
|
||||
<div class="border-b border-gray-200">
|
||||
<nav class="-mb-px flex space-x-8" aria-label="Tabs">
|
||||
<button onclick="changeTab('profile')" id="tab-profile" class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm tab-active">Company Profile</button>
|
||||
<button onclick="changeTab('integrations')" id="tab-integrations" class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm tab-inactive">Integrations</button>
|
||||
<button onclick="changeTab('team')" id="tab-team" class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm tab-inactive">Team Members</button>
|
||||
<button onclick="changeTab('billing')" id="tab-billing" class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm tab-inactive">Billing</button>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Tab Content -->
|
||||
<div id="content-profile" class="mt-6">
|
||||
<div class="bg-white shadow rounded-lg p-6">
|
||||
<h2 class="text-xl font-semibold mb-4">Company Profile</h2>
|
||||
<form>
|
||||
<div class="mb-4">
|
||||
<label for="company-name" class="block text-sm font-medium text-gray-700">Company Name</label>
|
||||
<input type="text" id="company-name" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-black focus:ring-black sm:text-sm" placeholder="FinMox">
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label for="logo-upload" class="block text-sm font-medium text-gray-700">Company Logo</label>
|
||||
<div class="mt-1 flex items-center">
|
||||
<span class="inline-block h-12 w-12 rounded-full overflow-hidden bg-gray-100">
|
||||
<img src="assets/pasted-20251120-051320-b2b0cdfa.png" alt="Current Logo">
|
||||
</span>
|
||||
<input type="file" id="logo-upload" class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label for="timezone" class="block text-sm font-medium text-gray-700">Timezone</label>
|
||||
<select id="timezone" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-black focus:ring-black sm:text-sm">
|
||||
<option>Pacific Standard Time (PST)</option>
|
||||
<option selected>Eastern Standard Time (EST)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label for="date-format" class="block text-sm font-medium text-gray-700">Date Format</label>
|
||||
<select id="date-format" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-black focus:ring-black sm:text-sm">
|
||||
<option>MM/DD/YYYY</option>
|
||||
<option>DD/MM/YYYY</option>
|
||||
<option selected>YYYY-MM-DD</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex justify-end">
|
||||
<button type="submit" class="bg-black text-white px-4 py-2 rounded-lg text-sm font-medium">Save Changes</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content-integrations" class="hidden mt-6">
|
||||
<div class="bg-white shadow rounded-lg p-6">
|
||||
<h2 class="text-xl font-semibold mb-4">Integrations</h2>
|
||||
<div class="space-y-4">
|
||||
<!-- Gmail -->
|
||||
<div class="flex items-center justify-between p-4 border rounded-lg">
|
||||
<div class="flex items-center gap-4">
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Gmail_icon_%282020%29.svg/1200px-Gmail_icon_%282020%29.svg.png" alt="Gmail" class="h-8 w-8">
|
||||
<span class="font-medium">Gmail</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="text-sm text-green-600 font-semibold">Connected</span>
|
||||
<button class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium">Configure</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Slack -->
|
||||
<div class="flex items-center justify-between p-4 border rounded-lg">
|
||||
<div class="flex items-center gap-4">
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/d/d5/Slack_icon_2019.svg" alt="Slack" class="h-8 w-8">
|
||||
<span class="font-medium">Slack</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="text-sm text-gray-500">Not Connected</span>
|
||||
<button class="bg-black text-white px-4 py-2 rounded-lg text-sm font-medium">Connect</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Google Calendar -->
|
||||
<div class="flex items-center justify-between p-4 border rounded-lg">
|
||||
<div class="flex items-center gap-4">
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Google_Calendar_icon_%282020%29.svg" alt="Google Calendar" class="h-8 w-8">
|
||||
<span class="font-medium">Google Calendar</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="text-sm text-green-600 font-semibold">Connected</span>
|
||||
<button class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium">Configure</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Generic ATS -->
|
||||
<div class="flex items-center justify-between p-4 border rounded-lg">
|
||||
<div class="flex items-center gap-4">
|
||||
<svg class="h-8 w-8 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
|
||||
<span class="font-medium">Your ATS</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-4">
|
||||
<span class="text-sm text-gray-500">Not Connected</span>
|
||||
<button class="bg-black text-white px-4 py-2 rounded-lg text-sm font-medium">Connect</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content-team" class="hidden mt-6">
|
||||
<div class="bg-white shadow rounded-lg">
|
||||
<div class="flex justify-between items-center p-6">
|
||||
<h2 class="text-xl font-semibold">Team Members</h2>
|
||||
<button class="bg-black text-white px-4 py-2 rounded-lg text-sm font-medium">Invite Team Member</button>
|
||||
</div>
|
||||
<table class="min-w-full divide-y divide-gray-200">
|
||||
<thead class="bg-gray-50">
|
||||
<tr>
|
||||
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
|
||||
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Email</th>
|
||||
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Role</th>
|
||||
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
|
||||
<th scope="col" class="relative px-6 py-3"><span class="sr-only">Edit</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white divide-y divide-gray-200">
|
||||
<tr>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Admin User</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">admin@finmox.com</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Admin</td>
|
||||
<td class="px-6 py-4 whitespace-nowrap"><span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Active</span></td>
|
||||
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium"><a href="#" class="text-indigo-600 hover:text-indigo-900">Edit</a></td>
|
||||
</tr>
|
||||
<!-- More users... -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content-billing" class="hidden mt-6">
|
||||
<div class="bg-white shadow rounded-lg p-6">
|
||||
<h2 class="text-xl font-semibold mb-4">Billing</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<!-- Current Plan -->
|
||||
<div class="bg-gray-50 rounded-lg p-6">
|
||||
<h3 class="font-semibold text-gray-900">Current Plan</h3>
|
||||
<p class="mt-2 text-3xl font-bold text-gray-900">Pro Plan</p>
|
||||
<p class="mt-1 text-sm text-gray-500">$99 / month</p>
|
||||
<button class="mt-4 w-full bg-black text-white px-4 py-2 rounded-lg text-sm font-medium">Upgrade Plan</button>
|
||||
</div>
|
||||
<!-- Usage -->
|
||||
<div class="bg-gray-50 rounded-lg p-6">
|
||||
<h3 class="font-semibold text-gray-900">Usage this month</h3>
|
||||
<ul class="mt-4 space-y-2 text-sm">
|
||||
<li class="flex justify-between"><span>Team Members</span><span>1/10</span></li>
|
||||
<li class="flex justify-between"><span>Workflows</span><span>5/20</span></li>
|
||||
<li class="flex justify-between"><span>API Calls</span><span>1,203 / 10,000</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-6">
|
||||
<h3 class="font-semibold text-gray-900">Payment Method</h3>
|
||||
<div class="mt-4 flex items-center justify-between p-4 border rounded-lg">
|
||||
<div class="flex items-center gap-4">
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Visa_Inc._logo.svg" alt="Visa" class="h-6">
|
||||
<span class="font-medium">Visa ending in 1234</span>
|
||||
</div>
|
||||
<button class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
function changeTab(tabName) {
|
||||
const tabs = ['profile', 'integrations', 'team', 'billing'];
|
||||
tabs.forEach(tab => {
|
||||
document.getElementById('tab-' + tab).classList.remove('tab-active');
|
||||
document.getElementById('tab-' + tab).classList.add('tab-inactive');
|
||||
document.getElementById('content-' + tab).classList.add('hidden');
|
||||
});
|
||||
document.getElementById('tab-' + tabName).classList.add('tab-active');
|
||||
document.getElementById('tab-' + tabName).classList.remove('tab-inactive');
|
||||
document.getElementById('content-' + tabName).classList.remove('hidden');
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -128,6 +128,7 @@ $workflows = $stmt->fetchAll();
|
||||
<a href="app.php" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Home</a>
|
||||
<a href="dashboard.php" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Dashboard</a>
|
||||
<a href="workflows.php" class="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page">Workflows</a>
|
||||
<a href="settings.php" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Settings</a>
|
||||
|
||||
<!-- User Dropdown -->
|
||||
<div class="relative ml-3">
|
||||
@ -165,6 +166,7 @@ $workflows = $stmt->fetchAll();
|
||||
<a href="app.php" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Home</a>
|
||||
<a href="dashboard.php" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Dashboard</a>
|
||||
<a href="workflows.php" class="bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium" aria-current="page">Workflows</a>
|
||||
<a href="settings.php" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Settings</a>
|
||||
</div>
|
||||
<div class="pt-4 pb-3 border-t border-gray-700">
|
||||
<div class="flex items-center px-5">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user