working on a basic home page
This commit is contained in:
parent
23bcfe0158
commit
5b82d06718
@ -3,11 +3,11 @@
|
||||
from django.urls import path, include, re_path
|
||||
from django.shortcuts import redirect
|
||||
|
||||
from apps.home import views
|
||||
from .views import IndexView
|
||||
|
||||
def reverse_to_index(reqeust):
|
||||
return redirect("admin:index")
|
||||
# def reverse_to_index(reqeust):
|
||||
# return redirect("admin:index")
|
||||
|
||||
urlpatterns = [
|
||||
path("", reverse_to_index, name="index"),
|
||||
path("", IndexView.as_view(), name="index"),
|
||||
]
|
||||
|
||||
@ -1,9 +1,17 @@
|
||||
# -*- encoding: utf-8 -*-
|
||||
|
||||
from django import template
|
||||
from django.contrib.auth.decorators import login_required
|
||||
from django.http import HttpResponse, HttpResponseRedirect
|
||||
from django.template import loader
|
||||
# from django import template
|
||||
# from django.contrib.auth.decorators import login_required
|
||||
# from django.http import HttpResponse, HttpResponseRedirect
|
||||
# from django.template import loader
|
||||
# from django.urls import reverse
|
||||
|
||||
from django.urls import reverse
|
||||
from django.views.generic import TemplateView
|
||||
|
||||
|
||||
class IndexView(TemplateView):
|
||||
"""
|
||||
|
||||
"""
|
||||
|
||||
template_name = "home/index.html"
|
||||
|
||||
@ -74,6 +74,14 @@ body {
|
||||
border-bottom: 1px solid var(--border-colour) !important;
|
||||
}
|
||||
|
||||
.bdR {
|
||||
border-right: 1px solid var(--border-colour) !important;
|
||||
}
|
||||
|
||||
.bdL {
|
||||
border-left: 1px solid var(--border-colour) !important;
|
||||
}
|
||||
|
||||
.w-fc {
|
||||
width: fit-content;
|
||||
}
|
||||
@ -115,7 +123,7 @@ body {
|
||||
}
|
||||
|
||||
.sidebar-logo {
|
||||
border-right: 1px solid var(--border-colour);
|
||||
border-right: none !important;
|
||||
border-bottom: 1px solid var(--border-colour);
|
||||
}
|
||||
|
||||
|
||||
BIN
apps/static/images/pyrss.png
Normal file
BIN
apps/static/images/pyrss.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
apps/static/images/pyrss_logo.webp
Normal file
BIN
apps/static/images/pyrss_logo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
@ -8,7 +8,7 @@
|
||||
{% block content %}
|
||||
|
||||
<!-- ### $App Screen Content ### -->
|
||||
<main class='main-content bgc-grey-100'>
|
||||
<main class='main-content bg-body-tertiary'>
|
||||
<div id='mainContent'>
|
||||
<div class="full-container">
|
||||
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
{% block content %}
|
||||
|
||||
<!-- ### $App Screen Content ### -->
|
||||
<main class='main-content bgc-grey-100'>
|
||||
<main class='main-content bg-body-tertiary'>
|
||||
<div id='mainContent'>
|
||||
<div class="row gap-20 masonry pos-r">
|
||||
<div class="masonry-sizer col-md-6"></div>
|
||||
@ -16,7 +16,7 @@
|
||||
<div class="row gap-20">
|
||||
<!-- #Toatl Visits ==================== -->
|
||||
<div class='col-md-3'>
|
||||
<div class="layers bd bgc-white p-20">
|
||||
<div class="layers bd bg-body p-20">
|
||||
<div class="layer w-100 mB-10">
|
||||
<h6 class="lh-1">Total Visits</h6>
|
||||
</div>
|
||||
@ -35,7 +35,7 @@
|
||||
|
||||
<!-- #Total Page Views ==================== -->
|
||||
<div class='col-md-3'>
|
||||
<div class="layers bd bgc-white p-20">
|
||||
<div class="layers bd bg-body p-20">
|
||||
<div class="layer w-100 mB-10">
|
||||
<h6 class="lh-1">Total Page Views</h6>
|
||||
</div>
|
||||
@ -54,7 +54,7 @@
|
||||
|
||||
<!-- #Unique Visitors ==================== -->
|
||||
<div class='col-md-3'>
|
||||
<div class="layers bd bgc-white p-20">
|
||||
<div class="layers bd bg-body p-20">
|
||||
<div class="layer w-100 mB-10">
|
||||
<h6 class="lh-1">Unique Visitor</h6>
|
||||
</div>
|
||||
@ -73,7 +73,7 @@
|
||||
|
||||
<!-- #Bounce Rate ==================== -->
|
||||
<div class='col-md-3'>
|
||||
<div class="layers bd bgc-white p-20">
|
||||
<div class="layers bd bg-body p-20">
|
||||
<div class="layer w-100 mB-10">
|
||||
<h6 class="lh-1">Bounce Rate</h6>
|
||||
</div>
|
||||
@ -93,7 +93,7 @@
|
||||
</div>
|
||||
<div class="masonry-item col-12">
|
||||
<!-- #Site Visits ==================== -->
|
||||
<div class="bd bgc-white">
|
||||
<div class="bd bg-body">
|
||||
<div class="peers fxw-nw@lg+ ai-s">
|
||||
<div class="peer peer-greed w-70p@lg+ w-100@lg- p-20">
|
||||
<div class="layers">
|
||||
@ -101,7 +101,7 @@
|
||||
<h6 class="lh-1">Site Visits</h6>
|
||||
</div>
|
||||
<div class="layer w-100">
|
||||
<div id="world-map-marker"></div>
|
||||
<!-- <div id="world-map-marker"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -173,7 +173,7 @@
|
||||
</div>
|
||||
<div class="masonry-item col-md-6">
|
||||
<!-- #Monthly Stats ==================== -->
|
||||
<div class="bd bgc-white">
|
||||
<div class="bd bg-body">
|
||||
<div class="layers">
|
||||
<div class="layer w-100 pX-20 pT-20">
|
||||
<h6 class="lh-1">Monthly Stats</h6>
|
||||
@ -206,7 +206,7 @@
|
||||
</div>
|
||||
<div class="masonry-item col-md-6">
|
||||
<!-- #Todo ==================== -->
|
||||
<div class="bd bgc-white p-20">
|
||||
<div class="bd bg-body p-20">
|
||||
<div class="layers">
|
||||
<div class="layer w-100 mB-10">
|
||||
<h6 class="lh-1">Todo List</h6>
|
||||
@ -283,7 +283,7 @@
|
||||
</div>
|
||||
<div class="masonry-item col-md-6">
|
||||
<!-- #Sales Report ==================== -->
|
||||
<div class="bd bgc-white">
|
||||
<div class="bd bg-body">
|
||||
<div class="layers">
|
||||
<div class="layer w-100 p-20">
|
||||
<h6 class="lh-1">Sales Report</h6>
|
||||
@ -365,7 +365,7 @@
|
||||
</div>
|
||||
<div class="masonry-item col-md-6">
|
||||
<!-- #Weather ==================== -->
|
||||
<div class="bd bgc-white p-20">
|
||||
<div class="bd bg-body p-20">
|
||||
<div class="layers">
|
||||
<!-- Widget Title -->
|
||||
<div class="layer w-100 mB-20">
|
||||
@ -489,7 +489,7 @@
|
||||
</div>
|
||||
<div class="masonry-item col-md-6">
|
||||
<!-- #Chat ==================== -->
|
||||
<div class="bd bgc-white">
|
||||
<div class="bd bg-body">
|
||||
<div class="layers">
|
||||
<div class="layer w-100 p-20">
|
||||
<h6 class="lh-1">Quick Chat</h6>
|
||||
@ -505,7 +505,7 @@
|
||||
<div class="peer peer-greed">
|
||||
<div class="layers ai-fs gapY-5">
|
||||
<div class="layer">
|
||||
<div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
|
||||
<div class="peers fxw-nw ai-c pY-3 pX-10 bg-body bdrs-2 lh-3/2">
|
||||
<div class="peer mR-10">
|
||||
<small>10:00 AM</small>
|
||||
</div>
|
||||
@ -515,7 +515,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="layer">
|
||||
<div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
|
||||
<div class="peers fxw-nw ai-c pY-3 pX-10 bg-body bdrs-2 lh-3/2">
|
||||
<div class="peer mR-10">
|
||||
<small>10:00 AM</small>
|
||||
</div>
|
||||
@ -525,7 +525,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="layer">
|
||||
<div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
|
||||
<div class="peers fxw-nw ai-c pY-3 pX-10 bg-body bdrs-2 lh-3/2">
|
||||
<div class="peer mR-10">
|
||||
<small>10:00 AM</small>
|
||||
</div>
|
||||
@ -546,7 +546,7 @@
|
||||
<div class="peer peer-greed ord-0">
|
||||
<div class="layers ai-fe gapY-10">
|
||||
<div class="layer">
|
||||
<div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
|
||||
<div class="peers fxw-nw ai-c pY-3 pX-10 bg-body bdrs-2 lh-3/2">
|
||||
<div class="peer mL-10 ord-1">
|
||||
<small>10:00 AM</small>
|
||||
</div>
|
||||
@ -556,7 +556,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="layer">
|
||||
<div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
|
||||
<div class="peers fxw-nw ai-c pY-3 pX-10 bg-body bdrs-2 lh-3/2">
|
||||
<div class="peer mL-10 ord-1">
|
||||
<small>10:00 AM</small>
|
||||
</div>
|
||||
@ -570,7 +570,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Chat Send -->
|
||||
<div class="p-20 bdT bgc-white">
|
||||
<div class="p-20 bdT bg-body">
|
||||
<div class="pos-r">
|
||||
<input type="text" class="form-control bdrs-10em m-0" placeholder="Say something...">
|
||||
<button type="button" class="btn btn-primary bdrs-50p w-2r p-0 h-2r pos-a r-1 t-1">
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="header-container">
|
||||
<ul class="nav-left">
|
||||
<li>
|
||||
<a id='sidebar-toggle' class="sidebar-toggle" href="javascript:void(0);">
|
||||
<a id="sidebar-toggle" class="sidebar-toggle" href="javascript:void(0);">
|
||||
<i class="ti-menu"></i>
|
||||
</a>
|
||||
</li>
|
||||
@ -100,7 +100,7 @@
|
||||
</li>
|
||||
<li class="pX-20 pY-15 ta-c bdT">
|
||||
<span>
|
||||
<a href="{% url 'tickets' %}" class="c-grey-600 cH-blue fsz-sm td-n">View All Tickets <i class="fs-xs ti-angle-right ms-10"></i></a>
|
||||
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Tickets <i class="fs-xs ti-angle-right ms-10"></i></a>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -122,20 +122,20 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{% url 'profile' %}" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
|
||||
<a href="#" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
|
||||
<i class="ti-user mR-10"></i>
|
||||
<span>Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
|
||||
<a href="#" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
|
||||
<i class="ti-email mR-10"></i>
|
||||
<span>Messages</span>
|
||||
</a>
|
||||
</li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li>
|
||||
<a href="{% url 'logout' %}" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
|
||||
<a href="#" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
|
||||
<i class="ti-power-off mR-10"></i>
|
||||
<span>Logout</span>
|
||||
</a>
|
||||
|
||||
@ -1,32 +1,32 @@
|
||||
{% load static %}
|
||||
<div class="sidebar bg-body">
|
||||
<div class="sidebar-inner">
|
||||
<!-- ### $Sidebar Header ### -->
|
||||
<div class="sidebar-logo">
|
||||
<div class="sidebar bg-body bdR">
|
||||
<div class="sidebar-inner">
|
||||
<!-- ### $Sidebar Header ### -->
|
||||
<div class="sidebar-logo">
|
||||
<div class="peers ai-c fxw-nw">
|
||||
<div class="peer peer-greed">
|
||||
<a class="sidebar-link td-n" href="/">
|
||||
<div class="peers ai-c fxw-nw">
|
||||
<div class="peer">
|
||||
<div class="logo">
|
||||
<img src="{% static '/images/logo.png' %}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="peer peer-greed">
|
||||
<h5 class="lh-1 mB-0 text-body-tertiary">Adminator</h5>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="peer">
|
||||
<div class="mobile-toggle sidebar-toggle">
|
||||
<a href="" class="td-n">
|
||||
<i class="ti-arrow-circle-left"></i>
|
||||
</a>
|
||||
<div class="peer peer-greed">
|
||||
<a class="sidebar-link td-n" href="/">
|
||||
<div class="peers ai-c fxw-nw">
|
||||
<div class="peer">
|
||||
<div class="logo">
|
||||
<img src="{% static '/images/pyrss_logo.webp' %}" width="70" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="peer peer-greed">
|
||||
<h5 class="lh-1 mB-0 text-body-tertiary text-nowrap">PYRSS WEBSITE</h5>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="peer">
|
||||
<div class="mobile-toggle sidebar-toggle">
|
||||
<a href="" class="td-n">
|
||||
<i class="ti-arrow-circle-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ### $Sidebar Menu ### -->
|
||||
<!-- <li class="nav-item">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user