Rodrigo Rodriguez (Pragmatismo)
b9395cb0d7
Added new navigation links for Dashboard, Editor, Player, Paper, Settings, Tables, and News sections. Each link includes click handlers to switch sections and active state styling. This expands the application's navigation options for better user access to different features.
45 lines
2.2 KiB
HTML
45 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>General Bots Desktop</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
|
<link rel="stylesheet" href="css/app.css" />
|
|
<script defer src="js/alpine.js"></script>
|
|
</head>
|
|
<body>
|
|
<nav x-data="{ current: 'drive' }">
|
|
<div class="logo">⚡ General Bots</div>
|
|
<a href="#drive" @click.prevent="current = 'drive'; window.switchSection('drive')"
|
|
:class="{ active: current === 'drive' }">📁 Drive</a>
|
|
<a href="#tasks" @click.prevent="current = 'tasks'; window.switchSection('tasks')"
|
|
:class="{ active: current === 'tasks' }">✓ Tasks</a>
|
|
<a href="#mail" @click.prevent="current = 'mail'; window.switchSection('mail')"
|
|
:class="{ active: current === 'mail' }">✉ Mail</a>
|
|
<a href="#dashboard" @click.prevent="current = 'dashboard'; window.switchSection('dashboard')"
|
|
:class="{ active: current === 'dashboard' }">📊 Dashboard</a>
|
|
<a href="#editor" @click.prevent="current = 'editor'; window.switchSection('editor')"
|
|
:class="{ active: current === 'editor' }">📝 Editor</a>
|
|
<a href="#player" @click.prevent="current = 'player'; window.switchSection('player')"
|
|
:class="{ active: current === 'player' }">🎬 Player</a>
|
|
<a href="#paper" @click.prevent="current = 'paper'; window.switchSection('paper')"
|
|
:class="{ active: current === 'paper' }">📄 Paper</a>
|
|
<a href="#settings" @click.prevent="current = 'settings'; window.switchSection('settings')"
|
|
:class="{ active: current === 'settings' }">⚙️ Settings</a>
|
|
<a href="#tables" @click.prevent="current = 'tables'; window.switchSection('tables')"
|
|
:class="{ active: current === 'tables' }">📋 Tables</a>
|
|
<a href="#news" @click.prevent="current = 'news'; window.switchSection('news')"
|
|
:class="{ active: current === 'news' }">📰 News</a>
|
|
</nav>
|
|
|
|
<div id="main-content">
|
|
<!-- Sections will be loaded dynamically -->
|
|
</div>
|
|
|
|
<!-- Load Module Scripts -->
|
|
<script src="js/layout.js"></script>
|
|
<script src="drive/drive.js"></script>
|
|
<script src="tasks/tasks.js"></script>
|
|
<script src="mail/mail.js"></script>
|
|
</body>
|
|
</html>
|