File size: 9,440 Bytes
e9077cf | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CodeDoc AI - Automated Code Guardians</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#21223a',
secondary: '#ff580f',
}
}
}
}
</script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
</head>
<body class="bg-gray-50">
<div class="flex h-screen overflow-hidden">
<!-- Sidebar -->
<script src="components/sidebar.js"></script>
<custom-sidebar></custom-sidebar>
<!-- Main Content -->
<div class="flex-1 overflow-auto">
<!-- Header -->
<script src="components/header.js"></script>
<custom-header></custom-header>
<!-- Dashboard Content -->
<main class="p-6">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Stats Cards -->
<div class="bg-white rounded-lg shadow p-6">
<div class="flex items-center justify-between">
<div>
<p class="text-gray-500">Projects Documented</p>
<h3 class="text-2xl font-bold text-primary">142</h3>
</div>
<div class="p-3 rounded-full bg-primary bg-opacity-10">
<i data-feather="file-text" class="text-primary"></i>
</div>
</div>
</div>
<div class="bg-white rounded-lg shadow p-6">
<div class="flex items-center justify-between">
<div>
<p class="text-gray-500">Code Reviews</p>
<h3 class="text-2xl font-bold text-secondary">89</h3>
</div>
<div class="p-3 rounded-full bg-secondary bg-opacity-10">
<i data-feather="check-circle" class="text-secondary"></i>
</div>
</div>
</div>
<div class="bg-white rounded-lg shadow p-6">
<div class="flex items-center justify-between">
<div>
<p class="text-gray-500">Tests Executed</p>
<h3 class="text-2xl font-bold text-primary">1,253</h3>
</div>
<div class="p-3 rounded-full bg-primary bg-opacity-10">
<i data-feather="cpu" class="text-primary"></i>
</div>
</div>
</div>
</div>
<!-- Recent Activity -->
<div class="mt-8 bg-white rounded-lg shadow overflow-hidden">
<div class="p-6 border-b border-gray-200">
<h3 class="text-lg font-medium text-primary">Recent Activity</h3>
</div>
<div class="divide-y divide-gray-200">
<div class="p-6 hover:bg-gray-50 transition-colors">
<div class="flex items-start">
<div class="p-2 rounded-full bg-secondary bg-opacity-10 mr-4">
<i data-feather="git-commit" class="text-secondary"></i>
</div>
<div class="flex-1">
<div class="flex items-center justify-between">
<h4 class="font-medium">New Push to main</h4>
<span class="text-sm text-gray-500">2 min ago</span>
</div>
<p class="text-gray-600 mt-1">Documentation generated for user-service module</p>
</div>
</div>
</div>
<div class="p-6 hover:bg-gray-50 transition-colors">
<div class="flex items-start">
<div class="p-2 rounded-full bg-primary bg-opacity-10 mr-4">
<i data-feather="check-circle" class="text-primary"></i>
</div>
<div class="flex-1">
<div class="flex items-center justify-between">
<h4 class="font-medium">Code Review Completed</h4>
<span class="text-sm text-gray-500">15 min ago</span>
</div>
<p class="text-gray-600 mt-1">5 issues found in payment-service</p>
</div>
</div>
</div>
<div class="p-6 hover:bg-gray-50 transition-colors">
<div class="flex items-start">
<div class="p-2 rounded-full bg-secondary bg-opacity-10 mr-4">
<i data-feather="zap" class="text-secondary"></i>
</div>
<div class="flex-1">
<div class="flex items-center justify-between">
<h4 class="font-medium">Tests Executed</h4>
<span class="text-sm text-gray-500">30 min ago</span>
</div>
<p class="text-gray-600 mt-1">All 42 tests passed in auth-service</p>
</div>
</div>
</div>
</div>
</div>
<!-- Setup Guide -->
<div class="mt-8 bg-white rounded-lg shadow overflow-hidden">
<div class="p-6 border-b border-gray-200">
<h3 class="text-lg font-medium text-primary">Setup Instructions</h3>
</div>
<div class="p-6">
<div class="space-y-4">
<div class="flex items-start">
<div class="flex-shrink-0 h-10 w-10 rounded-full bg-primary bg-opacity-10 flex items-center justify-center mr-4">
<span class="text-primary font-bold">1</span>
</div>
<div>
<h4 class="font-medium">Connect Your Repository</h4>
<p class="text-gray-600 mt-1">Link your GitHub, GitLab, or Bitbucket repository to get started.</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 h-10 w-10 rounded-full bg-primary bg-opacity-10 flex items-center justify-center mr-4">
<span class="text-primary font-bold">2</span>
</div>
<div>
<h4 class="font-medium">Configure Workflow</h4>
<p class="text-gray-600 mt-1">Set up which branches should trigger the automation pipeline.</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 h-10 w-10 rounded-full bg-primary bg-opacity-10 flex items-center justify-center mr-4">
<span class="text-primary font-bold">3</span>
</div>
<div>
<h4 class="font-medium">Customize Agents</h4>
<p class="text-gray-600 mt-1">Configure documentation, testing, and deployment agents.</p>
</div>
</div>
</div>
<button class="mt-6 bg-secondary text-white px-6 py-2 rounded-lg hover:bg-opacity-90 transition-colors flex items-center">
<i data-feather="plus" class="mr-2"></i> Connect Repository
</button>
</div>
</div>
</main>
</div>
</div>
<script src="components/sidebar.js"></script>
<script src="components/header.js"></script>
<script src="script.js"></script>
<script>
feather.replace();
</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html> |