-
-
{{ event.name }}
-
arrow_backBack
-
{{ event.description }}
-
Order tickets
+
+
{{ event.name }}
+
arrow_backBack
+
{{ event.description }}
+
Order tickets
@@ -24,10 +24,18 @@
}
.top-container {
- background: linear-gradient( to top, rgba( 0, 0, 0, 0.9 ) 50%, rgba( 0, 0, 0, 0 ) ), url( '@/assets/logo.png');
- background-repeat: no-repeat;
- background-size: cover;
- height: 100%;
+ height: 45vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 200%;
+ }
+
+ .eventTitle {
+ background-color: rgba(0, 0, 0, 0.6);
+ color: white;
+ padding: 1.5% 3%;
+ margin: 0;
}
@@ -39,10 +47,13 @@
this.$router.push( '/tickets' );
}
this.eventID = sessionStorage.getItem( 'selectedTicket' );
+ this.event[ 'banner' ] = localStorage.getItem( 'url' ) + '/eventAssets/' + this.eventID + '-banner.jpg';
+ this.event[ 'logo' ] = localStorage.getItem( 'url' ) + '/eventAssets/' + this.eventID + '-logo.jpg';
+ this.event[ 'banner' ] = localStorage.getItem( 'url' ) + '/otherAssets/logo.png';
},
data() {
return {
- event: { 'name': 'TestEvent', 'description': 'This is a description for the TestEvent to test multiline support and proper positioning of the Fields', 'freeSeats': 2, 'maxSeats': 2, 'date':'TestDate', 'startingPrice':15, 'location': 'TestLocation', 'eventID': 'test', 'currency': 'CHF', 'logo': 'logo.png' },
+ event: { 'name': 'TestEvent', 'description': 'This is a description for the TestEvent to test multiline support and proper positioning of the Fields', 'location': 'test', 'date': '2023-07-15', 'currency': 'CHF', 'categories': { '1': { 'price': { '1':25, '2':35 }, 'bg': 'black', 'fg': 'white', 'name': 'Category 1' }, '2': { 'price': { '1':15, '2':20 }, 'bg': 'green', 'fg': 'white', 'name': 'Category 2' } }, 'ageGroups': { '1':{ 'id': 1, 'name':'Child', 'age':'0 - 15.99' }, '2':{ 'id': 2, 'name': 'Adult' } }, 'maxTickets': 2 },
}
}
};