initial
This commit is contained in:
31
templates/base.html
Normal file
31
templates/base.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" style="height: 100%;">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
||||
<title>YourGols</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
|
||||
<script src="https://use.fontawesome.com/49b98aaeb5.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
||||
<style>
|
||||
.title {
|
||||
color: rebeccapurple;
|
||||
}
|
||||
p {
|
||||
color: #595CE6;
|
||||
}
|
||||
</style>
|
||||
<!-- Yandex.Metrika counter -->
|
||||
<!-- /Yandex.Metrika counter -->
|
||||
{% block extras %}
|
||||
{% endblock %}
|
||||
</head>
|
||||
<body style="background-color: #FAFBFD; padding: 10%; width: 100%; height: 100%; overflow: hidden;" onload="{% block onload %}{% endblock %}">
|
||||
{% block body %}
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
38
templates/base_main.html
Normal file
38
templates/base_main.html
Normal file
@@ -0,0 +1,38 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block body %}
|
||||
<div style="height: 95%;">
|
||||
{% block main_body %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div style="width: 120%; background-color: lightsteelblue; margin-left: -10%; height: 10%; border-radius: 15px; padding: 5%;">
|
||||
<table style="width: 100%;">
|
||||
<tr>
|
||||
<td style="width: 33%">
|
||||
<center>
|
||||
<button style="border-width: 0; background-color: lightsteelblue;" onclick="window.location.href='/news'">
|
||||
<i class="fa fa-search"></i><br>
|
||||
Новости
|
||||
</button>
|
||||
</center>
|
||||
</td>
|
||||
<td style="width: 33%">
|
||||
<center>
|
||||
<button style="border-width: 0; background-color: lightsteelblue;" onclick="window.location.href='/'">
|
||||
<i class="fa fa-dollar"></i><br>
|
||||
Инвестиции
|
||||
</button>
|
||||
</center>
|
||||
</td>
|
||||
<td style="width: 33%">
|
||||
<center>
|
||||
<button style="border-width: 0; background-color: lightsteelblue;" onclick="window.location.href='/profile?{{ user.username }}'">
|
||||
<i class="fa fa-user"></i><br>
|
||||
Профиль
|
||||
</button>
|
||||
</center>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
{% endblock %}
|
19
templates/includes/footer.html
Normal file
19
templates/includes/footer.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<footer class="bg-white rounded shadow p-5 mb-4 mt-4">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 col-xl-6 mb-4 mb-md-0">
|
||||
<p class="mb-0 text-center text-lg-start">
|
||||
© <a class="text-primary fw-normal" href="https://themesberg.com" target="_blank">Themesberg</a>
|
||||
- Coded by <a href="https://appseed.us" target="_blank">AppSeed</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-8 col-xl-6 text-center text-lg-start">
|
||||
<!-- List -->
|
||||
<ul class="list-inline list-group-flush list-group-borderless text-md-end mb-0">
|
||||
<li class="list-inline-item px-0 px-sm-2">
|
||||
<a target="_blank"
|
||||
href="https://appseed.us/admin-dashboards/django-dashboard-volt">Django Volt Dashboard</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
46
templates/includes/scripts.html
Normal file
46
templates/includes/scripts.html
Normal file
@@ -0,0 +1,46 @@
|
||||
|
||||
<!-- Core -->
|
||||
<script src="/static/assets/vendor/@popperjs/core/dist/umd/popper.min.js"></script>
|
||||
<script src="/static/assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<!-- Vendor JS -->
|
||||
<script src="/static/assets/vendor/onscreen/dist/on-screen.umd.min.js"></script>
|
||||
|
||||
<!-- Slider -->
|
||||
<script src="/static/assets/vendor/nouislider/distribute/nouislider.min.js"></script>
|
||||
|
||||
<!-- Smooth scroll -->
|
||||
<script src="/static/assets/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
|
||||
|
||||
<!-- Charts -->
|
||||
<script src="/static/assets/vendor/chartist/dist/chartist.min.js"></script>
|
||||
<script src="/static/assets/vendor/chartist-plugin-tooltips/dist/chartist-plugin-tooltip.min.js"></script>
|
||||
|
||||
<!-- Datepicker -->
|
||||
<script src="/static/assets/vendor/vanillajs-datepicker/dist/js/datepicker.min.js"></script>
|
||||
|
||||
<!-- Sweet Alerts 2 -->
|
||||
<script src="/static/assets/vendor/sweetalert2/dist/sweetalert2.all.min.js"></script>
|
||||
|
||||
<!-- Moment JS -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script>
|
||||
|
||||
<!-- Vanilla JS Datepicker -->
|
||||
<script src="/static/assets/vendor/vanillajs-datepicker/dist/js/datepicker.min.js"></script>
|
||||
|
||||
<!-- Notyf -->
|
||||
<script src="/static/assets/vendor/notyf/notyf.min.js"></script>
|
||||
|
||||
<!-- Simplebar -->
|
||||
<script src="/static/assets/vendor/simplebar/dist/simplebar.min.js"></script>
|
||||
|
||||
<!-- Github buttons -->
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
|
||||
<!-- Volt JS -->
|
||||
<script src="/static/assets/js/volt.js"></script>
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
38
templates/includes/settings-box.html
Normal file
38
templates/includes/settings-box.html
Normal file
@@ -0,0 +1,38 @@
|
||||
|
||||
<div class="theme-settings card bg-gray-800 pt-2 collapse" id="theme-settings">
|
||||
<div class="card-body bg-gray-800 text-white pt-4">
|
||||
<button type="button" class="btn-close theme-settings-close" aria-label="Close" data-bs-toggle="collapse"
|
||||
href="#theme-settings" role="button" aria-expanded="false" aria-controls="theme-settings"></button>
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<p class="m-0 mb-1 me-4 fs-7">Open source <span role="img" aria-label="gratitude">💛</span></p>
|
||||
<a class="github-button" href="https://github.com/themesberg/volt-bootstrap-5-dashboard"
|
||||
data-color-scheme="no-preference: dark; light: light; dark: light;" data-icon="octicon-star"
|
||||
data-size="large" data-show-count="true"
|
||||
aria-label="Star themesberg/volt-bootstrap-5-dashboard on GitHub">Star</a>
|
||||
</div>
|
||||
<a href="https://themesberg.com/product/admin-dashboard/volt-bootstrap-5-dashboard" target="_blank"
|
||||
class="btn btn-secondary d-inline-flex align-items-center justify-content-center mb-3 w-100">
|
||||
Download
|
||||
<svg class="icon icon-xs ms-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M2 9.5A3.5 3.5 0 005.5 13H9v2.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 15.586V13h2.5a4.5 4.5 0 10-.616-8.958 4.002 4.002 0 10-7.753 1.977A3.5 3.5 0 002 9.5zm9 3.5H9V8a1 1 0 012 0v5z" clip-rule="evenodd"></path></svg>
|
||||
</a>
|
||||
<p class="fs-7 text-gray-300 text-center">Available in the following technologies:</p>
|
||||
<div class="d-flex justify-content-center">
|
||||
<a class="me-3" href="https://themesberg.com/product/admin-dashboard/volt-bootstrap-5-dashboard"
|
||||
target="_blank">
|
||||
<img src="/static/assets/img/technologies/bootstrap-5-logo.svg" class="image image-xs">
|
||||
</a>
|
||||
<a href="https://demo.themesberg.com/volt-react-dashboard/#/" target="_blank">
|
||||
<img src="/static/assets/img/technologies/react-logo.svg" class="image image-xs">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card theme-settings bg-gray-800 theme-settings-expand" id="theme-settings-expand">
|
||||
<div class="card-body bg-gray-800 text-white rounded-top p-3 py-2">
|
||||
<span class="fw-bold d-inline-flex align-items-center h6">
|
||||
<svg class="icon icon-xs me-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path></svg>
|
||||
Settings
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
108
templates/includes/sidebar.html
Normal file
108
templates/includes/sidebar.html
Normal file
@@ -0,0 +1,108 @@
|
||||
{% load filters %}
|
||||
|
||||
<nav class="navbar navbar-dark navbar-theme-primary px-4 col-12 d-lg-none">
|
||||
<a class="navbar-brand me-lg-5" href="/">
|
||||
YourGols
|
||||
</a>
|
||||
<div class="d-flex align-items-center">
|
||||
<button class="navbar-toggler d-lg-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<nav id="sidebarMenu" class="sidebar d-lg-block bg-gray-800 text-white collapse" data-simplebar>
|
||||
<div class="sidebar-inner px-4 pt-3">
|
||||
<div class="user-card d-flex d-md-none align-items-center justify-content-between justify-content-md-center pb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar-lg me-4">
|
||||
<img src="{{ user.profile_photo_url }}" class="card-img-top rounded-circle border-white"
|
||||
alt="Bonnie Green">
|
||||
</div>
|
||||
<div class="d-block">
|
||||
<h2 class="h5 mb-3">{{ user.first_name }}</h2>
|
||||
<a href="/logout" class="btn btn-secondary btn-sm d-inline-flex align-items-center">
|
||||
<svg class="icon icon-xxs me-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"></path></svg>
|
||||
Выйти
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse-close d-md-none">
|
||||
<a href="#sidebarMenu" data-bs-toggle="collapse"
|
||||
data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="true"
|
||||
aria-label="Toggle navigation">
|
||||
<svg class="icon icon-xs" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="nav flex-column pt-3 pt-md-0">
|
||||
<li class="nav-item">
|
||||
<a href="/profile" class="nav-link">
|
||||
<span class="sidebar-icon">
|
||||
<i class="fa fa-user"></i>
|
||||
</span>
|
||||
<span class="sidebar-text">Профиль</span>
|
||||
</a>
|
||||
</li>
|
||||
{% if not user.only_one_project %}
|
||||
<li class="nav-item">
|
||||
<span
|
||||
class="nav-link collapsed d-flex justify-content-between align-items-center"
|
||||
data-bs-toggle="collapse" data-bs-target="#submenu-groups">
|
||||
<span>
|
||||
<span class="sidebar-icon">
|
||||
<i class="fa fa-star"></i>
|
||||
</span>
|
||||
<span class="sidebar-text">Проекты</span>
|
||||
</span>
|
||||
<span class="link-arrow">
|
||||
<svg class="icon icon-sm" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
|
||||
</span>
|
||||
</span>
|
||||
<div class="multi-level collapse"
|
||||
role="list" id="submenu-groups" aria-expanded="false">
|
||||
<ul class="flex-column nav">
|
||||
{% for project in user.projects %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/select_project?project_id={{ project.id }}">
|
||||
<span class="sidebar-text">{{ project.name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
{% endif %}
|
||||
<li role="separator" class="dropdown-divider mt-4 mb-3 border-gray-700"></li>
|
||||
<li class="nav-item">
|
||||
<a href="/profile" class="nav-link">
|
||||
<span class="sidebar-icon">
|
||||
<i class="fa fa-cogs"></i>
|
||||
</span>
|
||||
<span class="sidebar-text">Конфиги</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/profile" class="nav-link">
|
||||
<span class="sidebar-icon">
|
||||
<i class="fa fa-flask"></i>
|
||||
</span>
|
||||
<span class="sidebar-text">Эксперименты</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/profile" class="nav-link">
|
||||
<span class="sidebar-icon">
|
||||
<i class="fa fa-arrow-up"></i>
|
||||
</span>
|
||||
<span class="sidebar-text">Статистика</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<button class="btn btn-secondary d-flex align-items-center justify-content-center btn-upgrade-pro">
|
||||
{{ user.selected_project.name }}
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
86
templates/layouts/base-fullscreen.html
Normal file
86
templates/layouts/base-fullscreen.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<!--
|
||||
|
||||
=========================================================
|
||||
* Volt Free - Bootstrap 5 Dashboard
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://themesberg.com/product/admin-dashboard/volt-premium-bootstrap-5-dashboard
|
||||
* Copyright 2020 Themesberg (https://www.themesberg.com)
|
||||
* License (https://themesberg.com/licensing)
|
||||
|
||||
* Designed and coded by https://themesberg.com
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. Please contact us to request a removal.
|
||||
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<!-- Primary Meta Tags -->
|
||||
|
||||
<title>
|
||||
Django Volt Dashboard - {% block title %}{% endblock %} | AppSeed
|
||||
</title>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="title" content="Volt Free Bootstrap Dashboard - Sign up page">
|
||||
<meta name="author" content="Themesberg">
|
||||
<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, themesberg, themesberg dashboard, themesberg admin dashboard" />
|
||||
<link rel="canonical" href="https://appseed.us/admin-dashboards/django-dashboard-volt">
|
||||
<meta name="yandex-verification" content="49aeb717851c2dda" />
|
||||
<!-- Open Graph / Facebook -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://demo.themesberg.com/volt-pro">
|
||||
<meta property="og:title" content="Volt Free Bootstrap Dashboard - Sign up page">
|
||||
<meta property="og: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 property="og:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/volt-pro-bootstrap-5-dashboard/volt-pro-preview.jpg">
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta property="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:url" content="https://demo.themesberg.com/volt-pro">
|
||||
<meta property="twitter:title" content="Volt Free Bootstrap Dashboard - Sign up page">
|
||||
<meta property="twitter: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 property="twitter:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/volt-pro-bootstrap-5-dashboard/volt-pro-preview.jpg">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="/static/assets/img/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/static/assets/img/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/static/assets/img/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="/static/assets/img/favicon/site.webmanifest">
|
||||
<link rel="mask-icon" href="/static/assets/img/favicon/safari-pinned-tab.svg" color="#ffffff">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<!-- FA Icons -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
|
||||
integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
|
||||
<!-- Sweet Alert -->
|
||||
<link type="text/css" href="/static/assets/vendor/sweetalert2/dist/sweetalert2.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Notyf -->
|
||||
<link type="text/css" href="/static/assets/vendor/notyf/notyf.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Volt CSS -->
|
||||
<link type="text/css" href="/static/assets/css/volt.css" rel="stylesheet">
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{% block content %}{% endblock content %}
|
||||
|
||||
{% include 'includes/scripts.html' %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
|
||||
</body>
|
||||
</html>
|
81
templates/layouts/base.html
Normal file
81
templates/layouts/base.html
Normal file
@@ -0,0 +1,81 @@
|
||||
<!--
|
||||
|
||||
=========================================================
|
||||
* Volt Free - Bootstrap 5 Dashboard
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://themesberg.com/product/admin-dashboard/volt-bootstrap-5-dashboard
|
||||
* Copyright 2021 Themesberg (https://www.themesberg.com)
|
||||
* License (https://themesberg.com/licensing)
|
||||
|
||||
* Designed and coded by https://themesberg.com
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. Please contact us to request a removal.
|
||||
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<!-- Primary Meta Tags -->
|
||||
|
||||
{% load static %}
|
||||
<title>
|
||||
Platform - {% block title %}{% endblock %}
|
||||
</title>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="title" content="Volt - Free Bootstrap 5 Dashboard">
|
||||
<meta name="author" content="Themesberg">
|
||||
<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, themesberg, themesberg dashboard, themesberg admin dashboard" />
|
||||
<link rel="canonical" href="https://appseed.us/admin-dashboards/django-dashboard-volt">
|
||||
<meta name="yandex-verification" content="49aeb717851c2dda" />
|
||||
<!-- Open Graph / Facebook -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://demo.themesberg.com/volt-pro">
|
||||
<meta property="og:title" content="Volt - Free Bootstrap 5 Dashboard">
|
||||
<meta property="og: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 property="og:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/volt-pro-bootstrap-5-dashboard/volt-pro-preview.jpg">
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta property="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:url" content="https://demo.themesberg.com/volt-pro">
|
||||
<meta property="twitter:title" content="Volt - Free Bootstrap 5 Dashboard">
|
||||
<meta property="twitter: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 property="twitter:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/volt-pro-bootstrap-5-dashboard/volt-pro-preview.jpg">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon" href="{% static "assets/img/brand/light.svg" %}" />
|
||||
|
||||
<!-- Fa icons -->
|
||||
<script src="https://use.fontawesome.com/49b98aaeb5.js"></script>
|
||||
|
||||
<link type="text/css" href="/static/assets/vendor/sweetalert2/dist/sweetalert2.min.css" rel="stylesheet">
|
||||
|
||||
<link type="text/css" href="/static/assets/vendor/notyf/notyf.min.css" rel="stylesheet">
|
||||
<link type="text/css" href="/static/assets/css/volt.css" rel="stylesheet">
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
</head>
|
||||
<body onload="{% block onload %}{% endblock %}">
|
||||
{% if user.is_authenticated %}
|
||||
{% include 'includes/sidebar.html' %}
|
||||
{% endif %}
|
||||
|
||||
<main class="content" style="padding: 15px;">
|
||||
{% block content %}{% endblock content %}
|
||||
</main>
|
||||
|
||||
{% include 'includes/scripts.html' %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
|
||||
</body>
|
||||
</html>
|
110
templates/profile.html
Normal file
110
templates/profile.html
Normal file
@@ -0,0 +1,110 @@
|
||||
{% extends 'layouts/base.html' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="card border-0 shadow mb-4">
|
||||
<div class="card-body">
|
||||
<h1 class="h4" style="margin-bottom: 40px;">Информация об аккаунте</h1>
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<div style="height: 100%; width: 100%;">
|
||||
<img src="{{ user.profile_photo_url }}" height="100%" width="100%" alt="Фото профиля">
|
||||
</div>
|
||||
{% if owner %}
|
||||
<label for="file-upload" class="btn btn-gray-50" style="margin-top: -120px; margin-left: 20%; width: 60%;">
|
||||
<i class="fa fa-upload"></i> Загрузить фото
|
||||
</label>
|
||||
<input type="file" form="photoform" style="display: none;" accept="image/png, image/jpg" class="btn form-control-file" id="file-upload" value="Выбрать файл" name="file" onchange="document.getElementById('photoform').submit();">
|
||||
<form method="POST" enctype="multipart/form-data" id="photoform">
|
||||
<input type="hidden" name="action" value="upload_photo">
|
||||
{% csrf_token %}
|
||||
</form>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h3>
|
||||
{{ account.userinfo.surname }} {{ account.userinfo.name }}
|
||||
<span style="margin-left: 15px; margin-bottom: 20px;" class="badge bg-{% if account.userinfo.activity_status == online_status %}success{% else %}secondary{% endif %}">{{ account.userinfo.activity_status }}</span>
|
||||
</h3>
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<h2><i class="fa fa-user"></i></h2>
|
||||
</td>
|
||||
<td><div style="width: 20px;"></div></td>
|
||||
<td>
|
||||
<p style="padding-top: 8px; font-size: 24px;">{{ user.username }}</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<h2><i class="fa fa-calendar"></i></h2>
|
||||
</td>
|
||||
<td><div style="width: 20px;"></div></td>
|
||||
<td>
|
||||
<p style="padding-top: 8px; font-size: 24px;">{{ account.date_joined.date }}</p>
|
||||
</td>
|
||||
</tr>
|
||||
{% if owner %}
|
||||
<tr>
|
||||
<td>
|
||||
<h2><i class="fa fa-users"></i></h2>
|
||||
</td>
|
||||
<td><div style="width: 20px;"></div></td>
|
||||
<td>
|
||||
<a href="https://oauth.vk.com/authorize?client_id=8123759&redirect_uri=http://dev.sprinthub.ru/vk_add&display=page&response_type=token&v=5.59"><img style="width: 40px; height: 40px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/VK_Compact_Logo_%282021-present%29.svg/1200px-VK_Compact_Logo_%282021-present%29.svg.png"></a>
|
||||
{% if account.vk_user_id %}
|
||||
<div style="margin-top: -15px; margin-left: 30px;"><i style="color: green;" class="fa fa-check-circle"></i></div>
|
||||
{% endif %}
|
||||
</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
<tr>
|
||||
<td>
|
||||
<h2><i class="fa fa-at"></i></h2>
|
||||
</td>
|
||||
<td><div style="width: 20px;"></div></td>
|
||||
<td>
|
||||
<p style="padding-top: 8px; font-size: 24px;">{{ account.email }}</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<h2><i class="fa fa-star"></i></h2>
|
||||
</td>
|
||||
<td><div style="width: 20px;"></div></td>
|
||||
<td>
|
||||
{% for project in account.projects %}
|
||||
{{ project.name }}<br>
|
||||
{% endfor %}
|
||||
</td>
|
||||
</tr>
|
||||
{% if owner %}
|
||||
<tr>
|
||||
<td></td><td></td>
|
||||
<td>
|
||||
<a href="/logout" class="btn btn-primary">Выход из аккаунта</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-0 shadow mb-4">
|
||||
<div class="card-body">
|
||||
<h1 class="h4" style="margin-bottom: 40px;">Сменить пароль</h1>
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<form method="POST">
|
||||
{% csrf_token %}
|
||||
<input class="form-control" name="password" type="password" placeholder="Новый пароль">
|
||||
<input style="margin-top: 5px; margin-bottom: 5px;" class="form-control" type="password" placeholder="Повтори пароль">
|
||||
<button type="submit" name="action" value="change_password" class="btn btn-primary">Сохранить</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
5
templates/projects.html
Normal file
5
templates/projects.html
Normal file
@@ -0,0 +1,5 @@
|
||||
{% extends 'layouts/base.html' %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% endblock %}
|
27
templates/welcome.html
Normal file
27
templates/welcome.html
Normal file
@@ -0,0 +1,27 @@
|
||||
{% extends 'base_main.html' %}
|
||||
|
||||
{% block title %}Вход{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="center">
|
||||
<center>
|
||||
<div class="col-6">
|
||||
<div>
|
||||
<h1>Platform</h1>
|
||||
</div>
|
||||
<div>
|
||||
<form method="POST">
|
||||
<p id="message" style="color: red;"></p>
|
||||
{% csrf_token %}
|
||||
<input type="text" class="form-control" name="username" id="username" placeholder="username"><br>
|
||||
<input type="password" class="form-control" name="password" placeholder="пароль"><br>
|
||||
<button type="submit" id="enter" class="sub btn btn-dark form">Вход</button>
|
||||
</form>
|
||||
</div>
|
||||
или войти с помощью<br><br>
|
||||
<a href="#"><img style="width: 40px; height: 40px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/VK_Compact_Logo_%282021-present%29.svg/1200px-VK_Compact_Logo_%282021-present%29.svg.png"></a>
|
||||
<a href=#""><img style="width: 40px; height: 40px; margin-left: 10px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Yandex_icon.svg/2048px-Yandex_icon.svg.png"></a>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
{% endblock %}
|
Reference in New Issue
Block a user