forked from RiseUP/riseup-squad23
Termino da organização
This commit is contained in:
parent
edd567d66d
commit
70c4d5f6c5
@ -1,124 +0,0 @@
|
||||
<>
|
||||
{"{"}% set title = 'Account Profile' %{"}"}
|
||||
{"{"}% set filename = 'account-profile.html' %{"}"}
|
||||
{"{"}% extends 'src/layouts/master.html' %{"}"}
|
||||
{"{"}% block content %{"}"}
|
||||
<div className="page-heading">
|
||||
<div className="page-title">
|
||||
<div className="row">
|
||||
<div className="col-12 col-md-6 order-md-1 order-last">
|
||||
<h3>Account Profile</h3>
|
||||
<p className="text-subtitle text-muted">
|
||||
A page where users can change profile information
|
||||
</p>
|
||||
</div>
|
||||
<div className="col-12 col-md-6 order-md-2 order-first">
|
||||
<nav
|
||||
aria-label="breadcrumb"
|
||||
className="breadcrumb-header float-start float-lg-end"
|
||||
>
|
||||
<ol className="breadcrumb">
|
||||
<li className="breadcrumb-item">
|
||||
<a href="index.html">Dashboard</a>
|
||||
</li>
|
||||
<li className="breadcrumb-item active" aria-current="page">
|
||||
Profile
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section className="section">
|
||||
<div className="row">
|
||||
<div className="col-12 col-lg-4">
|
||||
<div className="card">
|
||||
<div className="card-body">
|
||||
<div className="d-flex justify-content-center align-items-center flex-column">
|
||||
<div className="avatar avatar-2xl">
|
||||
<img src="assets/static/images/faces/2.jpg" alt="Avatar" />
|
||||
</div>
|
||||
<h3 className="mt-3">John Doe</h3>
|
||||
<p className="text-small">Junior Software Engineer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12 col-lg-8">
|
||||
<div className="card">
|
||||
<div className="card-body">
|
||||
<form action="#" method="get">
|
||||
<div className="form-group">
|
||||
<label htmlFor="name" className="form-label">
|
||||
Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
id="name"
|
||||
className="form-control"
|
||||
placeholder="Your Name"
|
||||
defaultValue="John Doe"
|
||||
/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<label htmlFor="email" className="form-label">
|
||||
Email
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
name="email"
|
||||
id="email"
|
||||
className="form-control"
|
||||
placeholder="Your Email"
|
||||
defaultValue="john.doe@example.net"
|
||||
/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<label htmlFor="phone" className="form-label">
|
||||
Phone
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
name="phone"
|
||||
id="phone"
|
||||
className="form-control"
|
||||
placeholder="Your Phone"
|
||||
defaultValue="083xxxxxxxxx"
|
||||
/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<label htmlFor="birthday" className="form-label">
|
||||
Birthday
|
||||
</label>
|
||||
<input
|
||||
type="date"
|
||||
name="birthday"
|
||||
id="birthday"
|
||||
className="form-control"
|
||||
placeholder="Your Birthday"
|
||||
/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<label htmlFor="gender" className="form-label">
|
||||
Gender
|
||||
</label>
|
||||
<select name="gender" id="gender" className="form-control">
|
||||
<option value="male">Male</option>
|
||||
<option value="female">Female</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<button type="submit" className="btn btn-primary">
|
||||
Save Changes
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
{"{"}% endblock %{"}"}
|
||||
</>
|
||||
@ -1,161 +0,0 @@
|
||||
<>
|
||||
{"{"}% set title = 'Account Security' %{"}"}
|
||||
{"{"}% set filename = 'account-security.html' %{"}"}
|
||||
{"{"}% extends 'src/layouts/master.html' %{"}"}
|
||||
{"{"}% block content %{"}"}
|
||||
<div className="page-heading">
|
||||
<div className="page-title">
|
||||
<div className="row">
|
||||
<div className="col-12 col-md-6 order-md-1 order-last">
|
||||
<h3>Account Security</h3>
|
||||
<p className="text-subtitle text-muted">
|
||||
A page where this page can change account security settings
|
||||
</p>
|
||||
</div>
|
||||
<div className="col-12 col-md-6 order-md-2 order-first">
|
||||
<nav
|
||||
aria-label="breadcrumb"
|
||||
className="breadcrumb-header float-start float-lg-end"
|
||||
>
|
||||
<ol className="breadcrumb">
|
||||
<li className="breadcrumb-item">
|
||||
<a href="index.html">Dashboard</a>
|
||||
</li>
|
||||
<li className="breadcrumb-item active" aria-current="page">
|
||||
Security
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section className="section">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h5 className="card-title">Change Password</h5>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<form action="#" method="get">
|
||||
<div className="form-group my-2">
|
||||
<label htmlFor="current_password" className="form-label">
|
||||
Current Password
|
||||
</label>
|
||||
<input
|
||||
type="password"
|
||||
name="current_password"
|
||||
id="current_password"
|
||||
className="form-control"
|
||||
placeholder="Enter your current password"
|
||||
defaultValue="1L0V3Indonesia"
|
||||
/>
|
||||
</div>
|
||||
<div className="form-group my-2">
|
||||
<label htmlFor="password" className="form-label">
|
||||
New Password
|
||||
</label>
|
||||
<input
|
||||
type="password"
|
||||
name="password"
|
||||
id="password"
|
||||
className="form-control"
|
||||
placeholder="Enter new password"
|
||||
defaultValue=""
|
||||
/>
|
||||
</div>
|
||||
<div className="form-group my-2">
|
||||
<label htmlFor="confirm_password" className="form-label">
|
||||
Confirm Password
|
||||
</label>
|
||||
<input
|
||||
type="password"
|
||||
name="confirm_password"
|
||||
id="confirm_password"
|
||||
className="form-control"
|
||||
placeholder="Enter confirm password"
|
||||
defaultValue=""
|
||||
/>
|
||||
</div>
|
||||
<div className="form-group my-2 d-flex justify-content-end">
|
||||
<button type="submit" className="btn btn-primary">
|
||||
Save Changes
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h5 className="card-title">Two Factor Authentication</h5>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<form action="#" method="get">
|
||||
<div className="form-group my-2">
|
||||
<label htmlFor="email" className="form-label">
|
||||
Current Email
|
||||
</label>
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
id="email"
|
||||
className="form-control"
|
||||
placeholder="Enter your current email"
|
||||
defaultValue="john.doe@example.net"
|
||||
/>
|
||||
</div>
|
||||
<div className="form-group my-2 d-flex justify-content-end">
|
||||
<button type="submit" className="btn btn-primary">
|
||||
Save Changes
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h5 className="card-title">Delete Account</h5>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<form action="#" method="get">
|
||||
<p>
|
||||
Your account will be permanently deleted and cannot be
|
||||
restored, click "Touch me!" to continue
|
||||
</p>
|
||||
<div className="form-check">
|
||||
<div className="checkbox">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="iaggree"
|
||||
className="form-check-input"
|
||||
/>
|
||||
<label htmlFor="iaggree">
|
||||
Touch me! If you agree to delete permanently
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-group my-2 d-flex justify-content-end">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-danger"
|
||||
id="btn-delete-account"
|
||||
disabled=""
|
||||
>
|
||||
Delete
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
{"{"}% endblock %{"}"}
|
||||
{"{"}% block js %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
</>
|
||||
@ -1,28 +0,0 @@
|
||||
<>
|
||||
<meta charSet="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>
|
||||
{"{"}
|
||||
{"{"} title {"}"}
|
||||
{"}"} - {"{"}
|
||||
{"{"} web_title {"}"}
|
||||
{"}"}
|
||||
</title>
|
||||
<link rel="stylesheet" href="assets/scss/app.scss" />
|
||||
<link rel="stylesheet" href="assets/scss/themes/dark/app-dark.scss" />
|
||||
<link rel="stylesheet" href="assets/scss/pages/auth.scss" />
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.png"
|
||||
type="image/png"
|
||||
/>
|
||||
<div id="auth">
|
||||
{"{"}% block content %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
</div>
|
||||
</>
|
||||
@ -1,27 +0,0 @@
|
||||
<>
|
||||
<meta charSet="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>
|
||||
{"{"}
|
||||
{"{"} title {"}"}
|
||||
{"}"} - {"{"}
|
||||
{"{"} web_title {"}"}
|
||||
{"}"}
|
||||
</title>
|
||||
<link rel="stylesheet" href="assets/scss/app.scss" />
|
||||
<link rel="stylesheet" href="assets/scss/pages/error.scss" />
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.png"
|
||||
type="image/png"
|
||||
/>
|
||||
<div id="error">
|
||||
{"{"}% block content %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
</div>
|
||||
</>
|
||||
@ -1,184 +0,0 @@
|
||||
<>
|
||||
<meta charSet="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>
|
||||
{"{"}
|
||||
{"{"} title {"}"}
|
||||
{"}"} - {"{"}
|
||||
{"{"} web_title {"}"}
|
||||
{"}"}
|
||||
</title>
|
||||
{"{"}% block stylesfirst %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
<link rel="stylesheet" href="assets/scss/app.scss" />
|
||||
<link rel="stylesheet" href="assets/scss/themes/dark/app-dark.scss" />
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.png"
|
||||
type="image/png"
|
||||
/>
|
||||
{"{"}% block styles %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
<div id="app">
|
||||
<div id="main" className="layout-horizontal">
|
||||
<header className="mb-5">
|
||||
<div className="header-top">
|
||||
<div className="container">
|
||||
<div className="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/static/images/logo/logo.svg" alt="Logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div className="header-top-right">
|
||||
<div className="dropdown">
|
||||
<a
|
||||
href="#"
|
||||
id="topbarUserDropdown"
|
||||
className="user-dropdown d-flex align-items-center dropend dropdown-toggle "
|
||||
data-bs-toggle="dropdown"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<div className="avatar avatar-md2">
|
||||
<img src="assets/static/images/faces/1.jpg" alt="Avatar" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h6 className="user-dropdown-name">John Ducky</h6>
|
||||
<p className="user-dropdown-status text-sm text-muted">
|
||||
Member
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<ul
|
||||
className="dropdown-menu dropdown-menu-end shadow-lg"
|
||||
aria-labelledby="topbarUserDropdown"
|
||||
>
|
||||
<li>
|
||||
<a className="dropdown-item" href="#">
|
||||
My Account
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="dropdown-item" href="#">
|
||||
Settings
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<hr className="dropdown-divider" />
|
||||
</li>
|
||||
<li>
|
||||
<a className="dropdown-item" href="auth-login.html">
|
||||
Logout
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* Burger button responsive */}
|
||||
<a href="#" className="burger-btn d-block d-xl-none">
|
||||
<i className="bi bi-justify fs-3" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<nav className="main-navbar">
|
||||
<div className="container">
|
||||
<ul>
|
||||
{"{"}% set maxSubmenuItemY = 8 %{"}"}
|
||||
{"{"}% for menuItem in horizontalMenuItems %{"}"}
|
||||
{"{"}% if not menuItem.isTitle %{"}"}
|
||||
<li className="menu-item {{ 'active' if (menuItem.url == filename or filename|startsWith(menuItem.key)) }} {{'has-sub' if menuItem.submenu.length > 0 }}">
|
||||
<a
|
||||
href="{{menuItem.url if menuItem.url!==undefined else '#'}}"
|
||||
className="menu-link"
|
||||
>
|
||||
<span>
|
||||
<i className="bi bi-{{ menuItem.icon }}" /> {"{"}
|
||||
{"{"}menuItem.name{"}"}
|
||||
{"}"}
|
||||
</span>
|
||||
</a>
|
||||
{"{"}% if menuItem.submenu.length > 0 %{"}"}
|
||||
<div className="submenu {{ 'active' if (sub.url and sub.url == filename or filename|startsWith(sidebarItem.key)) }}">
|
||||
{/* Wrap to submenu-group-wrapper if you want 3-level submenu. Otherwise remove it. */}
|
||||
<div className="submenu-group-wrapper">
|
||||
{"{"}% for sub in menuItem.submenu %{"}"}
|
||||
{"{"}% if loop.index % maxSubmenuItemY == 1 %{"}"}
|
||||
<ul className="submenu-group">
|
||||
{"{"}% endif %{"}"}
|
||||
<li className="submenu-item {{ 'active' if sub.url == filename }} {{'has-sub' if sub.submenu.length > 0 }}">
|
||||
<a
|
||||
href="{{sub.url if sub.url!==undefined else '#'}}"
|
||||
className="submenu-link"
|
||||
>
|
||||
{"{"}
|
||||
{"{"} sub.name {"}"}
|
||||
{"}"}
|
||||
</a>
|
||||
{"{"}% if sub.submenu.length > 0 %{"}"}
|
||||
{/* 3 Level Submenu */}
|
||||
<ul className="subsubmenu">
|
||||
{"{"}% for subsub in sub.submenu %{"}"}
|
||||
<li className="subsubmenu-item ">
|
||||
<a
|
||||
href="{{ subsub.url }}"
|
||||
className="subsubmenu-link"
|
||||
>
|
||||
{"{"}
|
||||
{"{"}
|
||||
subsub.name {"}"}
|
||||
{"}"}
|
||||
</a>
|
||||
</li>
|
||||
{"{"}% endfor %{"}"}
|
||||
</ul>
|
||||
{"{"}% endif %{"}"}
|
||||
</li>
|
||||
{"{"}% if (loop.index % maxSubmenuItemY == 0) or
|
||||
(loop.last) %{"}"}
|
||||
</ul>
|
||||
{"{"}% endif %{"}"}
|
||||
{"{"}% endfor %{"}"}
|
||||
</div>
|
||||
</div>
|
||||
{"{"}% endif %{"}"}
|
||||
</li>
|
||||
{"{"}% endif %{"}"}
|
||||
{"{"}% endfor %{"}"}
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div className="content-wrapper container">
|
||||
{"{"}% block content %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
</div>
|
||||
<footer>
|
||||
<div className="container">
|
||||
<div className="footer clearfix mb-0 text-muted">
|
||||
<div className="float-start">
|
||||
<p>2023 © Mazer</p>
|
||||
</div>
|
||||
<div className="float-end">
|
||||
<p>
|
||||
Crafted with{" "}
|
||||
<span className="text-danger">
|
||||
<i className="bi bi-heart" />
|
||||
</span>{" "}
|
||||
by <a href="https://saugi.me">Saugi</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
{"{"}% if isDev %{"}"}
|
||||
{"{"}% else %{"}"}
|
||||
{"{"}% endif %{"}"}
|
||||
{"{"}% block js %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
</>
|
||||
@ -1,47 +0,0 @@
|
||||
<>
|
||||
<meta charSet="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>
|
||||
{"{"}
|
||||
{"{"} title {"}"}
|
||||
{"}"} - {"{"}
|
||||
{"{"} web_title {"}"}
|
||||
{"}"}
|
||||
</title>
|
||||
{"{"}% block stylesfirst %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
<link rel="stylesheet" href="assets/scss/app.scss" />
|
||||
<link rel="stylesheet" href="assets/scss/themes/dark/app-dark.scss" />
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.png"
|
||||
type="image/png"
|
||||
/>
|
||||
{"{"}% block styles %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
<div id="app">
|
||||
<div id="sidebar">
|
||||
{"{"}% include "src/layouts/sidebar.html" %{"}"}
|
||||
</div>
|
||||
<div id="main">
|
||||
<header className="mb-3">
|
||||
<a href="#" className="burger-btn d-block d-xl-none">
|
||||
<i className="bi bi-justify fs-3" />
|
||||
</a>
|
||||
</header>
|
||||
{"{"}% block content %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
{"{"}% include '../partials/footer.html' %{"}"}
|
||||
</div>
|
||||
</div>
|
||||
{"{"}% if isDev %{"}"}
|
||||
{"{"}% else %{"}"}
|
||||
{"{"}% endif %{"}"}
|
||||
{"{"}% block js %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
</>
|
||||
@ -1,47 +0,0 @@
|
||||
<>
|
||||
<meta charSet="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>
|
||||
{"{"}
|
||||
{"{"} title {"}"}
|
||||
{"}"} - {"{"}
|
||||
{"{"} web_title {"}"}
|
||||
{"}"}
|
||||
</title>
|
||||
{"{"}% block stylesfirst %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
<link rel="stylesheet" href="assets/compiled/css/app.rtl.css" />
|
||||
<link rel="stylesheet" href="assets/compiled/css/app-dark.rtl.css" />
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.png"
|
||||
type="image/png"
|
||||
/>
|
||||
{"{"}% block styles %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
<div id="app">
|
||||
<div id="sidebar">
|
||||
{"{"}% include "src/layouts/sidebar.html" %{"}"}
|
||||
</div>
|
||||
<div id="main">
|
||||
<header className="mb-3">
|
||||
<a href="#" className="burger-btn d-block d-xl-none">
|
||||
<i className="bi bi-justify fs-3" />
|
||||
</a>
|
||||
</header>
|
||||
{"{"}% block content %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
{"{"}% include '../partials/footer.html' %{"}"}
|
||||
</div>
|
||||
</div>
|
||||
{"{"}% if isDev %{"}"}
|
||||
{"{"}% else %{"}"}
|
||||
{"{"}% endif %{"}"}
|
||||
{"{"}% block js %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
</>
|
||||
@ -1,125 +0,0 @@
|
||||
<div className="sidebar-wrapper active">
|
||||
<div className="sidebar-header position-relative">
|
||||
<div className="d-flex justify-content-between align-items-center">
|
||||
<div className="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/static/images/logo/logo.svg" alt="Logo" srcSet="" />
|
||||
</a>
|
||||
</div>
|
||||
<div className="theme-toggle d-flex gap-2 align-items-center mt-2">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
aria-hidden="true"
|
||||
role="img"
|
||||
className="iconify iconify--system-uicons"
|
||||
width={20}
|
||||
height={20}
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
viewBox="0 0 21 21"
|
||||
>
|
||||
<g
|
||||
fill="none"
|
||||
fillRule="evenodd"
|
||||
stroke="currentColor"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
>
|
||||
<path
|
||||
d="M10.5 14.5c2.219 0 4-1.763 4-3.982a4.003 4.003 0 0 0-4-4.018c-2.219 0-4 1.781-4 4c0 2.219 1.781 4 4 4zM4.136 4.136L5.55 5.55m9.9 9.9l1.414 1.414M1.5 10.5h2m14 0h2M4.135 16.863L5.55 15.45m9.899-9.9l1.414-1.415M10.5 19.5v-2m0-14v-2"
|
||||
opacity=".3"
|
||||
/>
|
||||
<g transform="translate(-210 -1)">
|
||||
<path d="M220.5 2.5v2m6.5.5l-1.5 1.5" />
|
||||
<circle cx="220.5" cy="11.5" r={4} />
|
||||
<path d="m214 5l1.5 1.5m5 14v-2m6.5-.5l-1.5-1.5M214 18l1.5-1.5m-4-5h2m14 0h2" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<div className="form-check form-switch fs-6">
|
||||
<input
|
||||
className="form-check-input me-0"
|
||||
type="checkbox"
|
||||
id="toggle-dark"
|
||||
style={{ cursor: "pointer" }}
|
||||
/>
|
||||
<label className="form-check-label" />
|
||||
</div>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
aria-hidden="true"
|
||||
role="img"
|
||||
className="iconify iconify--mdi"
|
||||
width={20}
|
||||
height={20}
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
viewBox="0 0 24 24"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="m17.75 4.09l-2.53 1.94l.91 3.06l-2.63-1.81l-2.63 1.81l.91-3.06l-2.53-1.94L12.44 4l1.06-3l1.06 3l3.19.09m3.5 6.91l-1.64 1.25l.59 1.98l-1.7-1.17l-1.7 1.17l.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95l2.06.05m-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85c-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14c.4-.4.82-.76 1.27-1.08c.75-.53 1.93.36 1.85 1.19c-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82c-2.81 3.14-2.7 7.96.31 10.98c3.02 3.01 7.84 3.12 10.98.31Z"
|
||||
></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="sidebar-toggler x">
|
||||
<a href="#" className="sidebar-hide d-xl-none d-block">
|
||||
<i className="bi bi-x bi-middle" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="sidebar-menu">
|
||||
<ul className="menu">
|
||||
{"{"}% for sidebarItem in sidebarItems %{"}"}
|
||||
{"{"}% if sidebarItem.isTitle %{"}"}
|
||||
<li className="sidebar-title">
|
||||
{"{"}
|
||||
{"{"}sidebarItem.name{"}"}
|
||||
{"}"}
|
||||
</li>
|
||||
{"{"}% else %{"}"}
|
||||
<li className="sidebar-item {{ 'active' if (sidebarItem.url == filename or filename|startsWith(sidebarItem.key)) }} {{'has-sub' if sidebarItem.submenu.length > 0 }}">
|
||||
<a
|
||||
href="{{sidebarItem.url if sidebarItem.url!==undefined else '#'}}"
|
||||
className="sidebar-link"
|
||||
>
|
||||
<i className="bi bi-{{ sidebarItem.icon }}" />
|
||||
<span>
|
||||
{"{"}
|
||||
{"{"}sidebarItem.name{"}"}
|
||||
{"}"}
|
||||
</span>
|
||||
</a>
|
||||
{"{"}% if sidebarItem.submenu.length > 0 %{"}"}
|
||||
<ul className="submenu {{ 'active' if (sub.url == filename or filename|startsWith(sidebarItem.key)) }}">
|
||||
{"{"}% for sub in sidebarItem.submenu %{"}"}
|
||||
<li className="submenu-item {{ 'active' if sub.url == filename or filename|startsWith(sub.key) }} {{'has-sub' if sub.submenu.length > 0 }}">
|
||||
<a href="{{ sub.url }}" className="submenu-link">
|
||||
{"{"}
|
||||
{"{"} sub.name {"}"}
|
||||
{"}"}
|
||||
</a>
|
||||
{"{"}% if sub.submenu.length > 0 %{"}"}
|
||||
<ul className="submenu submenu-level-2 ">
|
||||
{"{"}% for subsub in sub.submenu %{"}"}
|
||||
<li className="submenu-item {{ 'active' if subsub.url == filename }}">
|
||||
<a href="{{ subsub.url }}" className="submenu-link">
|
||||
{"{"}
|
||||
{"{"} subsub.name {"}"}
|
||||
{"}"}
|
||||
</a>
|
||||
</li>
|
||||
{"{"}% endfor %{"}"}
|
||||
</ul>
|
||||
{"{"}% endif %{"}"}
|
||||
</li>
|
||||
{"{"}% endfor %{"}"}
|
||||
</ul>
|
||||
{"{"}% endif %{"}"}
|
||||
</li>
|
||||
{"{"}% endif %{"}"}
|
||||
{"{"}% endfor %{"}"}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,32 +0,0 @@
|
||||
<>
|
||||
<meta charSet="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Layout Vertical 1 Column - Mazer</title>
|
||||
<link rel="stylesheet" href="assets/scss/app.scss" />
|
||||
<link rel="stylesheet" href="assets/scss/themes/dark/app-dark.scss" />
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.png"
|
||||
type="image/png"
|
||||
/>
|
||||
<nav className="navbar navbar-light">
|
||||
<div className="container d-block">
|
||||
<a href="index.html">
|
||||
<i className="bi bi-chevron-left" />
|
||||
</a>
|
||||
<a className="navbar-brand ms-4" href="index.html">
|
||||
<img src="assets/static/images/logo/logo.svg" />
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
{"{"}% block content %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
{"{"}% if isDev %{"}"}
|
||||
{"{"}% else %{"}"}
|
||||
{"{"}% endif %{"}"}
|
||||
</>
|
||||
@ -1,203 +0,0 @@
|
||||
<>
|
||||
<meta charSet="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>
|
||||
{"{"}
|
||||
{"{"} title {"}"}
|
||||
{"}"} - {"{"}
|
||||
{"{"} web_title {"}"}
|
||||
{"}"}
|
||||
</title>
|
||||
{"{"}% block stylesfirst %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
<link rel="stylesheet" href="assets/scss/app.scss" />
|
||||
<link rel="stylesheet" href="assets/scss/themes/dark/app-dark.scss" />
|
||||
{"{"}% block styles %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="assets/static/images/logo/favicon.png"
|
||||
type="image/png"
|
||||
/>
|
||||
<div id="app">
|
||||
<div id="sidebar">
|
||||
{"{"}% include "src/layouts/sidebar.html" %{"}"}
|
||||
</div>
|
||||
<div id="main" className="layout-navbar navbar-fixed">
|
||||
<header>
|
||||
<nav className="navbar navbar-expand navbar-light navbar-top">
|
||||
<div className="container-fluid">
|
||||
<a href="#" className="burger-btn d-block">
|
||||
<i className="bi bi-justify fs-3" />
|
||||
</a>
|
||||
<button
|
||||
className="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarSupportedContent"
|
||||
aria-controls="navbarSupportedContent"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span className="navbar-toggler-icon" />
|
||||
</button>
|
||||
<div
|
||||
className="collapse navbar-collapse"
|
||||
id="navbarSupportedContent"
|
||||
>
|
||||
<ul className="navbar-nav ms-auto mb-lg-0">
|
||||
<li className="nav-item dropdown me-1">
|
||||
<a
|
||||
className="nav-link active dropdown-toggle text-gray-600"
|
||||
href="#"
|
||||
data-bs-toggle="dropdown"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<i className="bi bi-envelope bi-sub fs-4" />
|
||||
</a>
|
||||
<ul
|
||||
className="dropdown-menu dropdown-menu-lg-end"
|
||||
aria-labelledby="dropdownMenuButton"
|
||||
>
|
||||
<li>
|
||||
<h6 className="dropdown-header">Mail</h6>
|
||||
</li>
|
||||
<li>
|
||||
<a className="dropdown-item" href="#">
|
||||
No new mail
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li className="nav-item dropdown me-3">
|
||||
<a
|
||||
className="nav-link active dropdown-toggle text-gray-600"
|
||||
href="#"
|
||||
data-bs-toggle="dropdown"
|
||||
data-bs-display="static"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<i className="bi bi-bell bi-sub fs-4" />
|
||||
<span className="badge badge-notification bg-danger">
|
||||
7
|
||||
</span>
|
||||
</a>
|
||||
<ul
|
||||
className="dropdown-menu dropdown-center dropdown-menu-sm-end notification-dropdown"
|
||||
aria-labelledby="dropdownMenuButton"
|
||||
>
|
||||
<li className="dropdown-header">
|
||||
<h6>Notifications</h6>
|
||||
</li>
|
||||
<li className="dropdown-item notification-item">
|
||||
<a className="d-flex align-items-center" href="#">
|
||||
<div className="notification-icon bg-primary">
|
||||
<i className="bi bi-cart-check" />
|
||||
</div>
|
||||
<div className="notification-text ms-4">
|
||||
<p className="notification-title font-bold">
|
||||
Successfully check out
|
||||
</p>
|
||||
<p className="notification-subtitle font-thin text-sm">
|
||||
Order ID #256
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li className="dropdown-item notification-item">
|
||||
<a className="d-flex align-items-center" href="#">
|
||||
<div className="notification-icon bg-success">
|
||||
<i className="bi bi-file-earmark-check" />
|
||||
</div>
|
||||
<div className="notification-text ms-4">
|
||||
<p className="notification-title font-bold">
|
||||
Homework submitted
|
||||
</p>
|
||||
<p className="notification-subtitle font-thin text-sm">
|
||||
Algebra math homework
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<p className="text-center py-2 mb-0">
|
||||
<a href="#">See all notification</a>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="dropdown">
|
||||
<a href="#" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<div className="user-menu d-flex">
|
||||
<div className="user-name text-end me-3">
|
||||
<h6 className="mb-0 text-gray-600">John Ducky</h6>
|
||||
<p className="mb-0 text-sm text-gray-600">
|
||||
Administrator
|
||||
</p>
|
||||
</div>
|
||||
<div className="user-img d-flex align-items-center">
|
||||
<div className="avatar avatar-md">
|
||||
<img src="assets/static/images/faces/1.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<ul
|
||||
className="dropdown-menu dropdown-menu-end"
|
||||
aria-labelledby="dropdownMenuButton"
|
||||
style={{ minWidth: "11rem" }}
|
||||
>
|
||||
<li>
|
||||
<h6 className="dropdown-header">Hello, John!</h6>
|
||||
</li>
|
||||
<li>
|
||||
<a className="dropdown-item" href="#">
|
||||
<i className="icon-mid bi bi-person me-2" /> My Profile
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="dropdown-item" href="#">
|
||||
<i className="icon-mid bi bi-gear me-2" />
|
||||
Settings
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="dropdown-item" href="#">
|
||||
<i className="icon-mid bi bi-wallet me-2" />
|
||||
Wallet
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<hr className="dropdown-divider" />
|
||||
</li>
|
||||
<li>
|
||||
<a className="dropdown-item" href="#">
|
||||
<i className="icon-mid bi bi-box-arrow-left me-2" />{" "}
|
||||
Logout
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="main-content">
|
||||
{"{"}% block content %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
</div>
|
||||
{"{"}% include '../partials/footer.html' %{"}"}
|
||||
</div>
|
||||
</div>
|
||||
{"{"}% if isDev %{"}"}
|
||||
{"{"}% else %{"}"}
|
||||
{"{"}% endif %{"}"}
|
||||
{"{"}% block js %{"}"}
|
||||
{"{"}% endblock %{"}"}
|
||||
</>
|
||||
@ -1,16 +0,0 @@
|
||||
<footer>
|
||||
<div className="footer clearfix mb-0 text-muted">
|
||||
<div className="float-start">
|
||||
<p>2023 © Mazer</p>
|
||||
</div>
|
||||
<div className="float-end">
|
||||
<p>
|
||||
Crafted with{" "}
|
||||
<span className="text-danger">
|
||||
<i className="bi bi-heart-fill icon-mid" />
|
||||
</span>
|
||||
by <a href="https://saugi.me">Saugi</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
Loading…
x
Reference in New Issue
Block a user