xxxxxxxxxx
1
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
2
<!DOCTYPE html>
3
<html lang="en">
4
<head>
5
<meta charset="utf-8" />
6
<meta content="width=device-width, initial-scale=1.0" />
7
<title>Home</title>
8
9
<!-- Font Awesome -->
10
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />
11
12
<!-- Google Fonts Roboto -->
13
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />
14
15
<!-- MDB -->
16
<link rel="stylesheet" href="~/mdb/css/mdb.min.css" />
17
18
<!-- MDB Plugins -->
19
<link rel="stylesheet" href="~/mdb/plugins/css/all.min.css"/>
20
21
<!-- Layout Sytle -->
22
<style>
23
@@media (min-width: 1400px) {
24
main,
25
header,
26
#main-navbar {
27
/*padding-left: 240px;*/
28
}
29
}
30
31
.table > thead > tr > th {
32
border-bottom-width: 2px;
33
}
34
35
.table > :not(:last-child) > :last-child > * {
36
border-bottom-color: inherit;
37
}
38
39
body {
40
background-color: #fbfbfb;
41
}
42
43
.navbar {
44
padding-left: 0 !important;
45
z-index: 1041;
46
}
47
#mainview{
48
margin-top:38px;
49
}
50
</style>
51
</head>
52
<body>
53
<header>
54
<!-- Sidenav -->
55
<div
56
id="sidenav-1"
57
class="sidenav"
58
role="navigation"
59
data-mdb-mode="side"
60
data-mdb-hidden="false"
61
data-mdb-accordion="true"
62
data-mdb-content="#main-navbar"
63
>
64
<a
65
class="ripple d-flex justify-content-center py-4"
66
asp-action="Dashboard"
67
data-mdb-ripple-color="primary"
68
>
69
<img
70
id="MDB-logo"
71
src=""
72
alt="MDB Logo"
73
draggable="false"
74
/>
75
</a>
76
<hr class="m-0" />
77
<ul class="sidenav-menu">
78
<li class="sidenav-item">
79
<a class="sidenav-link" asp-action="Dashboard">
80
<i class="fas fa-home fa-fw me-3"></i
81
><span>Dashboard</span></a>
82
</li>
83
</ul>
84
<ul class="sidenav-menu">
85
<li class="sidenav-item">
86
<a class="sidenav-link" asp-action="UserProfile">
87
<i class="fas fa-user fa-fw me-3"></i
88
><span>User Profile</span></a>
89
</li>
90
</ul>
91
<hr class="m-0" />
92
<ul class="sidenav-menu">
93
<li class="sidenav-item text-muted">
94
<a class="sidenav-link">
95
<i class="fas fa-chart-line fa-fw me-3"></i
96
><span>Analytics</span></a>
97
</li>
98
<li class="sidenav-item text-muted">
99
<a class="sidenav-link">
100
<i class="fas fa-chart-bar fa-fw me-3"></i
101
><span>Orders</span></a>
102
</li>
103
<li class="sidenav-item text-muted">
104
<a class="sidenav-link">
105
<i class="fas fa-chart-area fa-fw me-3"></i
106
><span>Webiste traffic</span></a>
107
</li>
108
<li class="sidenav-item text-muted">
109
<a class="sidenav-link">
110
<i class="fas fa-globe fa-fw me-3"></i
111
><span>International</span></a>
112
</li>
113
<li class="sidenav-item text-muted">
114
<a class="sidenav-link">
115
<i class="fas fa-building fa-fw me-3"></i
116
><span>Partners</span></a>
117
</li>
118
<li class="sidenav-item text-muted">
119
<a class="sidenav-link">
120
<i class="fas fa-calendar fa-fw me-3"></i
121
><span>Calendar</span></a>
122
</li>
123
<li class="sidenav-item text-muted">
124
<a class="sidenav-link">
125
<i class="fas fa-users fa-fw me-3"></i
126
><span>Users</span></a>
127
</li>
128
<li class="sidenav-item text-muted">
129
<a class="sidenav-link">
130
<i class="fas fa-money-bill fa-fw me-3"></i
131
><span>Sales</span></a>
132
</li>
133
</ul>
134
</div>
135
<!-- Sidenav -->
136
<!-- Navbar -->
137
<nav
138
id="main-navbar"
139
class="navbar navbar-expand-lg navbar-light bg-light fixed-top"
140
>
141
<!-- Container wrapper -->
142
<div class="container-fluid">
143
<!-- Toggler -->
144
<button
145
data-mdb-toggle="sidenav"
146
data-mdb-target="#sidenav-1"
147
class="btn shadow-0 p-0 me-3 d-block"
148
aria-controls="#sidenav-1"
149
aria-haspopup="true"
150
>
151
<i class="fas fa-bars fa-lg"></i>
152
</button>
153
154
<!-- Search form -->
155
<form class="d-none d-md-flex input-group w-auto my-auto">
156
<input
157
autocomplete="off"
158
type="search"
159
class="form-control rounded"
160
placeholder='Search (ctrl + "/" to focus)'
161
style="min-width: 225px"
162
/>
163
<span class="input-group-text border-0"
164
><i class="fas fa-search"></i
165
></span>
166
</form>
167
168
<!-- Right links -->
169
<ul class="navbar-nav ms-auto d-flex flex-row">
170
<!-- Notification dropdown -->
171
<li class="nav-item dropdown">
172
<a
173
class="nav-link me-3 me-lg-0 dropdown-toggle hidden-arrow"
174
href="#"
175
id="navbarDropdownMenuLink"
176
role="button"
177
data-mdb-toggle="dropdown"
178
aria-expanded="false"
179
>
180
<i class="fas fa-bell"></i>
181
<span class="badge rounded-pill badge-notification bg-danger"
182
>1</span
183
>
184
</a>
185
<ul
186
class="dropdown-menu dropdown-menu-end"
187
aria-labelledby="navbarDropdownMenuLink"
188
>
189
<li><a class="dropdown-item" href="#">Some news</a></li>
190
<li><a class="dropdown-item" href="#">Another news</a></li>
191
<li>
192
<a class="dropdown-item" href="#">Something else here</a>
193
</li>
194
</ul>
195
</li>
196
197
<!-- Icon -->
198
<li class="nav-item">
199
<a class="nav-link me-3 me-lg-0" href="#">
200
<i class="fas fa-fill-drip"></i>
201
</a>
202
</li>
203
<!-- Icon -->
204
<li class="nav-item me-3 me-lg-0">
205
<a class="nav-link" href="#">
206
<i class="fab fa-github"></i>
207
</a>
208
</li>
209
210
<!-- Icon dropdown -->
211
<li class="nav-item dropdown">
212
<a
213
class="nav-link me-3 me-lg-0 dropdown-toggle hidden-arrow"
214
href="#"
215
id="navbarDropdown"
216
role="button"
217
data-mdb-toggle="dropdown"
218
aria-expanded="false"
219
>
220
<i class="united kingdom flag m-0"></i>
221
</a>
222
<ul
223
class="dropdown-menu dropdown-menu-end"
224
aria-labelledby="navbarDropdown"
225
>
226
<li>
227
<a class="dropdown-item"
228
><i class="united kingdom flag"></i>English
229
<i class="fa fa-check text-success ms-2"></i
230
></a>
231
</li>
232
<li><hr class="dropdown-divider" /></li>
233
<li>
234
<a class="dropdown-item"
235
><i class="poland flag"></i>Polski</a
236
>
237
</li>
238
<li>
239
<a class="dropdown-item"
240
><i class="china flag"></i>中文</a
241
>
242
</li>
243
<li>
244
<a class="dropdown-item"
245
><i class="japan flag"></i>日本語</a
246
>
247
</li>
248
<li>
249
<a class="dropdown-item"
250
><i class="germany flag"></i>Deutsch</a
251
>
252
</li>
253
<li>
254
<a class="dropdown-item"
255
><i class="france flag"></i>Français</a
256
>
257
</li>
258
<li>
259
<a class="dropdown-item"
260
><i class="spain flag"></i>Español</a
261
>
262
</li>
263
<li>
264
<a class="dropdown-item"
265
><i class="russia flag"></i>Русский</a
266
>
267
</li>
268
<li>
269
<a class="dropdown-item"
270
><i class="portugal flag"></i>Português</a
271
>
272
</li>
273
</ul>
274
</li>
275
276
<!-- Avatar -->
277
<li class="nav-item dropdown">
278
<a
279
class="nav-link dropdown-toggle hidden-arrow d-flex align-items-center"
280
href="#"
281
id="navbarDropdownMenuLink"
282
role="button"
283
data-mdb-toggle="dropdown"
284
aria-expanded="false"
285
>
286
@*<img
287
src="@avatarPreview"
288
class="rounded-circle"
289
height="22"
290
alt=""
291
loading="lazy"
292
/>*@
293
<i class="portugal flag"></i>
294
</a>
295
<ul
296
class="dropdown-menu dropdown-menu-end"
297
aria-labelledby="navbarDropdownMenuLink"
298
>
299
<li><a class="dropdown-item" asp-action="UserProfile">My Profile</a></li>
300
<li><a class="dropdown-item" asp-controller="Auth" asp-action="Logout">Logout</a></li>
301
</ul>
302
</li>
303
</ul>
304
</div>
305
<!-- Container wrapper -->
306
</nav>
307
<!-- Navbar -->
308
</header>
309
310
<main id="mainview" role="main" class="pb-3">
311
<div class="container-fluid">
312
<h1 class="h3 text-center py-5 mb-0">Home</h1>
313
@RenderBody()
314
</div>
315
316
<!--Alerts-->
317
<div
318
class="alert fade"
319
id="alert-success"
320
role="alert"
321
data-mdb-color="success"
322
data-mdb-position="top-right"
323
data-mdb-stacking="true"
324
data-mdb-width="535px"
325
data-mdb-append-to-body="true"
326
data-mdb-hidden="true"
327
data-mdb-autohide="true"
328
>
329
</div>
330
<div
331
class="alert fade"
332
id="alert-error"
333
role="alert"
334
data-mdb-color="danger"
335
data-mdb-position="top-right"
336
data-mdb-stacking="true"
337
data-mdb-width="535px"
338
data-mdb-append-to-body="true"
339
data-mdb-hidden="true"
340
data-mdb-autohide="true"
341
>
342
<strong>Error</strong> - Something went wrong!
343
</div>
344
</main>
345
346
347
<!-- Footer -->
348
<footer class="mt-5"></footer>
349
<!-- Footer -->
350
351
<!-- MDB -->
352
<script type="text/javascript" src="~/mdb/js/mdb.min.js"></script>
353
354
<!-- MDB Plugins -->
355
<script type="text/javascript" src="~/mdb/plugins/js/all.min.js"></script>
356
357
<!-- Page Script -->
358
<script>
359
(function() {
360
const sidenav = document.getElementById("sidenav-1");
361
const instance = mdb.Sidenav.getInstance(sidenav);
362
363
let innerWidth = null;
364
365
const setMode = (e) => {
366
// Check necessary for Android devices
367
if (window.innerWidth === innerWidth) {
368
return;
369
}
370
371
innerWidth = window.innerWidth;
372
373
if (window.innerWidth < 1400) {
374
instance.changeMode("over");
375
instance.hide();
376
} else {
377
instance.changeMode("over");
378
instance.show();
379
}
380
};
381
382
setMode();
383
384
// Event listeners
385
window.addEventListener("resize", setMode);
386
})();
387
</script>
388
<script type="text/javascript">
389
const slimInstance = new mdb.Sidenav(document.getElementById('sidenav-4'));
390
slimInstance.show();
391
392
document.getElementById('slim-toggler').addEventListener('click', () => {
393
slimInstance.toggleSlim();
394
})
395
</script>
396
@await RenderSectionAsync("Scripts", required: false)
397
</body>
398
</html>
1
1
1
1
Console errors: 0