Skip to content

Commit 56d492d

Browse files
CasassarnauCasassarnau
committed
Finished checkin
1 parent 86f878a commit 56d492d

32 files changed

+697
-25
lines changed

‎app/mixins.py

+11
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import copy
22

33
from django import forms
4+
from django.contrib.auth.mixins import PermissionRequiredMixin as OverridePermissionRequiredMixin
45
from django.forms import model_to_dict
56
from django.utils.safestring import mark_safe
67
from django.utils.translation import gettext_lazy as _
@@ -112,3 +113,13 @@ def get_fields(self):
112113
del visible[field['field'].auto_id]
113114
list_fields['visible'] = visible
114115
return result
116+
117+
118+
class PermissionRequiredMixin(OverridePermissionRequiredMixin):
119+
def get_permission_required(self):
120+
permissions = super().get_permission_required()
121+
if isinstance(permissions, dict):
122+
permissions = permissions.get(self.request.method, [])
123+
if isinstance(permissions, str):
124+
permissions = [permissions, ]
125+
return permissions

‎app/settings.py

+2-1
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
# SECURITY WARNING: don't run with debug turned on in production!
3030
DEBUG = os.environ.get('DEBUG', 'true').lower() != 'false'
3131

32-
ALLOWED_HOSTS = []
32+
ALLOWED_HOSTS = ['*']
3333
HOST = os.environ.get('HOST')
3434

3535
if DEBUG:
@@ -56,6 +56,7 @@
5656
'user',
5757
'application',
5858
'review',
59+
'event',
5960
]
6061

6162
MIDDLEWARE = [

‎app/static/css/main.css

+65
Original file line numberDiff line numberDiff line change
@@ -89,4 +89,69 @@ footer {
8989
.border-lg {
9090
border: 0 !important;
9191
}
92+
#popup-scan > div {
93+
height: 100%;
94+
}
95+
}
96+
97+
#popup-scan {
98+
position: absolute;
99+
top: 0;
100+
left: 0;
101+
width: 100%;
102+
height: 100%;
103+
display: none;
104+
z-index: 1251;
105+
}
106+
107+
.scan-region-highlight {
108+
border-radius: 30px;
109+
outline: rgba(0, 0, 0, .25) solid 50vmax;
110+
}
111+
112+
.scan-region-highlight-svg {
113+
display: none;
114+
}
115+
116+
.veil {
117+
display: block;
118+
position: absolute;
119+
top: 0;
120+
left: 0;
121+
width: 100%;
122+
height: 100%;
123+
z-index: 1250;
124+
background-color:rgba(30,30,30,0.9);
125+
backdrop-filter: blur(2px);
126+
cursor: pointer;
127+
}
128+
129+
.bg-diet-others {
130+
background-color: #f5df5d;
131+
color: black;
132+
}
133+
134+
.bg-diet-gluten-free {
135+
background-color: #f5df5d;
136+
color: black;
137+
}
138+
139+
.bg-diet-no-pork {
140+
background-color: #eb6262;
141+
color: black;
142+
}
143+
144+
.bg-diet-vegetarian {
145+
background-color: #a6bb33;
146+
color: black;
147+
}
148+
149+
.bg-diet-vegan {
150+
background-color: #a6bb33;
151+
color: black;
152+
}
153+
154+
.bg-diet-none {
155+
background-color: #f7f8f9;
156+
color: black;
92157
}

‎app/static/js/scanner.js

