145 lines
No EOL
5.6 KiB
Text
145 lines
No EOL
5.6 KiB
Text
<!doctype html>
|
|
<!--
|
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
|
* @version 1.0.0-beta19
|
|
* @link https://tabler.io
|
|
* 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>Settings</title>
|
|
<!-- CSS files -->
|
|
<link href="./css/tabler.min.css?1684106062" rel="stylesheet"/>
|
|
<link href="./css/demo.min.css?1684106062" rel="stylesheet"/>
|
|
<style>
|
|
@import url('https://rsms.me/inter/inter.css');
|
|
:root {
|
|
--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
|
|
}
|
|
body {
|
|
font-feature-settings: "cv03", "cv04", "cv11";
|
|
}
|
|
</style>
|
|
</head>
|
|
<body >
|
|
<script src="./js/demo-theme.min.js?1684106062"></script>
|
|
<div class="page">
|
|
<!-- Navbar -->
|
|
<%- include('../partials/navbar.ejs') %>
|
|
<div class="page-wrapper">
|
|
<!-- Page header -->
|
|
<div class="page-header d-print-none">
|
|
<div class="container-xl">
|
|
<div class="row g-2 align-items-center">
|
|
<div class="col">
|
|
<h2 class="page-title">
|
|
Account Settings
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Page body -->
|
|
<div class="page-body">
|
|
<div class="container-xl">
|
|
<div class="card">
|
|
<div class="row g-0">
|
|
<div class="col-3 d-none d-md-block border-end">
|
|
<div class="card-body">
|
|
<h4 class="subheader">Business settings</h4>
|
|
<div class="list-group list-group-transparent">
|
|
<a href="/account" class="list-group-item list-group-item-action d-flex align-items-center">Account</a>
|
|
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">My Notifications</a>
|
|
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">Connected Apps</a>
|
|
<a href="/settings" class="list-group-item list-group-item-action d-flex align-items-center active">Settings</a>
|
|
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">Billing & Invoices</a>
|
|
</div>
|
|
<h4 class="subheader mt-4">Experience</h4>
|
|
<div class="list-group list-group-transparent">
|
|
<a href="#" class="list-group-item list-group-item-action">Credits</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col d-flex flex-column">
|
|
|
|
<div class="card-body">
|
|
<h2 class="mb-2">Settings</h2>
|
|
<p class="text-muted mb-4">Configure server below</p>
|
|
|
|
<div class="row align-items-center">
|
|
<div class="col">
|
|
<a href="./QuickConnect.bat" class="btn" download="QuickConnect.bat">
|
|
<!-- Download SVG icon from https://tabler-icons.io/i/brand-tabler-->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-windows" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path d="M17.8 20l-12 -1.5c-1 -.1 -1.8 -.9 -1.8 -1.9v-9.2c0 -1 .8 -1.8 1.8 -1.9l12 -1.5c1.2 -.1 2.2 .8 2.2 1.9v12.1c0 1.2 -1.1 2.1 -2.2 1.9z"></path> <path d="M12 5l0 14"></path> <path d="M4 12l16 0"></path> </svg>
|
|
Windows QuickConnect
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-4">
|
|
<div class="col-md">
|
|
<div class="form-label">Full Name</div>
|
|
<input type="text" class="form-control" value="" readonly="">
|
|
</div>
|
|
<div class="col-md">
|
|
<div class="form-label">First Name</div>
|
|
<input type="text" class="form-control" value="" readonly="">
|
|
</div>
|
|
<div class="col-md">
|
|
<div class="form-label">Last Name</div>
|
|
<input type="text" class="form-control" value="" readonly="">
|
|
</div>
|
|
</div>
|
|
<h3 class="card-title mt-4">Email</h3>
|
|
<p class="card-subtitle">This contact will be shown to others publicly, so choose it carefully.</p>
|
|
<div>
|
|
<div class="row g-2">
|
|
<div class="col-auto">
|
|
<input type="text" class="form-control w-auto" value="" readonly="">
|
|
</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">You can set a permanent password if you don't want to use temporary login codes.</p>
|
|
<div>
|
|
<a href="#" class="btn">
|
|
Set new password
|
|
</a>
|
|
</div>
|
|
<h3 class="card-title mt-4">Public profile</h3>
|
|
<p class="card-subtitle">Making your profile public means that anyone on the Dashkit network will be able to find
|
|
you.</p>
|
|
<div>
|
|
<label class="form-check form-switch form-switch-lg">
|
|
<input class="form-check-input" type="checkbox" >
|
|
<span class="form-check-label form-check-label-on">You're currently visible</span>
|
|
<span class="form-check-label form-check-label-off">You're
|
|
currently invisible</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%- include('../partials/footer.ejs') %>
|
|
</div>
|
|
</div>
|
|
<!-- Libs JS -->
|
|
<!-- Tabler Core -->
|
|
<script src="./js/tabler.min.js?1684106062" defer></script>
|
|
<script src="./js/demo.min.js?1684106062" defer></script>
|
|
</body>
|
|
</html> |