didier/cineflex
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: working copy, caching ASP, notworking orders though

Browse source
This commit is contained in:
Didier Slof 2023-02-03 09:05:29 +01:00
parent dc5d204cfc
commit 390ad23e03
Signed by: didier
GPG key ID: 01E71F18AA4398E5
32 changed files with 246 additions and 194 deletions
Download patch file Download diff file Expand all files Collapse all files

0
public/css/extra.css → public/css/main/jumbotron.css
View file

0
public/css/main.css → public/css/main/main.css
View file

1
public/css/main/movies.css Normal file
View file

@ -0,0 +1 @@
@import "../manage/movies.css";

8
public/css/order.css → public/css/main/order.css
View file

@ -2,8 +2,10 @@ body {
/* center with spacing on the left and right*/
margin: 0 auto;
width: 100%;
max-width: 1000px;
padding: 0 20px 3rem;
display: grid;
place-content: center;
}
#seat-chooser {
@ -51,3 +53,7 @@ body {
margin: 0.5rem;
float: right;
}
#order-button {
margin-bottom: 10rem;
}

51
public/css/manage/forms.css Normal file
View file

@ -0,0 +1,51 @@
.form {
display: flex;
flex-direction: column;
margin: 0.5rem 0;
padding: 0.5rem;
background: var(--second-bg);
border-radius: 0.5rem;
}
.form .form-group {
display: flex;
flex-direction: column;
margin: 0.5rem 0;
}
.form .form-group label {
margin: 0.5rem 0;
}
.form .form-group button,
.form .form-group select,
.form .form-group textarea,
.form .form-group input {
padding: 0.5rem;
border-radius: 0.5rem;
background: var(--default-bg);
color: var(--default-text);
outline: none;
border: none;
}
.form .form-group button:hover,
.form .form-group select:hover,
.form .form-group textarea:hover,
.form .form-group input:hover,
.form .form-group button:focus,
.form .form-group select:focus,
.form .form-group textarea:focus,
.form .form-group input:focus {
filter: brightness(1.5);
}
form .form-group button {
background: var(--highlight-bg);
color: var(--highlight-text);
cursor: pointer;
}
form .form-group button:hover {
filter: brightness(1.5);
}

82
public/css/manage.css → public/css/manage/manage.css
View file

@ -9,6 +9,7 @@ header {
align-items: center;
width: 100%;
z-index: 1;
box-shadow: #111111 0 0 10px;
}
header span {
@ -91,90 +92,9 @@ main {
font-weight: bold;
}
#movies {
display: flex;
flex-direction: column;
}
#movies a {
display: flex;
flex-direction: row;
margin: 0.5rem 0;
padding: 0.5rem;
background: var(--second-bg);
border-radius: 0.5rem;
}
#movies a img {
width: 10vw;
height: 16vw;
object-fit: cover;
transition: transform 0.5s;
}
#movies a:hover {
filter: brightness(1.5);
}
#movies a .details {
display: flex;
flex-direction: column;
margin-left: 1rem;
}
/* form */
.form {
display: flex;
flex-direction: column;
margin: 0.5rem 0;
padding: 0.5rem;
background: var(--second-bg);
border-radius: 0.5rem;
}
.form .form-group {
display: flex;
flex-direction: column;
margin: 0.5rem 0;
}
.form .form-group label {
margin: 0.5rem 0;
}
.form .form-group button,
.form .form-group select,
.form .form-group textarea,
.form .form-group input {
padding: 0.5rem;
border-radius: 0.5rem;
background: var(--default-bg);
color: var(--default-text);
outline: none;
border: none;
}
.form .form-group button:hover,
.form .form-group select:hover,
.form .form-group textarea:hover,
.form .form-group input:hover,
.form .form-group button:focus,
.form .form-group select:focus,
.form .form-group textarea:focus,
.form .form-group input:focus {
filter: brightness(1.5);
}
form .form-group button {
background: var(--highlight-bg);
color: var(--highlight-text);
cursor: pointer;
}
form .form-group button:hover {
filter: brightness(1.5);
}
#showings {
display: flex;

63
public/css/manage/movies.css Normal file
View file

@ -0,0 +1,63 @@
#movie-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
gap: 1rem;
}
#movie-grid a {
position: relative;
}
#movie-grid a .details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: grid;
place-content: center;
align-content: center;
background: #000;
opacity: 0;
color: var(--default-text);
transition: all .5s;
max-height: 100%;
max-width: 100%;
}
#movie-grid a:hover .details {
opacity: 0.7;
}
/* --- */
#movie-list {
display: flex;
flex-direction: column;
}
#movie-list a {
display: flex;
flex-direction: row;
margin: 0.5rem 0;
padding: 0.5rem;
background: var(--second-bg);
border-radius: 0.5rem;
}
#movie-list a img {
width: 10vw;
height: 16vw;
object-fit: cover;
transition: transform 0.5s;
}
#movie-list a .details {
display: flex;
flex-direction: column;
margin-left: 1rem;
}

31
public/css/movies.css
View file

@ -1,31 +0,0 @@
#movies {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
gap: 1rem;
}
/* Show .details on top of image */
#movies a {
position: relative;
}
#movies a .details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: grid;
place-content: center;
align-content: center;
background: var(--second-bg);
opacity: 0;
color: var(--default-text);
transition: all .5s;
}
#movies a:hover .details {
opacity: 0.7;
}

10
public/js/order.js
View file

@ -62,7 +62,7 @@
}
);
window.freq.set('seat-chooser', sc);
window.sc = sc;
})();
let total = 0;
@ -84,13 +84,14 @@ document.querySelector('button#order-button').addEventListener('click', (e) => {
window.sc.selectedSeats.forEach(seat => {
seats.push({
seat: seat.id,
ticket: seat.ticket.id
price: seat.ticket.id,
});
});
fetch(`/api/order`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + document.querySelector('#order-button').getAttribute('data-token') || ''
},
body: JSON.stringify({
showing: sc.showingId,
@ -98,7 +99,8 @@ document.querySelector('button#order-button').addEventListener('click', (e) => {
})
}).then(res => {
if (res.ok) {
window.location = '/order/complete';
// window.location = '/order/complete';
console.log('Order placed');
} else {
alert('Error placing order');
}