+116
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
function Scanner(videoId, scanFunction=null, extraOpts={}) {
2+
const self = this
3+
this.videoId = videoId
4+
this.popup = extraOpts.popup ?? false
5+
let opts = {
6+
maxScansPerSecond: 4,
7+
highlightScanRegion: true,
8+
highlightCodeOutline: false,
9+
...extraOpts,
10+
}
11+
let video = $(`#${videoId}`)
12+
if (this.popup) {
13+
video.wrap('<div id="video-scan-all" style="display: none; position: relative; overflow: hidden; border-radius: 5px" class="mt-4 bg-primary">')
14+
} else {
15+
video.wrap('<div id="video-scan-all" style="display: none; position: relative; overflow: hidden; border-radius: 5px; width: 100%" class="mt-4 bg-primary">')
16+
17+
}
18+
video.after('<i id="toggle-flash" class="bi bi-lightning fs-1" style="display: none; position: absolute; z-index: 1252; right: 3%; top: 3%; cursor: pointer"></i>')
19+
video.after('<i id="toggle-cam" class="bi bi-arrow-repeat fs-1" style="display: none; position: absolute; z-index: 1252; right: 3%; bottom: 3%; cursor: pointer"></i>')
20+
video.show()
21+
if (this.popup) {
22+
let video_wrap = video.parent()
23+
video_wrap.before('<div class="row m-0 mt-3">' +
24+
' <div class="col-2 text-start"><h2><i id="close-button" class="bi bi-arrow-left" style="cursor: pointer"></i></h2></div>' +
25+
` <div class="col-8"><h2>${extraOpts.popup_title ?? 'QR scanner'}</h2></div>` +
26+
' </div>')
27+
let all = $.merge(video_wrap.prev(), video_wrap)
28+
29+
all.wrapAll(`<div id="popup-scan-container" class="${extraOpts.popup_class ?? ''} p-2 col-lg-4 mt-lg-5 text-center">`).first().parent()
30+
.wrap('<div class="row justify-content-center m-0">').parent()
31+
.wrap('<div id="popup-scan" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none">')
32+
33+
$(document).on('keyup', function(e) {
34+
if (e.key === "Escape") self.hide()
35+
})
36+
const div = document.createElement('div')
37+
div.style = 'display: none;'
38+
div.className = 'veil'
39+
div.id = 'veil'
40+
document.body.appendChild(div)
41+
$('#close-button').on('click', () => {self.hide()})
42+
$('#popup-scan').on('click', () => {self.hide()})
43+
$('#popup-scan-container').on('click', (e) => e.stopPropagation())
44+
}
45+
this.scanner = new QrScanner(video.get(0), scanFunction, opts)
46+
this.scanner.hasFlash().then((response) => {
47+
let flash = $('#toggle-flash')
48+
if (response) {
49+
flash.show()
50+
flash.on('click', () => {
51+
flash.toggleClass('bi-lightning bi-lightning-fill')
52+
self.scanner.toggleFlash()
53+
})
54+
}
55+
})
56+
QrScanner.listCameras(true).then(function (cameras) {
57+
if (cameras.length > 0) {
58+
let cameraId = localStorage.getItem("camera-id")
59+
if (cameraId === null || cameraId === undefined) {
60+
cameraId = "0"
61+
localStorage.setItem("camera-id", cameraId)
62+
}
63+
let camera_choices = ['environment', 'user']
64+
self.scanner.setCamera(camera_choices[parseInt(cameraId)])
65+
if (cameras.length > 1) {
66+
let toggle_cam = $('#toggle-cam')
67+
toggle_cam.show()
68+
let switcher = {0: "1", 1: "0"}
69+
toggle_cam.on('click', () => {
70+
cameraId = switcher[cameraId] ?? "0"
71+
localStorage.setItem("camera-id", cameraId)
72+
self.scanner.setCamera(camera_choices[parseInt(cameraId)])
73+
})
74+
}
75+
} else {
76+
console.error('No cameras found.');
77+
}
78+
}).catch(function (e) {
79+
console.error(e);
80+
});
81+
}
82+
83+
Scanner.prototype.start = function () {
84+
this.scanner.start()
85+
}
86+
87+
Scanner.prototype.stop = function () {
88+
this.scanner.stop()
89+
}
90+
91+
Scanner.prototype.show = function () {
92+
$('#video-scan-all').css('display', 'inline-block')
93+
$('#popup-scan').show()
94+
$('#veil').show()
95+
this.start()
96+
}
97+
98+
Scanner.prototype.hide = function () {
99+
$('#video-scan-all').hide()
100+
$('#popup-scan').hide()
101+
$('#veil').hide()
102+
this.stop()
103+
}
104+
105+
Scanner.prototype.addPhotoToForm = function (formId, inputId) {
106+
const self = this
107+
$(`#${formId}`).on("submit", (ev)=>{
108+
var video = document.getElementById(self.videoId);
109+
var canvas = document.createElement("canvas");
110+
document.body.appendChild(canvas);
111+
canvas.width = video.videoWidth;
112+
canvas.height = video.videoHeight;
113+
canvas.getContext('2d').drawImage(video, 0, 0);
114+
document.getElementById(inputId).value = canvas.toDataURL("image/png");
115+
})
116+
}

0 commit comments

Comments
 (0)