.editorconfig

@@ -0,0 +1,5 @@
+root = true
+
+[*.{js,css}]
+indent_style = space
+indent_size = 2

reValuate/home/static/home/css/gallery.css

@@ -1,134 +1,127 @@
-.popup{
-    width: 900px;
-    margin: auto;
-    text-align: center
+.popup {
+	width: 900px;
+	margin: auto;
+	text-align: center;
 }
-.popup img{
-    width: 200px;
-    height: 200px;
-    cursor: pointer
+
+.popup img {
+	width: 200px;
+	height: 200px;
+	cursor: pointer;
 }
-.show{
-    z-index: 999;
-    display: none;
+
+.show {
+	z-index: 999;
+	display: none;
 }
-.show .overlay{
-    width: 100%;
-    height: 100%;
-    background: rgba(0,0,0,.66);
-    position: absolute;
-    top: 0;
-    left: 0;
+
+.show .overlay {
+	width: 100%;
+	height: 100%;
+	background: rgba(0,0,0,.66);
+	position: absolute;
+	top: 0;
+	left: 0;
 }
-.show .img-show{
-    width: 600px;
-    height: 400px;
-    background: #FFF;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%,-50%);
-    overflow: hidden
+
+.show .img-show {
+	width: 600px;
+	height: 400px;
+	background: #FFF;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%,-50%);
+	overflow: hidden;
 }
-.img-show span{
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    z-index: 99;
-    cursor: pointer;
+
+.img-show span {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	z-index: 99;
+	cursor: pointer;
 }
-.img-show img{
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
+
+.img-show img {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
 }
 
 * {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-  }
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+}
 
-  body {
-    font-family: Raleway;
-    background-color: #202125;
-  }
+body {
+	font-family: Raleway;
+	background-color: #202125;
+}
 
-  .heading {
-      text-align: center;
-      font-size: 2.0em;
-      letter-spacing: 1px;
-      padding: 40px;
-      color: white;
-  }
+.heading {
+	text-align: center;
+	font-size: 2.0em;
+	letter-spacing: 1px;
+	padding: 40px;
+	color: white;
+}
 
-  .gallery-image {
-    padding: 20px;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-  }
+.gallery-image {
+	padding: 20px;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+}
 
-  .gallery-image img {
-    height: 250px;
-    width: 350px;
-    transform: scale(1.0);
-    transition: transform 0.4s ease;
-  }
+.gallery-image img {
+	height: 250px;
+	width: 350px;
+	transform: scale(1.0);
+	transition: transform 0.4s ease;
+}
 
-  .img-box {
-    box-sizing: content-box;
-    margin: 10px;
-    height: 250px;
-    width: 350px;
-    overflow: hidden;
-    display: inline-block;
-    color: white;
-    position: relative;
-    background-color: white;
-  }
+.img-box {
+	box-sizing: content-box;
+	margin: 10px;
+	height: 250px;
+	width: 350px;
+	overflow: hidden;
+	display: inline-block;
+	color: white;
+	position: relative;
+	background-color: white;
+}
 
-  .caption {
-    position: absolute;
-    bottom: 5px;
-    left: 20px;
-    opacity: 0.0;
-    transition: transform 0.3s ease, opacity 0.3s ease;
-  }
+.caption {
+	position: absolute;
+	bottom: 5px;
+	left: 20px;
+	opacity: 0.0;
+	transition: transform 0.3s ease, opacity 0.3s ease;
+}
 
-  .transparent-box {
-    height: 250px;
-    width: 350px;
-    background-color:rgba(0, 0, 0, 0);
-    position: absolute;
-    top: 0;
-    left: 0;
-    transition: background-color 0.3s ease;
-  }
+.transparent-box {
+	height: 250px;
+	width: 350px;
+	background-color: rgba(0, 0, 0, 0);
+	position: absolute;
+	top: 0;
+	left: 0;
+	transition: background-color 0.3s ease;
+}
 
-  .img-box:hover img { 
-    transform: scale(1.1);
-  }
+.img-box:hover img { transform: scale(1.1); }
+.img-box:hover .transparent-box { background-color: rgba(0, 0, 0, 0.5); }
 
-  .img-box:hover .transparent-box {
-    background-color:rgba(0, 0, 0, 0.5);
-  }
+.img-box:hover .caption {
+	transform: translateY(-20px);
+	opacity: 1.0;
+}
 
-  .img-box:hover .caption {
-    transform: translateY(-20px);
-    opacity: 1.0;
-  }
-  
-  .img-box:hover {
-    cursor: pointer;
-  }
-  
-  .caption > p:nth-child(2) {
-    font-size: 0.8em;
-  }
-  
-  .opacity-low {
-    opacity: 0.5;
-  }
+.img-box:hover { cursor: pointer; }
+.caption > p:nth-child(2) { font-size: 0.8em; }
+.opacity-low { opacity: 0.5; }

reValuate/home/static/home/css/style.css

@@ -138,17 +138,12 @@ header {
   .menu {
     display: initial;
   }
-
 }
 
 html{
   font-family: Arial, Helvetica, sans-serif;
-
 }
 
-
-
-
 p {
   font-family: Arial, Helvetica, sans-serif;
 
@@ -167,7 +162,7 @@ ul.emoji{
 
 .question{
   color: gray;
-  font-size:20px;
+  font-size: 20px;
 }
 
 ul.nothing{
@@ -178,7 +173,7 @@ a.footer{
   /* background:radial-gradient(circle, rgba(0,159,12,1) 0%, rgba(8,96,0,1) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent; */
-  color:lightgreen;
+  color: lightgreen;
 }
 footer{
   font-size: small;

reValuate/home/views.py

@@ -5,10 +5,12 @@ from django.conf import settings
 from users.models import User
 import operator
 from upload.models import Media
+from django.db.models import Sum
+
 
 def homePage(request):
     iter_var = 0
-    all_balance = []
+    all_balance = 0
     Cashier = False
     Processor = False
 
@@ -29,19 +31,19 @@ def homePage(request):
         userQR = f"Name = {request.user.username}, Date Joined = {request.user.date_joined.date()}, ID = {request.user.id}, isCashier={Cashier}, isProcessor={Processor}, Balance = {userBalance}"
     else:
         userQR=None
-    a = Balance.objects.all()
 
-    for user in a:
-        all_balance.append(user.balanceValue)
-    print(f"{all_balance}")
-    limited_coins = settings.ALL_COINS - sum(all_balance)
+    # Use aggregation that can be calculated in database (fast)
+    all_balance = Balance.objects.all().aggregate(s=Sum("balanceValue"))['s']
+    # print(f"{all_balance}")
+
+    limited_coins = settings.ALL_COINS - all_balance
     context = {
         "isCashier": Cashier,
         "isProcessor": Processor,
         "userQR":userQR,
         "fullbalance": limited_coins,
-        "currencyTotal": sum(all_balance),
-        "userBalance": userBalance
+        "currencyTotal": all_balance,
+        "userBalance": userBalance,
     }
 
 

reValuate/templates/base.html

@@ -1,9 +1,8 @@
 <!DOCTYPE html>
-    
+{% load static %}
+{% load qr_code %}
+<html>
     <head>
-
-        {% load static %}
-        {% load qr_code %}
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <title>{% block title %}reValuate{% endblock %}</title>
@@ -11,12 +10,10 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link rel="stylesheet" href="{% static 'home/css/style.css' %}">
         <link rel="shortcut icon" type="image/png" href="{% static 'home/img/logo.png' %}"/>
-
-        {% block optionalParams %} {% endblock %}
-
+        {% block optionalParams %}{% endblock %}
     </head>
     <body>
-        {% block aboveNav %} {% endblock %}
+        {% block aboveNav %}{% endblock %}
         <header id="navbar">
             <a class="logo" href="/"><img src="{% static 'home/img/logo.png' %}" style="max-height: 100px;" alt="logo"></a>
             <nav>
@@ -54,7 +51,7 @@
                 <a href="{% url 'leaderboard' %}">Класация</a>
                 <a href="#">За нас</a>
                 {% if user.is_authenticated %}
-                <a href="{% url 'logout' %}">Излез!</a>
+                    <a href="{% url 'logout' %}">Излез!</a>
                 {% else %}
                     <a href="{% url 'login' %}">Влез!</a>
                 {% endif %}
@@ -73,4 +70,4 @@
             {% endblock %}
     </div>
     </body>
-    </html>
+</html>

reValuate/templates/getBalance.html

@@ -1,7 +1,7 @@
-<!-- templates/home.html -->
 {% extends 'base.html' %}
 
 {% block title %}Home{% endblock %}
+
 {% block optionalParams%}
 <style>
 .checkmark__circle {
@@ -56,17 +56,18 @@
 </style>
 
 {% endblock %}
+
 {% block content %}
 <div class="centered" style="text-align: center;">
 
 {% if user.is_authenticated %}
   {% if userBalance %}
   <h1 style="color:#7ac142;">Транзакцията е записана успешно!</h1>
-			Кликни <a style="color:#7ac142;"href="/remove_balance/">тук</a>, ако искаш да запишеш нова!
-			<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
-			<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/>
-			<path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>
-			</svg>
+    Кликни <a style="color:#7ac142;"href="/remove_balance/">тук</a>, ако искаш да запишеш нова!
+    <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+    <circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/>
+    <path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>
+    </svg>
     {% endif %}
   <div>
   {{ qr_code }}

reValuate/templates/home.html

@@ -1,4 +1,8 @@
 {% extends 'base.html' %}
+
+{% load qr_code %}
+{% load static %}
+
 {% block optionalParams %}
 <style>
 	html{
@@ -11,8 +15,7 @@
 }
 </style>
 {% endblock %}
-{% load qr_code %}
-{% load static %}
+
 {% block content %}
 <div id="page-wrap">
 	<h1 class="heading">reValuate</h1>

reValuate/templates/leaderboard.html

@@ -1,16 +1,17 @@
 {% extends 'base.html' %}
 
 {% block title %}Класация{% endblock %}
+
 {% block optionalParams %}
 <style>
 
 html{
-		background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
-		-webkit-background-size: cover;
-		-moz-background-size: cover;
-		-o-background-size: cover;
-		background-size: cover;
-		font-family: Arial, Helvetica, sans-serif;
+    background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    font-family: Arial, Helvetica, sans-serif;
 
 }
 .content{

reValuate/templates/registration/login.html

@@ -3,15 +3,15 @@
 {% block title %}Login{% endblock %}
 {% block optionalParams %}
 <style>
-  	html{
-		background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
-		-webkit-background-size: cover;
-		-moz-background-size: cover;
-		-o-background-size: cover;
-		background-size: cover;
-		font-family: Arial, Helvetica, sans-serif;
+  html{
+    background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    font-family: Arial, Helvetica, sans-serif;
 
-    }
+  }
   .buttons{
     background-color: #469330;
     border: none;

reValuate/templates/registration/signup.html

@@ -5,13 +5,13 @@
 <style>
 
   html{
-		background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
-		-webkit-background-size: cover;
-		-moz-background-size: cover;
-		-o-background-size: cover;
-		background-size: cover;
-		font-family: Arial, Helvetica, sans-serif;
-}
+    background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    font-family: Arial, Helvetica, sans-serif;
+  }
   #page-wrap{
     padding: 20vh;
   }

reValuate/templates/showAllImage.html

@@ -1,6 +1,8 @@
 {% extends 'base.html' %}
 {% load static %}
+
 {% block title %} My Images {% endblock %}
+
 {% block optionalParams %}
 <link rel="stylesheet" href="{% static 'home/css/gallery.css' %}">
 <style>

reValuate/templates/uploadImage.html

@@ -70,35 +70,35 @@
 	}
 
 	.closebtn:hover {
-	color: black;
+	    color: black;
 	}
 
-	.buttons{
-	margin-top: 10%;
-    background-color: #469330;
-    border: none;
-    color: white;
-    padding: 15px 32px;
-    text-align: center;
-    text-decoration: none;
-    display: inline-block;
-    font-size: 16px;
-    margin: 4px 2px;
-    cursor: pointer;
-  }
+    .buttons{
+        margin-top: 10%;
+        background-color: #469330;
+        border: none;
+        color: white;
+        padding: 15px 32px;
+        text-align: center;
+        text-decoration: none;
+        display: inline-block;
+        font-size: 16px;
+        margin: 4px 2px;
+        cursor: pointer;
+    }
 
-	html{
-		background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
-		-webkit-background-size: cover;
-		-moz-background-size: cover;
-		-o-background-size: cover;
-		background-size: cover;
-		font-family: Arial, Helvetica, sans-serif;
-	}
+    html{
+        background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
+        -webkit-background-size: cover;
+        -moz-background-size: cover;
+        -o-background-size: cover;
+        background-size: cover;
+        font-family: Arial, Helvetica, sans-serif;
+    }
 
-	#page-wrap{
-		padding: 20vh;
-	}
+    #page-wrap{
+        padding: 20vh;
+    }
 </style>