feat: CV Application - AI-powered CV management, parsing, matching, and generation
This commit is contained in:
109
static/index.html
Normal file
109
static/index.html
Normal file
@@ -0,0 +1,109 @@
|
||||
<!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">
|
||||
</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="showTemplateModal()">+ New Template</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>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user