source: KernelRecordsMVC.Web/Views/Admin/Index.cshtml@ d89d25b

main
Last change on this file since d89d25b was d89d25b, checked in by mmilevski <markomilevski3@…>, 4 weeks ago

Added few implementaions, minor UI changes.
  • Property mode set to 100644
File size: 8.0 KB
Line 
1@{
2 ViewData["Title"] = "Admin Dashboard";
3}
4
5<div class="admin-page">
6
7 <!-- =====================================================
8 HEADER
9 ===================================================== -->
10
11 <div class="admin-header">
12
13 <div>
14
15 <img src="~/images/logo.png"
16 asp-append-version="true"
17 alt="Kernel Records"
18 class="admin-page-logo" />
19
20 <h1>Admin Dashboard</h1>
21
22 <p>
23 Manage catalog, inventory and store operations.
24 </p>
25
26 </div>
27
28
29 <div class="admin-header-actions">
30
31 <a asp-action="CreateRelease"
32 class="admin-button secondary">
33
34 <span>♪</span>
35 New Release
36
37 </a>
38
39
40 <a asp-action="CreateProduct"
41 class="admin-button primary">
42
43 <span>＋</span>
44 New Product
45
46 </a>
47
48 </div>
49
50 </div>
51
52
53 @if (TempData["Success"] != null)
54 {
55 <div class="admin-alert success">
56
57 <span>✓</span>
58
59 @TempData["Success"]
60
61 </div>
62 }
63
64
65 @if (TempData["Error"] != null)
66 {
67 <div class="admin-alert danger">
68
69 <span>!</span>
70
71 @TempData["Error"]
72
73 </div>
74 }
75
76
77 <!-- =====================================================
78 STATISTICS
79 ===================================================== -->
80
81 <div class="admin-stat-grid">
82
83 <div class="admin-stat-card">
84
85 <span class="admin-stat-label">
86 PRODUCTS
87 </span>
88
89 <strong>
90 @ViewBag.ProductCount
91 </strong>
92
93 <p>
94 Physical products in the store
95 </p>
96
97 </div>
98
99
100 <div class="admin-stat-card">
101
102 <span class="admin-stat-label">
103 RELEASES
104 </span>
105
106 <strong>
107 @ViewBag.ReleaseCount
108 </strong>
109
110 <p>
111 Albums and singles in the catalog
112 </p>
113
114 </div>
115
116
117 <div class="admin-stat-card warning">
118
119 <span class="admin-stat-label">
120 LOW STOCK
121 </span>
122
123 <strong>
124 @ViewBag.LowStockCount
125 </strong>
126
127 <p>
128 Products with 5 or fewer remaining
129 </p>
130
131 </div>
132
133
134 <div class="admin-stat-card danger">
135
136 <span class="admin-stat-label">
137 OUT OF STOCK
138 </span>
139
140 <strong>
141 @ViewBag.OutOfStockCount
142 </strong>
143
144 <p>
145 Products requiring restocking
146 </p>
147
148 </div>
149
150 </div>
151
152
153 <!-- =====================================================
154 CATALOG MANAGEMENT
155 ===================================================== -->
156
157 <section class="admin-section">
158
159 <div class="admin-section-heading">
160
161 <div>
162
163 <span class="admin-eyebrow">
164 CATALOG MANAGEMENT
165 </span>
166
167 <h2>Releases & Products</h2>
168
169 <p>
170 Create music releases and manage their physical formats.
171 </p>
172
173 </div>
174
175 </div>
176
177
178 <div class="admin-action-grid">
179
180 <!-- CREATE RELEASE -->
181
182 <a asp-action="CreateRelease"
183 class="admin-action-card">
184
185 <div class="admin-action-icon">
186 ♪
187 </div>
188
189 <div>
190
191 <h3>Create Release</h3>
192
193 <p>
194 Create an album or single,
195 assign artists and add album tracks.
196 </p>
197
198 </div>
199
200 <span class="admin-action-arrow">
201 →
202 </span>
203
204 </a>
205
206
207 <!-- CREATE PRODUCT -->
208
209 <a asp-action="CreateProduct"
210 class="admin-action-card">
211
212 <div class="admin-action-icon">
213 ＋
214 </div>
215
216 <div>
217
218 <h3>Create Product</h3>
219
220 <p>
221 Add vinyl, CD or cassette
222 editions to an existing release.
223 </p>
224
225 </div>
226
227 <span class="admin-action-arrow">
228 →
229 </span>
230
231 </a>
232
233
234 <!-- MANAGE PRODUCTS -->
235
236 <a asp-action="Products"
237 class="admin-action-card">
238
239 <div class="admin-action-icon">
240 ◫
241 </div>
242
243 <div>
244
245 <h3>Manage Products</h3>
246
247 <p>
248 Update pricing, inventory,
249 descriptions and discounts.
250 </p>
251
252 </div>
253
254 <span class="admin-action-arrow">
255 →
256 </span>
257
258 </a>
259 <a asp-action="Artists"
260 class="admin-action-card">
261
262 <div class="admin-action-icon">
263 ♫
264 </div>
265
266 <div>
267
268 <h3>Manage Artists</h3>
269
270 <p>
271 Create and edit artist profiles,
272 descriptions and photos.
273 </p>
274
275 </div>
276
277 <span class="admin-action-arrow">
278 →
279 </span>
280
281 </a>
282
283
284 <a asp-action="Releases"
285 class="admin-action-card">
286
287 <div class="admin-action-icon">
288 ◉
289 </div>
290
291 <div>
292
293 <h3>Manage Releases</h3>
294
295 <p>
296 Browse and edit albums and singles
297 in the catalog.
298 </p>
299
300 </div>
301
302 <span class="admin-action-arrow">
303 →
304 </span>
305
306 </a>
307
308 </div>
309
310 </section>
311
312
313 <!-- =====================================================
314 WORKFLOW INFO
315 ===================================================== -->
316
317 <section class="admin-section">
318
319 <div class="admin-section-heading">
320
321 <div>
322
323 <span class="admin-eyebrow">
324 ADMIN WORKFLOW
325 </span>
326
327 <h2>Catalog Process</h2>
328
329 </div>
330
331 </div>
332
333
334 <div class="admin-workflow-grid">
335
336 <div class="admin-workflow-card">
337
338 <span class="admin-workflow-number">
339 01
340 </span>
341
342 <div>
343
344 <strong>
345 Create Release
346 </strong>
347
348 <p>
349 Add the album or single,
350 artists and track information.
351 </p>
352
353 </div>
354
355 </div>
356
357
358 <div class="admin-workflow-card">
359
360 <span class="admin-workflow-number">
361 02
362 </span>
363
364 <div>
365
366 <strong>
367 Create Product
368 </strong>
369
370 <p>
371 Add its vinyl, CD or cassette
372 store edition.
373 </p>
374
375 </div>
376
377 </div>
378
379
380 <div class="admin-workflow-card">
381
382 <span class="admin-workflow-number">
383 03
384 </span>
385
386 <div>
387
388 <strong>
389 Manage Inventory
390 </strong>
391
392 <p>
393 Change prices, stock,
394 descriptions or apply discounts.
395 </p>
396
397 </div>
398
399 </div>
400
401 </div>
402
403 </section>
404
405</div>
Note: See TracBrowser for help on using the repository browser.