Skip to content

B
BaseTemplateAdminLte3
Commit 62f3fed3 authored by Dimas Arestu P's avatar Dimas Arestu P
Browse files
Options

update

parent 38e6d4ac
Show whitespace changes
Inline Side-by-side
Showing with 350 additions and 650 deletions
dashboard/templates/dashboard/home.html
View file @ 62f3fed3
......@@ -2,12 +2,6 @@
{% load static %}
{% load bootstrap_tags %}
{% block title %}{{title}}{% endblock %}
{% block breadcrumb_main %}
<li><a href="#"><i class="fa fa-dashboard"></i> {{title}}</a></li>
{% endblock %}
{% block content %}
<h4>Selamat datang {{ user.first_name }} {{ user.last_name }}</h4>
{% endblock %}
\ No newline at end of file
main/settings.py
View file @ 62f3fed3
......@@ -65,7 +65,7 @@ TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [
os.path.join(BASE_DIR, 'templates')
BASE_DIR / "templates",
],
'APP_DIRS': True,
'OPTIONS': {
......@@ -142,9 +142,11 @@ USE_THOUSAND_SEPARATOR = True
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.0/howto/static-files/
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
STATICFILES_DIRS = [
BASE_DIR / "static",
]
STATIC_URL = 'static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
# MEDIA_URL = '/media/'
# MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
......
templates/base_full_screen.html deleted 100644 → 0
View file @ 38e6d4ac
<!DOCTYPE html>
{% load static %}
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>FDR Tire | {{ title }}</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="{% static 'bower_components/admin/bootstrap/css/bootstrap.min.css' %}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700,700i,900,900i"
type="text/css" media="all">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/fontawesome-free/css/all.min.css' %}">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Tempusdominus Bootstrap 4 -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css' %}">
<!-- iCheck -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/icheck-bootstrap/icheck-bootstrap.min.css' %}">
<!-- JQVMap -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/jqvmap/jqvmap.min.css' %}">
<!-- Theme style -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/dist/css/adminlte.min.css' %}">
<!-- overlayScrollbars -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/overlayScrollbars/css/OverlayScrollbars.min.css' %}">
<!-- Daterange picker -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/daterangepicker/daterangepicker.css' %}">
<!-- summernote -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/summernote/summernote-bs4.min.css' %}">
{% block customheader %}
{% endblock %}
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.select2 { width: 100% !important }
</style>
</head>
<body class="hold-transition login-page">
<div class="login-box">
<div class="login-logo">
{{ header_title|default:"FDR Tire" }}
</div>
{% block content %}
{% endblock %}
</div>
<!-- jQuery 2.2.3 -->
<script src="{% static 'bower_components/admin-lte/plugins/jQuery/jquery.min.js' %}"></script>
<script src="{% static 'bower_components/admin-lte/plugins/daterangepicker/daterangepicker.js' %}"></script>
<!-- Bootstrap 3.3.6 -->
<script src="{% static 'bower_components/admin-lte3/bootstrap/js/bootstrap.min.js' %}"></script>
<script src="{% static 'bower_components/admin-lte3/plugins/select2/select2.min.js' %}"></script>
<!--<script src="{% static 'web/js/global.js' %}"></script>-->
{% block customscript %}{% endblock %}
</body>
</html>
templates/base_template.html
View file @ 62f3fed3
<!DOCTYPE html>
{% load static %}
<html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>FDR Tire | {{ title|default:"Dashboard" }}</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/bootstrap/css/bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/select2/css/select2.min.css' %}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/6.0.1/collection/components/icon/icon.min.css">
<!-- <link rel="stylesheet"-->
<!-- href="{% static 'bower_components/admin-lte3-lte/plugins/jvectormap/jquery-jvectormap-1.2.2.css' %}">-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AdminLTE 3 | Starter</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 Icons -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/fontawesome-free/css/all.min.css' %}">
<!-- Theme style -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/dist/css/adminlte.min.css' %}">
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/daterangepicker/daterangepicker.css' %}">
<!-- <link rel="stylesheet" href="{% static 'bower_components/admin-lte3/dist/css/skins/skin-green.min.css' %}">-->
<!-- <link rel="stylesheet" href="{% static 'bower_components/admin-lte3-lte/dist/css/skins/skin-black.min.css' %}">-->
<!--pilih warna-->
<!-- <link rel="stylesheet" href="{% static 'bower_components/admin-lte3-lte/plugins/pace/pace.min.css' %}">-->
<link rel="stylesheet" href="{% static 'report/report.css' %}">
<link rel="stylesheet" href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">
<script src="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700,700i,900,900i"
type="text/css" media="all">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.min.js"></script>
<style>
@namespace ct "http://gionkunz.github.com/chartist-js/ct";
h5 { margin-top: 0px; margin-bottom: 10px; }
h3s {
font-size: 34px;
font-weight: 100;
margin: 0 0 10px 0;
white-space: nowrap;
padding: 0;
}
.ct-label { font-size: 1em !important; }
.chartist-wrap { position: relative; clear: both; }
.chartist { position: absolute; left: 0; top: 0; width: 100%; }
.chartist:first-child { position: relative; left: 0; top: 0; width: 100%; }
.chartist_a .ct-series-a .ct-bar { stroke: #02A556 !important; }
.chartist_a .ct-series-b .ct-bar { stroke: #FFC114 !important; }
.chartist_b .ct-series-a .ct-bar { stroke: #eb263d !important; }
.chartist_b .ct-series-b .ct-bar { stroke: #0eb83c !important; }
.ct-chart .ct-series .ct-bar { stroke: red; stroke-width: 7px; }
.ct-chart .ct-series.grp .ct-bar,
.ct-chart .ct-series.grp .ct-bar { stroke: #ffcd03; stroke-width: 14px; }
.ct-chart .ct-series[ct|meta="nationwide"] .ct-bar { stroke: blue; }
.ct-chart .ct-labels .ct-label { color:#ccc; }
<!-- bts -->
.chartist_d .ct-series-a .ct-bar { stroke: #E71224 !important; }
.chartist_d .ct-series-b .ct-bar { stroke: #00A65A !important; }
.chartist_e .ct-series-a .ct-bar { stroke: #E71224 !important; }
.chartist_e .ct-series-b .ct-bar { stroke: #00A65A !important; }
.chartist_c .ct-series-a .ct-bar { stroke: red !important; }
.chartist_c .ct-series-b .ct-bar { stroke: blue !important; }
.chartist_c .ct-series-a .ct-bar { stroke: green !important; }
.chartist-tooltip {
position: absolute;
display: inline-block;
opacity: 0;
min-width: 5em;
padding: .5em;
background: #333333;
color: #ffff;
font-family: Oxygen,Helvetica,Arial,sans-serif;
font-weight: 700;
text-align: center;
pointer-events: none;
z-index: 1;
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.chartist-tooltip:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -15px;
border: 15px solid transparent;
border-top-color: #333333;
}
.chartist-tooltip.tooltip-show { opacity: 1; }
.ct-area, .ct-line { pointer-events: none; }
section.content, section.content-header {
}
/*BOOTSTRAP OVERRIDES & EXTENDS*/
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-2 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-2 > [class^="col-"],
.row.gutter-2 > [class*=" col-"] {
padding-right: 1px;
padding-left: 1px;
}
.row.gutter-10 {
margin-right: -5px;
margin-left: -5px;
}
.row.gutter-10 > [class^="col-"],
.row.gutter-10 > [class*=" col-"] {
padding-right: 5px;
padding-left: 5px;
}
.row.gutter-15 {
margin-right: -7.5px;
margin-left: -7.5px;
}
.row.gutter-15 > [class^="col-"],
.row.gutter-15 > [class*=" col-"] {
padding-right: 7.5px;
padding-left: 7.5px;
}
.row.gutter-20 {
margin-right: -10px;
margin-left: -10px;
}
.row.gutter-20 > [class^="col-"],
.row.gutter-20 > [class*=" col-"] {
padding-right: 10px;
padding-left: 10px;
}
.row.gutter-30 {
margin-right: -15px;
margin-left: -15px;
}
.row.gutter-30 > [class^="col-"],
.row.gutter-30 > [class*=" col-"] {
padding-right: 15px;
padding-left: 15px;
}
/* SPACERS */
.spacer5{ height:5px; }
.spacer10{ height:10px; }
.spacer15{ height:15px; }
.spacer20{ height:20px; }
.spacer25{ height:25px; }
.spacer30{ height:30px; }
.m-0{ margin:0px; }
.mb-5{ margin-bottom:5px; }
.mb-10{ margin-bottom:10px; }
.mb-15{ margin-bottom:15px; }
.mb-20{ margin-bottom:20px; }
.ml-5{ margin-left:5px; }
.ml-10{ margin-left:10px; }
.ml-15{ margin-left:15px; }
.ml-20{ margin-left:20px; }
.mr-5{ margin-right:5px; }
.mr-10{ margin-right:10px; }
.mr-15{ margin-right:15px; }
.mr-20{ margin-right:20px; }
/** Table Form **/
.table.table-form{ }
.table.table-form>tbody>tr>td:last-child{ text-align:right; }
.table.table-form>tbody>tr.tr-highlighted>td{ border-top: solid 1px #333; background: #f3f3f3; }
/** Override datatables grid **/
.dataTables_wrapper > .row { margin-right: 0; margin-left: 0; }
.dataTables_wrapper > .row > [class^="col-"],
.dataTables_wrapper > .row > [class*=" col-"] { padding-right: 0; padding-left: 0; }
.select2 { width: 100% !important }
.help-block { font-style: italic; margin-bottom: 0px; padding-bottom: 0px;}
</style>
{% block customstyle %}{% endblock %}
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
{% if env != 'production' %}
<body class="hold-transition skin-black">
{% else %}
<body class="hold-transition skin-black">
{% endif %}
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<header class="main-header">
<!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
</li>
</ul>
<!-- Logo -->
<a href="/dashboard/" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"></span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg">FDR Tire</span>
<!-- Right navbar links -->
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link" data-toggle="dropdown" href="#">
<img src="https://fdr-static.s3-ap-southeast-1.amazonaws.com/avatar-blank-160-160.jpg" width="30" height="30" class="d-inline-block img-circle align-top" alt="">
Bootstrap
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
<div class="d-flex align-items-center flex-column bg-dark">
<div class="Container mt-2 mb-2">
<img src="https://fdr-static.s3-ap-southeast-1.amazonaws.com/avatar-blank-160-160.jpg" width="100" height="100" class="img-circle" alt="User Image">
</div>
<div>Support CSD</div>
<div>Member since Dec. 2021</div>
</div>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fas fa-key mr-2"></i> Change Password
</a>
<!-- Navbar Right Menu -->
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="{% static 'avatar-blank-160-160.jpg' %}" class="user-image" alt="User Image">
<span class="hidden-xs">{{ user.first_name }} {{ user.last_name }}</span>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fas fa-power-off mr-2"></i> Sign Out
</a>
<ul class="dropdown-menu">
<!-- User image -->
<li class="user-header">
<img src="{% static 'avatar-blank-160-160.jpg' %}" class="img-circle" alt="User Image">
<p>
{{ user.first_name }} {{ user.last_name }}
<small>Member since {{ user.date_joined|date:"N Y" }}</small>
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-left">
<a href="{% url 'web:change_password' %}" class="btn btn-default btn-flat">Ganti
Password</a>
</div>
<div class="pull-right">
<a href="{% url 'logout' %}" class="btn btn-default btn-flat">Sign out</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
<img src="{% static 'avatar-blank-160-160.jpg' %}" class="img-circle" alt="User Image">
<!-- /.navbar -->
<!-- Main Sidebar Container -->
<aside class="main-sidebar sidebar-dark-primary elevation-4">
<!-- Brand Logo -->
<a href="" class="brand-link">
<img src="{% static 'bower_components/admin-lte3/dist/img/AdminLTELogo.png' %}" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
<span class="brand-text font-weight-light">Ravintola</span>
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar user panel (optional) -->
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
<div class="image">
<img src="{% static 'bower_components/admin-lte3/dist/img/user2-160x160.jpg' %}" class="img-circle elevation-2" alt="User Image">
</div>
<div class="pull-left info">
<p>
{{ user.first_name }} {{ user.last_name }}
</p>
<a href="#"><i class="fa fa-circle text-success"></i> {{ user.username }}</a>
<div class="info">
<a href="#" class="d-block">Alexander Pierce</a>
</div>
</div>
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu">
<li class="header">NAVIGASI</li>
<li><a href="/dashboard/"><i class="fa fa-dashboard"></i> <span>Dashboard</span></a></li>
<li class="{% if menu == 'master' %}active {% endif %}treeview">
<a href="#">
<i class="fa fa-database" aria-hidden="true"></i></i> <span>Master Data</span>
<i class="fa fa-angle-left pull-right"></i>
<!-- Sidebar Menu -->
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<li class="nav-header">Navigasi</li>
<!-- Add icons to the links using the .nav-icon class
with font-awesome or any other icon font library -->
<!-- Dashboard -->
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-tachometer-alt"></i>
<p>
Dashboard
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="treeview-menu">
<li class="{% if menu_active == 'main_dealer' %}active{% endif %}"><a
href="{% url 'master:main_dealer' %}"><i class="fa fa-circle-o"></i> Main Dealer</a></li>
<li class="{% if menu_active == 'branch' %}active{% endif %}"><a
href="{% url 'master:branch' %}"><i class="fa fa-circle-o"></i> Branch</a></li>
<li class="{% if menu_active == 'branch_group' %}active{% endif %}"><a
href="{% url 'master:branch_group' %}"><i class="fa fa-circle-o"></i> Branch
User Group</a></li>
<li class="{% if menu_active == 'marketplace' %}active{% endif %}"><a
href="{% url 'master:marketplace' %}"><i
class="fa fa-circle-o"></i> Marketplace</a></li>
<li class="{% if menu_active == 'image' %}active{% endif %}"><a href="{% url 'master:image' %}"><i
class="fa fa-circle-o"></i> Image</a></li>
<li class="{% if menu_active == 'product' %}active{% endif %}"><a
href="{% url 'master:product' %}"><i
class="fa fa-circle-o"></i> Product</a></li>
<li class="{% if menu_active == 'product_category' %}active{% endif %}"><a
href="{% url 'master:product_category' %}"><i
class="fa fa-circle-o"></i> Product Category</a></li>
<li class="{% if menu_active == 'product_detail' %}active{% endif %}"><a
href="{% url 'master:product_detail' %}"><i
class="fa fa-circle-o"></i> Product Detail</a></li>
<li class="{% if menu_active == 'product_rim' %}active{% endif %}"><a
href="{% url 'master:product_rim' %}"><i
class="fa fa-circle-o"></i> Product Rim</a></li>
<li class="{% if menu_active == 'product_size' %}active{% endif %}"><a
href="{% url 'master:product_size' %}"><i
class="fa fa-circle-o"></i> Product Size</a></li>
{% if phase_2_is_released == '1' %}
<li class="{% if menu_active == 'delivery_service' %}active{% endif %}"><a
href="{% url 'master:delivery_service' %}"><i
class="fa fa-circle-o"></i> Delivery Service</a></li>
<li class="{% if menu_active == 'product_stock' %}active{% endif %}"><a
href="{% url 'master:product_stock' %}"><i
class="fa fa-circle-o"></i> Product Stock</a></li>
{% endif %}
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Active Page</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Inactive Page</p>
</a>
</li>
</ul>
</li>
<li class="{% if menu == 'operational' %}active {% endif %}treeview">
<a href="#">
<i class="fa fa-file-text" aria-hidden="true"></i></i> <span>Operational</span>
<i class="fa fa-angle-left pull-right"></i>
<!-- Master Data -->
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-database"></i>
<p>
Master Data
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="treeview-menu">
<li class="{% if menu_active == 'paid_invoice' %}active{% endif %}"><a
href="{% url 'operational:paid_invoice' %}"><i
class="fa fa-circle-o"></i> Paid Invoice</a></li>
<li class="{% if menu_active == 'work_order' %}active{% endif %}"><a
href="{% url 'operational:work_order' %}"><i
class="fa fa-circle-o"></i> Work Order</a></li>
{% if phase_2_is_released == '1' %}
<li class="{% if menu_active == 'transaction' %}active{% endif %}"><a
href="{% url 'operational:transaction' %}"><i
class="fa fa-circle-o"></i> Transaction</a></li>
<li class="{% if menu_active == 'refund' %}active{% endif %}"><a
href="{% url 'operational:refund' %}"><i
class="fa fa-circle-o"></i> Refund</a></li>
{% endif %}
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Active Page</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Inactive Page</p>
</a>
</li>
</ul>
</li>
<li class="{% if menu == 'report' %}active {% endif %}treeview">
<a href="#">
<i class="fa fa-pie-chart" aria-hidden="true"></i> <span>Report</span>
<i class="fa fa-angle-left pull-right"></i>
<!-- Operational -->
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-book"></i>
<p>
Operational
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="treeview-menu">
<li class="{% if menu_active == 'invoice' %}active{% endif %}"><a
href="{% url 'report:invoice' %}"><i class="fa fa-circle-o"></i>
Paid Invoice</a></li>
<li class="{% if menu_active == 'work_order_per_date' %}active{% endif %}"><a
href="{% url 'report:work_order_per_date' %}"><i class="fa fa-circle-o"></i>
Work Order Per Date</a></li>
<li class="{% if menu_active == 'work_order_per_group' %}active{% endif %}"><a
href="{% url 'report:work_order_per_group' %}"><i class="fa fa-circle-o"></i>
Work Order Per Group</a></li>
<!-- <li class="{% if menu_active == 'work_order_global' %}active{% endif %}"><a-->
<!-- href="{% url 'report:work_order_global' %}"><i class="fa fa-circle-o"></i>-->
<!-- Work Order Global</a></li>-->
<li class="{% if menu_active == 'work_order_history' %}active{% endif %}"><a
href="{% url 'report:work_order_history' %}"><i class="fa fa-circle-o"></i>
Work Order History</a></li>
{% if phase_2_is_released == '1' %}
<li class="{% if menu_active == 'transaction_outlet_by_years' %}active{% endif %}"><a
href="{% url 'report:transaction_outlet_by_years' %}"><i class="fa fa-circle-o"></i>
Transaction Outlet By Years</a></li>
<li class="{% if menu_active == 'completed_transaction' %}active{% endif %}"><a
href="{% url 'report:completed_transaction' %}"><i class="fa fa-circle-o"></i>
Completed Transaction</a></li>
<li class="{% if menu_active == 'refunded_transaction' %}active{% endif %}"><a
href="{% url 'report:refunded_transaction' %}"><i class="fa fa-circle-o"></i>
Refunded Transaction</a></li>
<li class="{% if menu_active == 'product_stock' %}active{% endif %}"><a
href="{% url 'report:product_stock' %}"><i class="fa fa-circle-o"></i>
Product Stock</a></li>
<li class="{% if menu_active == 'login_attempt' %}active{% endif %}"><a
href="{% url 'report:login_attempt' %}"><i class="fa fa-circle-o"></i>
Login Attempt</a></li>
{% endif %}
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Active Page</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Inactive Page</p>
</a>
</li>
</ul>
</li>
{% if user.is_staff %}
<li class="{% if menu == 'settings' %}active {% endif %}treeview">
<a href="#">
<i class="fa fa-cogs" aria-hidden="true"></i></i> <span>Settings</span>
<i class="fa fa-angle-left pull-right"></i>
<!-- Report -->
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-chart-pie"></i>
<p>
Report
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="treeview-menu">
<li class="{% if menu_active == 'user' %}active{% endif %}"><a href="{% url 'settings:user' %}"><i
class="fa fa-circle-o"></i> User</a></li>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Active Page</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Inactive Page</p>
</a>
</li>
</ul>
</li>
{% endif %}
{% if user.is_superuser %}
<li class="{% if menu == 'superuser' %}active {% endif %}treeview">
<a href="#" class="text-red">
<i class="fa fa-cogs" aria-hidden="true"></i> <span>Super Admin</span>
<i class="fa fa-angle-left pull-right"></i>
<!-- Settings -->
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-cogs"></i>
<p>
Settings
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="treeview-menu">
<li class="{% if menu_active == 'user_role' %}active{% endif %}"><a
href="{% url 'settings:user_role' %}"><i
class="fa fa-circle-o"></i> User Role</a></li>
<li class="{% if menu_active == 'config' %}active{% endif %}"><a
href="{% url 'settings:config' %}"><i
class="fa fa-circle-o"></i> Config</a></li>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Active Page</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Inactive Page</p>
</a>
</li>
</ul>
</li>
{% endif %}
<!-- Super Admin -->
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-cogs"></i>
<p>
Super Admin
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Active Page</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Inactive Page</p>
</a>
</li>
</ul>
</li>
</ul>
</section>
</nav>
<!-- /.sidebar-menu -->
</div>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
{% block title %}Title{% endblock %}
<small>{% block subtitle %}{% endblock %}</small>
</h1>
<ol class="breadcrumb">
{% block breadcrumb_main %}
<li><a href="#"><i class="fa fa-dashboard"></i> Report</a></li>
{% endblock %}
<li class="active">{% block breadcrumb_detail %}{% endblock %}</li>
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">Starter Page</h1>
</div><!-- /.col -->
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Starter Page</li>
</ol>
</section>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
{% block content %}{% endblock %}
</section>
<div class="content">
<div class="container-fluid">
<!-- content -->
{% block content %}
{% endblock %}
<!-- endcontent -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
<div class="p-3">
<h5>Title</h5>
<p>Sidebar content</p>
</div>
</aside>
<!-- /.control-sidebar -->
<!-- Main Footer -->
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Version</b> 1.0.0 build 20211220
<!-- To the right -->
<div class="float-right d-none d-sm-inline">
Anything you want
</div>
<strong>Copyright &copy; 2021 <a href="http://fdrtire.com">FDR Tire</a>.</strong> All rights
reserved.
<!-- Default to the left -->
<strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
</footer>
</div>
<!-- ./wrapper -->
<script src="{% static 'bower_components/admin-lte3/plugins/jquery/jquery.min.js' %}"></script>
<script src="{% static 'bower_components/admin-lte3/plugins/daterangepicker/daterangepicker.js' %}"></script>
<script src="{% static 'bower_components/admin-lte3/bootstrap/js/bootstrap.min.js' %}"></script>
<script src="{% static 'bower_components/admin-lte/plugins/fastclick/fastclick.js' %}"></script>
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<script src="{% static 'bower_components/admin-lte3/plugins/jquery/jquery.min.js' %}"></script>
<!-- Bootstrap 4 -->
<script src="{% static 'bower_components/admin-lte3/plugins/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
<!-- AdminLTE App -->
<script>
var AdminLTEOptions = {
animationSpeed: 200,
boxWidgetOptions: {
boxWidgetIcons: {
collapse: 'fa-chevron-down',
open: 'fa-chevron-up',
remove: 'fa-times'
},
boxWidgetSelectors: {
remove: '[data-widget="remove"]',
collapse: '[data-widget="collapse"]'
}
},
};
</script>
<script src="{% static 'bower_components/admin-lte3/dist/js/adminlte.js' %}"></script>
<script src="{% static 'bower_components/admin-lte3/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js' %}"></script>
<script src="{% static 'bower_components/admin-lte3/plugins/sparkline/jquery.sparkline.min.js' %}"></script>
<script src="{% static 'bower_components/admin-lte3/plugins/chart.js/Chart.bundle.min.js' %}"></script>
<script src="{% static 'bower_components/mustache.js/mustache.min.js' %}"></script>
<!--<script src="{% static 'bower_components/admin-lte3-lte/plugins/pace/pace.min.js' %}"></script>-->
<script>Mustache.tags = ['[[' , ']]'];</script>
<script src="{% static 'web/js/global.js' %}"></script>
{% block customscript %}{% endblock %}
<script src="{% static 'bower_components/admin-lte3/dist/js/adminlte.min.js' %}"></script>
</body>
</html>
\ No newline at end of file
templates/template_auth.html 0 → 100644
View file @ 62f3fed3
<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AdminLTE 3 | Log in</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 -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/fontawesome-free/css/all.min.css' %}">
<!-- icheck bootstrap -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/plugins/icheck-bootstrap/icheck-bootstrap.min.css' %}">
<!-- Theme style -->
<link rel="stylesheet" href="{% static 'bower_components/admin-lte3/dist/css/adminlte.min.css' %}">
</head>
<body class="hold-transition login-page">
<div class="login-box">
<div class="login-logo">
<a href=""><b>Admin</b>LTE</a>
</div>
<!-- /.login-logo -->
<div class="card">
{% block content %}
{% endblock %}
<!-- /.login-card-body -->
</div>
</div>
<!-- /.login-box -->
<!-- jQuery -->
<script src="{% static 'bower_components/admin-lte3/plugins/jquery/jquery.min.js' %}"></script>
<!-- Bootstrap 4 -->
<script src="{% static 'bower_components/admin-lte3/plugins/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
<!-- AdminLTE App -->
<script src="{% static 'bower_components/admin-lte3/dist/js/adminlte.min.js' %}"></script>
</body>
</html>
\ No newline at end of file
web/templates/web/login.html
View file @ 62f3fed3
{% extends 'base_full_screen.html' %}
<!--{% load static %}-->
<!--{% load bootstrap_tags %}-->
{% block customheader %}
{% if captcha_enabled %}
<!--<script src="{% static 'bower_components/api/index.js' %}"></script>-->
<script src='https://www.google.com/recaptcha/api.js'></script>
<script>
function onSubmit(token) {
document.getElementById("loginForm").submit();
}
</script>
{% endif %}
{% endblock %}
{% extends 'template_auth.html' %}
{% load bootstrap_tags %}
{% block content %}
<div class="card">
<div class="card-body login-card-body">
<p class="login-box-msg">Silahkan masukan username dan password</p>
{% if messages %}
{% for message in messages %}
<div class="alert {% if message.tags %}alert-{{ message.tags }}{% endif %}">
{{ message }}
</div>
{% endfor %}
{% endif %}
<div class="card-body login-card-body">
<p class="login-box-msg">Sign in to start your session</p>
<form action="" method="post">
{% csrf_token %}
{{ form|as_bootstrap }}
</form>
<p class="mb-1">
<a href="forgot-password.html">I forgot my password</a>
</p>
<p class="mb-0">
<a href="register.html" class="text-center">Register a new membership</a>
</p>
<div class="row">
<div class="col-8">
<div class="icheck-primary">
<input type="checkbox" id="remember">
<label for="remember">
Remember Me
</label>
</div>
<!-- /.login-card-body -->
</div>
<!-- /.col -->
<div class="col-4">
<button type="submit" class="btn btn-primary btn-block">Sign In</button>
</div>
<!-- /.col -->
</div>
</form>
</div>
{% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment