janishutz/libreevent
1
0
Fork 0
mirror of https://github.com/janishutz/libreevent.git synced 2025-11-25 21:34:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

add coloris.js color picker & work on settings

Browse Source
This commit is contained in:
Janis Hutz
2023-06-05 14:27:00 +02:00
parent 879c5374ca
commit 7140b78786
5 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/webapp/public/coloris.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

6
src/webapp/public/coloris.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
src/webapp/public/index.html
View File

@@ -11,6 +11,8 @@
</title> </title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<link rel="stylesheet" href="coloris.min.css">
<script defer src="coloris.min.js"></script>
</head> </head>
<body> <body>

8
src/webapp/src/views/admin/LocationsView.vue
View File

@@ -1,7 +1,7 @@
<!-- <!--
* libreevent - AccountView.vue * libreevent - LocationsView.vue
* *
* Created by Janis Hutz 05/14/2023, Licensed under the GPL V3 License * Created by Janis Hutz 06/05/2023, Licensed under the GPL V3 License
* https://janishutz.com, development@janishutz.com * https://janishutz.com, development@janishutz.com
* *
* *
@@ -9,8 +9,8 @@
<template> <template>
<div> <div>
<h2>Admin Accounts</h2> <h2>Locations</h2>
<p>Here you can change everything regarding admin accounts. You may create, modify or delete admin accounts.</p> <p>Here you can change everything regarding event locations. All locations can have a seating plan.</p>
<div class="bigButtons"></div> <div class="bigButtons"></div>
</div> </div>
</template> </template>

11
src/webapp/src/views/admin/events/EventsDetailsView.vue
View File

@@ -17,6 +17,15 @@
</div> </div>
<div class="ticket-settings"> <div class="ticket-settings">
<h3>Ticket Settings</h3> <h3>Ticket Settings</h3>
<div class="category" v-for="category in event.categories">
{{ category.name }}:
<div v-for="price in category.price">
{{ price.name }}:
<input type="number" v-model="price.price">
</div>
{{ category.fg }}
{{ category.bg }}
</div>
</div> </div>
<div class="special-settings"> <div class="special-settings">
<h3>Special Settings</h3> <h3>Special Settings</h3>
@@ -47,7 +56,7 @@
}, },
data() { data() {
return { 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', 'freeSeats': 2, 'maxSeats': 2, 'date':'TestDate', 'startingPrice':15, 'location': 'TestLocation', 'eventID': 'test', 'currency': 'CHF', 'logo': 'logo.png', 'categories': { '1': { 'price': { '1': { 'price':25, 'name':'Child (0-15.99 years)'}, '2': { 'price':35, 'name':'Adult'} }, 'bg': 'black', 'fg': 'white', 'name': 'Category 1' }, '2': { 'price': { '1': { 'price':25, 'name':'Child (0-15.99 years)' }, '2': { 'price':35, 'name':'Adult'} }, 'bg': 'green', 'fg': 'white', 'name': 'Category 2' } } },
specialSettings: { specialSettings: {
'guest-purchase': { 'guest-purchase': {
'display': 'Enable guest purchase', 'display': 'Enable guest purchase',