108 lines
4.1 KiB
HTML
108 lines
4.1 KiB
HTML
<!doctype html>
|
|
<!--Tabler - version 1.0.0-beta20 - Copyright 2018-2023 The Tabler Authors - Copyright 2018-2023 codecalm.net Paweł Kuna - Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)-->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
|
<title>Account - DweebUI</title>
|
|
<link href="/css/tabler.min.css?1692870487" rel="stylesheet"/>
|
|
<link href="/css/demo.min.css?1692870487" rel="stylesheet"/>
|
|
<link href="/css/dweebui.css" rel="stylesheet"/>
|
|
</head>
|
|
<body >
|
|
<div class="page">
|
|
|
|
<!-- EJS -->
|
|
<%- navbar %>
|
|
|
|
<div class="page-wrapper">
|
|
|
|
<!-- Page body -->
|
|
<div class="page-body">
|
|
<div class="container-xl">
|
|
<div class="card">
|
|
<div class="row g-0">
|
|
|
|
<!-- EJS -->
|
|
<%- sidebar %>
|
|
|
|
<div class="col-12 col-md-9 d-flex flex-column">
|
|
<div class="card-body">
|
|
<h1 class="mb-4">My Account</h1>
|
|
<h3 class="card-title">Profile Details</h3>
|
|
<div class="row align-items-center">
|
|
<div class="col-auto"><span class="avatar avatar-xl bg-green-lt">A</span>
|
|
</div>
|
|
<div class="col-auto"><a href="#" class="btn">
|
|
Change avatar
|
|
</a></div>
|
|
<div class="col-auto"><a href="#" class="btn btn-ghost-danger">
|
|
Delete avatar
|
|
</a></div>
|
|
</div>
|
|
<h3 class="card-title mt-4"> </h3>
|
|
<div class="row g-3">
|
|
<div class="col-md">
|
|
<div class="form-label">Name</div>
|
|
<input type="text" class="form-control" value="<%= name %>">
|
|
</div>
|
|
<div class="col-md">
|
|
<div class="form-label">Username</div>
|
|
<input type="text" class="form-control" value="<%= username %>">
|
|
</div>
|
|
<div class="col-md">
|
|
<div class="form-label">Role</div>
|
|
<input type="text" class="form-control" value="<%= role %>">
|
|
</div>
|
|
</div>
|
|
<h3 class="card-title mt-4">Email</h3>
|
|
<p class="card-subtitle"> </p>
|
|
<div>
|
|
<div class="row g-2">
|
|
<div class="col-auto">
|
|
<input type="text" class="form-control w-auto" value="<%= email %>">
|
|
</div>
|
|
<div class="col-auto"><a href="#" class="btn">
|
|
Change
|
|
</a></div>
|
|
</div>
|
|
</div>
|
|
<h3 class="card-title mt-4">Password</h3>
|
|
<p class="card-subtitle"> </p>
|
|
<div>
|
|
<a href="#" class="btn">
|
|
Set new password
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="card-footer bg-transparent mt-auto">
|
|
<div class="btn-list justify-content-end">
|
|
<a href="#" class="btn">
|
|
Cancel
|
|
</a>
|
|
<a href="#" class="btn btn-primary">
|
|
Submit
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- EJS -->
|
|
<%- footer %>
|
|
|
|
</div>
|
|
</div>
|
|
<script src="/js/dweebui.js" defer></script>
|
|
<script src="/js/htmx.min.js"></script>
|
|
|
|
<!-- Tabler Core -->
|
|
<script src="/js/tabler.min.js?1692870487" defer></script>
|
|
<script src="/js/demo.min.js?1692870487" defer></script>
|
|
</body>
|
|
</html> |