mirror of https://github.com/ColorlibHQ/AdminLTE
improve html
parent
8d562739ff
commit
e65a8df0f7
|
@ -21,14 +21,26 @@
|
|||
"path": "."
|
||||
})
|
||||
<!-- Main content -->
|
||||
<div class="content-wrapper">
|
||||
@@include('./dashboard/_content-header.html', {
|
||||
"header_name": "Dashboard"
|
||||
})
|
||||
<main class="content-wrapper">
|
||||
<div class="content-header">
|
||||
<div class="container-fluid">
|
||||
<section class="row mb-2">
|
||||
<div class="col-sm-6">
|
||||
<div class="fs-3">Dashboard</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Dashboard</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="container-fluid">
|
||||
<!-- Small boxes (Stat box) -->
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-lg-3 col-6">
|
||||
<!-- small box -->
|
||||
<div class="small-box bg-primary">
|
||||
|
@ -89,10 +101,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- ./col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
<!-- Main row -->
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<!-- Start col -->
|
||||
<section class="col-lg-7">
|
||||
<!-- Custom tabs (Charts with tabs)-->
|
||||
|
@ -331,11 +343,11 @@
|
|||
<!--/.direct-chat -->
|
||||
</section>
|
||||
<!-- /.Start col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row (main row) -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- /.content-wrapper -->
|
||||
|
||||
@@include('./dashboard/_footer.html', {
|
||||
|
|
|
@ -20,14 +20,26 @@
|
|||
"path": "."
|
||||
})
|
||||
<!-- Main content -->
|
||||
<div class="content-wrapper">
|
||||
@@include('./dashboard/_content-header.html', {
|
||||
"header_name": "Dashboard v2"
|
||||
})
|
||||
<main class="content-wrapper">
|
||||
<div class="content-header">
|
||||
<div class="container-fluid">
|
||||
<section class="row mb-2">
|
||||
<div class="col-sm-6">
|
||||
<div class="fs-3">Dashboard v2</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Dashboard v2</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="container-fluid">
|
||||
<!-- Info boxes -->
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-12 col-sm-6 col-md-3">
|
||||
<div class="info-box">
|
||||
<span class="info-box-icon bg-primary shadow-sm"><i class="fas fa-cog"></i></span>
|
||||
|
@ -87,10 +99,10 @@
|
|||
<!-- /.info-box -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
|
@ -119,7 +131,7 @@
|
|||
</div>
|
||||
<!-- /.card-header -->
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-md-8">
|
||||
<p class="text-center">
|
||||
<strong>Sales: 1 Jan, 2014 - 30 Jul, 2014</strong>
|
||||
|
@ -174,12 +186,12 @@
|
|||
<!-- /.progress-group -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- ./card-body -->
|
||||
<div class="card-footer">
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-sm-3 col-6">
|
||||
<div class="description-block border-end">
|
||||
<span class="description-percentage text-success"><i class="fas fa-caret-up"></i> 17%</span>
|
||||
|
@ -215,7 +227,7 @@
|
|||
</div>
|
||||
<!-- /.description-block -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.card-footer -->
|
||||
|
@ -223,14 +235,14 @@
|
|||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
|
||||
<!-- Main row -->
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<!-- Start col -->
|
||||
<div class="col-md-8">
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- DIRECT CHAT -->
|
||||
<div class="card direct-chat direct-chat-warning">
|
||||
|
@ -507,7 +519,7 @@
|
|||
<!--/.card -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
|
||||
<!-- TABLE: LATEST ORDERS -->
|
||||
|
@ -667,7 +679,7 @@
|
|||
</div>
|
||||
<!-- /.card-header -->
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="chart-responsive">
|
||||
<canvas id="pieChart" height="150"></canvas>
|
||||
|
@ -686,7 +698,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.card-body -->
|
||||
|
@ -741,7 +753,7 @@
|
|||
<ul class="products-list product-list-in-card ps-2 pe-2">
|
||||
<li class="item">
|
||||
<div class="product-img">
|
||||
<img src="./assets/img/user3-128x128.jpg " alt="Product Image" class="img-size-50">
|
||||
<img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<a href="javascript:void(0)" class="product-title">Samsung TV
|
||||
|
@ -754,7 +766,7 @@
|
|||
<!-- /.item -->
|
||||
<li class="item">
|
||||
<div class="product-img">
|
||||
<img src="./assets/img/user3-128x128.jpg " alt="Product Image" class="img-size-50">
|
||||
<img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<a href="javascript:void(0)" class="product-title">Bicycle
|
||||
|
@ -767,7 +779,7 @@
|
|||
<!-- /.item -->
|
||||
<li class="item">
|
||||
<div class="product-img">
|
||||
<img src="./assets/img/user3-128x128.jpg " alt="Product Image" class="img-size-50">
|
||||
<img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<a href="javascript:void(0)" class="product-title">
|
||||
|
@ -783,7 +795,7 @@
|
|||
<!-- /.item -->
|
||||
<li class="item">
|
||||
<div class="product-img">
|
||||
<img src="./assets/img/user3-128x128.jpg " alt="Product Image" class="img-size-50">
|
||||
<img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<a href="javascript:void(0)" class="product-title">PlayStation 4
|
||||
|
@ -805,11 +817,11 @@
|
|||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- /.content-wrapper -->
|
||||
|
||||
@@include('./dashboard/_footer.html', {
|
||||
|
|
|
@ -21,13 +21,25 @@
|
|||
"path": "."
|
||||
})
|
||||
<!-- Main content -->
|
||||
<div class="content-wrapper">
|
||||
@@include('./dashboard/_content-header.html', {
|
||||
"header_name": "Dashboard v3"
|
||||
})
|
||||
<main class="content-wrapper">
|
||||
<div class="content-header">
|
||||
<div class="container-fluid">
|
||||
<section class="row mb-2">
|
||||
<div class="col-sm-6">
|
||||
<div class="fs-3">Dashboard v3</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Dashboard v3</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="card">
|
||||
<div class="card-header border-0">
|
||||
|
@ -268,11 +280,11 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- /.col-md-6 -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- /.content-wrapper -->
|
||||
|
||||
@@include('./dashboard/_footer.html', {
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
<span class="fas fa-lock"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-8">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||
|
@ -48,7 +48,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
</form>
|
||||
|
||||
<div class="social-auth-links text-center mb-3 d-grid gap-2">
|
||||
|
|
|
@ -20,14 +20,26 @@
|
|||
"path": "../.."
|
||||
})
|
||||
<!-- Main content -->
|
||||
<div class="content-wrapper">
|
||||
@@include('./dashboard/_content-header.html', {
|
||||
"header_name": "General Form"
|
||||
})
|
||||
<main class="content-wrapper">
|
||||
<div class="content-header">
|
||||
<div class="container-fluid">
|
||||
<section class="row mb-2">
|
||||
<div class="col-sm-6">
|
||||
<div class="fs-3">General Form</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">General Form</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Main content -->
|
||||
<div class="content">
|
||||
<div class="container-fluid">
|
||||
<div class="row g-4">
|
||||
<section class="row g-4">
|
||||
<!-- Start column -->
|
||||
<div class="col-md-6">
|
||||
<!-- general form elements -->
|
||||
|
@ -64,12 +76,12 @@
|
|||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</div>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
</main>
|
||||
<!-- /.content-wrapper -->
|
||||
|
||||
@@include('./dashboard/_footer.html', {
|
||||
|
|
|
@ -20,14 +20,26 @@
|
|||
"path": "../.."
|
||||
})
|
||||
<!-- Main content -->
|
||||
<div class="content-wrapper">
|
||||
@@include('./dashboard/_content-header.html', {
|
||||
"header_name": "Fixed Layout"
|
||||
})
|
||||
<main class="content-wrapper">
|
||||
<div class="content-header">
|
||||
<div class="container-fluid">
|
||||
<section class="row mb-2">
|
||||
<div class="col-sm-6">
|
||||
<div class="fs-3">Fixed Layout</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Fixed Layout</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Main content -->
|
||||
<div class="content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-12">
|
||||
<!-- Default box -->
|
||||
<div class="card">
|
||||
|
@ -54,12 +66,12 @@
|
|||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</div>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
</main>
|
||||
<!-- /.content-wrapper -->
|
||||
|
||||
@@include('./dashboard/_footer.html', {
|
||||
|
|
|
@ -20,14 +20,26 @@
|
|||
"path": "../.."
|
||||
})
|
||||
<!-- Main content -->
|
||||
<div class="content-wrapper">
|
||||
@@include('./dashboard/_content-header.html', {
|
||||
"header_name": "Simple Tables"
|
||||
})
|
||||
<main class="content-wrapper">
|
||||
<div class="content-header">
|
||||
<div class="container-fluid">
|
||||
<section class="row mb-2">
|
||||
<div class="col-sm-6">
|
||||
<div class="fs-3">Simple Tables</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Simple Tables</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Main content -->
|
||||
<div class="content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
|
@ -303,12 +315,12 @@
|
|||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</div>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
</main>
|
||||
<!-- /.content-wrapper -->
|
||||
|
||||
@@include('./dashboard/_footer.html', {
|
||||
|
|
|
@ -20,16 +20,28 @@
|
|||
"path": "../.."
|
||||
})
|
||||
<!-- Main content -->
|
||||
<div class="content-wrapper">
|
||||
@@include('./dashboard/_content-header.html', {
|
||||
"header_name": "Widgets - Cards"
|
||||
})
|
||||
<main class="content-wrapper">
|
||||
<div class="content-header">
|
||||
<div class="container-fluid">
|
||||
<section class="row mb-2">
|
||||
<div class="col-sm-6">
|
||||
<div class="fs-3">Cards</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Cards</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Main content -->
|
||||
<div class="content">
|
||||
<div class="container-fluid">
|
||||
<h4 class="mb-2 mt-4">Cards</h4>
|
||||
<h5 class="mb-2">Abilities</h5>
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="card card-primary collapsed-card">
|
||||
<div class="card-header">
|
||||
|
@ -110,12 +122,12 @@
|
|||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</div>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
</main>
|
||||
<!-- /.content-wrapper -->
|
||||
|
||||
@@include('./dashboard/_footer.html', {
|
||||
|
|
|
@ -21,15 +21,27 @@
|
|||
"path": "../.."
|
||||
})
|
||||
<!-- Main content -->
|
||||
<div class="content-wrapper">
|
||||
@@include('./dashboard/_content-header.html', {
|
||||
"header_name": "Widgets - Info Box"
|
||||
})
|
||||
<main class="content-wrapper">
|
||||
<div class="content-header">
|
||||
<div class="container-fluid">
|
||||
<section class="row mb-2">
|
||||
<div class="col-sm-6">
|
||||
<div class="fs-3">Info Box</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Info Box</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Main content -->
|
||||
<div class="content">
|
||||
<div class="container-fluid">
|
||||
<h5 class="mb-2">Info Box</h5>
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-12 col-sm-6 col-md-3">
|
||||
<div class="info-box">
|
||||
<span class="info-box-icon bg-primary shadow-sm"><i class="fas fa-cog"></i></span>
|
||||
|
@ -91,12 +103,12 @@
|
|||
<!-- /.info-box -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<h5 class="mb-2">Info Box With Custom Shadows <small><i>Using Bootstrap's Shadow Utility</i></small></h5>
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-12 col-sm-6 col-md-3">
|
||||
<div class="info-box shadow-none">
|
||||
<span class="info-box-icon bg-primary shadow-sm"><i class="fas fa-cog"></i></span>
|
||||
|
@ -158,12 +170,12 @@
|
|||
<!-- /.info-box -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<h5 class="mt-4 mb-2">Info Box With <code>bg-*</code></h5>
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-md-3 col-sm-6 col-12">
|
||||
<div class="info-box bg-primary">
|
||||
<span class="info-box-icon"><i class="far fa-bookmark"></i></span>
|
||||
|
@ -244,12 +256,12 @@
|
|||
<!-- /.info-box -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<h5 class="mt-4 mb-2">Info Box With <code>bg-gradient</code></h5>
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-md-3 col-sm-6 col-12">
|
||||
<div class="info-box bg-primary bg-gradient">
|
||||
<span class="info-box-icon"><i class="far fa-bookmark"></i></span>
|
||||
|
@ -330,12 +342,12 @@
|
|||
<!-- /.info-box -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</div>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
</main>
|
||||
<!-- /.content-wrapper -->
|
||||
|
||||
@@include('./dashboard/_footer.html', {
|
||||
|
|
|
@ -21,10 +21,22 @@
|
|||
"path": "../.."
|
||||
})
|
||||
<!-- Main content -->
|
||||
<div class="content-wrapper">
|
||||
@@include('./dashboard/_content-header.html', {
|
||||
"header_name": "Widgets - Small Box"
|
||||
})
|
||||
<main class="content-wrapper">
|
||||
<div class="content-header">
|
||||
<div class="container-fluid">
|
||||
<section class="row mb-2">
|
||||
<div class="col-sm-6">
|
||||
<div class="fs-3">Small Box</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Small Box</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Main content -->
|
||||
<div class="content">
|
||||
<div class="container-fluid">
|
||||
|
@ -96,7 +108,7 @@
|
|||
</div><!-- /.container-fluid -->
|
||||
</div>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
</main>
|
||||
<!-- /.content-wrapper -->
|
||||
|
||||
@@include('./dashboard/_footer.html', {
|
||||
|
|
|
@ -1,11 +1,15 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<!-- Primary Meta Tags -->
|
||||
<title>@@title</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="title" content="@@title">
|
||||
<meta name="author" content="ColorlibHQ">
|
||||
<meta name="description" content="Volt Pro is a Premium Bootstrap 5 Admin Dashboard featuring over 800 components, 10+ plugins and 20 example pages using Vanilla JS.">
|
||||
<meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard" />
|
||||
<!-- By adding @@path/css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is light. -->
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<!-- By adding @@path/css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is dark. -->
|
||||
<!-- <meta name="color-scheme" content="dark light"> -->
|
||||
<title>@@title</title>
|
||||
<!-- Google Font: Source Sans Pro -->
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
|
||||
<!-- Font Awesome -->
|
||||
|
|
|
@ -1,15 +0,0 @@
|
|||
<div class="content-header">
|
||||
<div class="container-fluid">
|
||||
<div class="row mb-2">
|
||||
<div class="col-sm-6">
|
||||
<div class="fs-3">@@header_name</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">@@header_name</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -1,11 +1,11 @@
|
|||
<!-- Main Sidebar Container -->
|
||||
<aside class="main-sidebar sidebar-bg-dark sidebar-color-primary shadow">
|
||||
<div class="brand-container">
|
||||
<a href="javascript:void(0)" class="brand-link">
|
||||
<a href="javascript:;" class="brand-link">
|
||||
<img src="@@path/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-80 shadow">
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
</a>
|
||||
<a class="pushmenu mx-1" data-lte-toggle="sidebar-mini" href="javascript:void(0)" role="button"><i class="fas fa-angle-double-left"></i></a>
|
||||
<a class="pushmenu mx-1" data-lte-toggle="sidebar-mini" href="javascript:;" role="button"><i class="fas fa-angle-double-left"></i></a>
|
||||
</div>
|
||||
<!-- Sidebar -->
|
||||
<div class="sidebar">
|
||||
|
@ -13,7 +13,7 @@
|
|||
<!-- Sidebar Menu -->
|
||||
<ul class="nav nav-pills nav-sidebar flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
|
||||
<li class="nav-item @@if (context.mainPage === 'dashboard') {menu-open}">
|
||||
<a href="javascript:void(0)" class="nav-link @@if (context.mainPage === 'dashboard') {active}">
|
||||
<a href="javascript:;" class="nav-link @@if (context.mainPage === 'dashboard') {active}">
|
||||
<i class="nav-icon fas fa-circle"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
|
@ -42,7 +42,7 @@
|
|||
</ul>
|
||||
</li>
|
||||
<li class="nav-item @@if (context.mainPage === 'widgets') {menu-open}">
|
||||
<a href="javascript:void(0)" class="nav-link @@if (context.mainPage === 'widgets') {active}">
|
||||
<a href="javascript:;" class="nav-link @@if (context.mainPage === 'widgets') {active}">
|
||||
<i class="nav-icon fas fa-circle"></i>
|
||||
<p>
|
||||
Widgets
|
||||
|
@ -72,7 +72,7 @@
|
|||
</li>
|
||||
|
||||
<li class="nav-item @@if (context.mainPage === 'layout') {menu-open}">
|
||||
<a href="javascript:void(0)" class="nav-link @@if (context.mainPage === 'layout') {active}">
|
||||
<a href="javascript:;" class="nav-link @@if (context.mainPage === 'layout') {active}">
|
||||
<i class="nav-icon fas fa-circle"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
|
@ -90,7 +90,7 @@
|
|||
</ul>
|
||||
</li>
|
||||
<li class="nav-item @@if (context.mainPage === 'forms') {menu-open}">
|
||||
<a href="javascript:void(0)" class="nav-link @@if (context.mainPage === 'forms') {active}">
|
||||
<a href="javascript:;" class="nav-link @@if (context.mainPage === 'forms') {active}">
|
||||
<i class="nav-icon fas fa-circle"></i>
|
||||
<p>
|
||||
Forms
|
||||
|
@ -107,7 +107,7 @@
|
|||
</ul>
|
||||
</li>
|
||||
<li class="nav-item @@if (context.mainPage === 'tables') {menu-open}">
|
||||
<a href="javascript:void(0)" class="nav-link @@if (context.mainPage === 'tables') {active}">
|
||||
<a href="javascript:;" class="nav-link @@if (context.mainPage === 'tables') {active}">
|
||||
<i class="nav-icon fas fa-circle"></i>
|
||||
<p>
|
||||
Tables
|
||||
|
@ -125,13 +125,13 @@
|
|||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon fas fa-circle"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon fas fa-circle"></i>
|
||||
<p>
|
||||
Level 1
|
||||
|
@ -140,13 +140,13 @@
|
|||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon far fa-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon far fa-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
|
@ -155,19 +155,19 @@
|
|||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon far fa-dot-circle"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon far fa-dot-circle"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon far fa-dot-circle"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
|
@ -175,7 +175,7 @@
|
|||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon far fa-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
|
@ -183,26 +183,26 @@
|
|||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon fas fa-circle"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon far fa-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon far fa-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:void(0)" class="nav-link">
|
||||
<a href="javascript:;" class="nav-link">
|
||||
<i class="nav-icon far fa-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
|
|
|
@ -131,7 +131,7 @@
|
|||
</li>
|
||||
<!-- Menu Body -->
|
||||
<li class="user-body">
|
||||
<div class="row">
|
||||
<section class="row">
|
||||
<div class="col-4 text-center">
|
||||
<a href="#">Followers</a>
|
||||
</div>
|
||||
|
@ -141,7 +141,7 @@
|
|||
<div class="col-4 text-center">
|
||||
<a href="#">Friends</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.row -->
|
||||
</li>
|
||||
<!-- Menu Footer-->
|
||||
|
|
|
@ -1,15 +0,0 @@
|
|||
@import "layout/wrapper";
|
||||
@import "layout/main-header";
|
||||
@import "layout/brand-container";
|
||||
@import "layout/main-sidebar";
|
||||
@import "layout/sidebar";
|
||||
@import "layout/nav-sidebar";
|
||||
@import "layout/sidebar-collapse";
|
||||
// @import "layout/sidebar-horizontal";
|
||||
@import "layout/sidebar-close";
|
||||
@import "layout/content-wrapper";
|
||||
@import "layout/content-header";
|
||||
@import "layout/content";
|
||||
@import "layout/main-footer";
|
||||
@import "layout/layout-fixed";
|
||||
@import "layout/layout-mobile";
|
Loading…
Reference in New Issue