add coloris.js color picker & work on settings

This commit is contained in:
2023-06-05 14:27:00 +02:00
parent 879c5374ca
commit 7140b78786
5 changed files with 23 additions and 5 deletions

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

View File

@@ -11,6 +11,8 @@
</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">
<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>
<body>

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
*
*
@@ -9,8 +9,8 @@
<template>
<div>
<h2>Admin Accounts</h2>
<p>Here you can change everything regarding admin accounts. You may create, modify or delete admin accounts.</p>
<h2>Locations</h2>
<p>Here you can change everything regarding event locations. All locations can have a seating plan.</p>
<div class="bigButtons"></div>
</div>
</template>

View File

@@ -17,6 +17,15 @@
</div>
<div class="ticket-settings">
<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 class="special-settings">
<h3>Special Settings</h3>
@@ -47,7 +56,7 @@
},
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', '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: {
'guest-purchase': {
'display': 'Enable guest purchase',