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