112 lines
4.2 KiB
HTML
112 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>CV Application</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
<link rel="stylesheet" href="/static/builder.css">
|
|
</head>
|
|
<body>
|
|
<div class="app">
|
|
<!-- Sidebar -->
|
|
<nav class="sidebar">
|
|
<div class="sidebar-header">
|
|
<h1>CV Application</h1>
|
|
<p>AI-Powered CV Management</p>
|
|
</div>
|
|
<ul class="nav">
|
|
<li><a href="#" class="nav-link active" data-page="dashboard">Dashboard</a></li>
|
|
<li><a href="#" class="nav-link" data-page="candidates">Candidates</a></li>
|
|
<li><a href="#" class="nav-link" data-page="upload">Upload CV</a></li>
|
|
<li><a href="#" class="nav-link" data-page="templates">Templates</a></li>
|
|
<li><a href="#" class="nav-link" data-page="requirements">Requirements</a></li>
|
|
<li><a href="#" class="nav-link" data-page="generated">Generated CVs</a></li>
|
|
<li><a href="#" class="nav-link" data-page="chat">AI Chat</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Main content -->
|
|
<main class="main">
|
|
<!-- DASHBOARD -->
|
|
<div id="page-dashboard" class="page active">
|
|
<h2 style="margin-bottom:20px">Dashboard</h2>
|
|
<div class="stats-grid" id="stats-grid"></div>
|
|
<div class="card">
|
|
<div class="card-header"><span class="card-title">Recent Candidates</span></div>
|
|
<div id="recent-candidates"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CANDIDATES -->
|
|
<div id="page-candidates" class="page">
|
|
<h2 style="margin-bottom:20px">Candidates</h2>
|
|
<div class="flex mb-16 gap-8">
|
|
<input type="text" id="search-input" placeholder="Search by name, email, or keyword..." style="flex:1">
|
|
<button class="btn" onclick="searchCandidates()">Search</button>
|
|
</div>
|
|
<div id="candidates-list"></div>
|
|
</div>
|
|
|
|
<!-- UPLOAD -->
|
|
<div id="page-upload" class="page">
|
|
<h2 style="margin-bottom:20px">Upload CV</h2>
|
|
<div class="card">
|
|
<div class="upload-zone" id="upload-zone" onclick="document.getElementById('file-input').click()">
|
|
<p style="font-size:18px; margin-bottom:8px">Drop CV file here or click to browse</p>
|
|
<p class="text-muted text-sm">Supports PDF, DOCX, TXT, DOC</p>
|
|
</div>
|
|
<input type="file" id="file-input" accept=".pdf,.docx,.doc,.txt,.rtf" style="display:none" onchange="uploadFile(this.files[0])">
|
|
<div id="upload-status" style="margin-top:16px"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- TEMPLATES -->
|
|
<div id="page-templates" class="page">
|
|
<h2 style="margin-bottom:20px">CV Templates</h2>
|
|
<div class="flex mb-16 gap-8">
|
|
<button class="btn" onclick="showBuilder()">+ Visual Builder</button>
|
|
<button class="btn btn-outline" onclick="showTemplateModal()">+ Manual (JSON)</button>
|
|
<button class="btn btn-outline" onclick="showTemplateGenModal()">Generate with AI</button>
|
|
</div>
|
|
<div id="templates-list"></div>
|
|
</div>
|
|
|
|
<!-- REQUIREMENTS -->
|
|
<div id="page-requirements" class="page">
|
|
<h2 style="margin-bottom:20px">Requirement Requests</h2>
|
|
<div class="flex mb-16 gap-8">
|
|
<button class="btn" onclick="showRequirementModal()">+ New Requirement</button>
|
|
</div>
|
|
<div id="requirements-list"></div>
|
|
</div>
|
|
|
|
<!-- GENERATED CVs -->
|
|
<div id="page-generated" class="page">
|
|
<h2 style="margin-bottom:20px">Generated CVs</h2>
|
|
<div id="generated-list"></div>
|
|
</div>
|
|
|
|
<!-- CHAT -->
|
|
<div id="page-chat" class="page">
|
|
<h2 style="margin-bottom:20px">AI Chat Assistant</h2>
|
|
<div class="chat-container">
|
|
<div class="chat-messages" id="chat-messages">
|
|
<div class="text-muted">Start a conversation with the AI assistant...</div>
|
|
</div>
|
|
<div class="chat-input">
|
|
<textarea id="chat-input" placeholder="Type your message..." rows="1"></textarea>
|
|
<button class="btn" onclick="sendChat()">Send</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- Modals -->
|
|
<div class="modal-overlay" id="modal-overlay"></div>
|
|
|
|
<script src="/static/app.js"></script>
|
|
<script src="/static/builder.js"></script>
|
|
</body>
|
|
</html> |