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

some styling of event settings

Browse Source
This commit is contained in:
Janis Hutz
2023-06-23 18:28:54 +02:00
parent ea547fa6ef
commit f97d8ab0ec
9 changed files with 137 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/webapp/src/components/settings/settings.vue
View File

@@ -8,7 +8,7 @@
--> -->
<template> <template>
<div> <div class="settings-wrapper">
<table class="settings-toggles"> <table class="settings-toggles">
<tr class="settings-option" v-for="setting in settings"> <tr class="settings-option" v-for="setting in settings">
<td class="info-wrapper"> <td class="info-wrapper">
@@ -68,8 +68,17 @@
</script> </script>
<style scoped> <style scoped>
.settings-wrapper {
width: 100%;
display: flex;
text-align: justify;
align-items: center;
justify-content: center;
flex-direction: column;
}
.settings-toggles { .settings-toggles {
width: 80%; width: 70%;
} }
.info-wrapper { .info-wrapper {
@@ -87,6 +96,7 @@
} }
.info-box { .info-box {
text-align: center;
display: none; display: none;
position: absolute; position: absolute;
z-index: 10; z-index: 10;

4
src/webapp/src/views/404.vue
View File

@@ -41,4 +41,8 @@
.small { .small {
font-style: italic; font-style: italic;
} }
nav {
display: initial;
}
</style> </style>

7
src/webapp/src/views/AccountView.vue
View File

@@ -3,3 +3,10 @@
<h1>Account</h1> <h1>Account</h1>
</div> </div>
</template> </template>
<style>
nav {
display: initial;
}
</style>

7
src/webapp/src/views/CartView.vue
View File

@@ -133,3 +133,10 @@
} }
} }
</script> </script>
<style>
nav {
display: initial;
}
</style>

4
src/webapp/src/views/LoginView.vue
View File

@@ -77,4 +77,8 @@
padding: 5px 10px; padding: 5px 10px;
margin-top: 2%; margin-top: 2%;
} }
nav {
display: initial;
}
</style> </style>

7
src/webapp/src/views/OrderView.vue
View File

@@ -100,3 +100,10 @@
} }
}; };
</script> </script>
<style>
nav {
display: initial;
}
</style>

7
src/webapp/src/views/PaymentView.vue
View File

@@ -62,3 +62,10 @@
margin-right: auto margin-right: auto
} }
</style> </style>
<style>
nav {
display: initial;
}
</style>

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

@@ -10,44 +10,56 @@
<template> <template>
<div class="details"> <div class="details">
<h2>{{ event.name }}</h2> <h2>{{ event.name }}</h2>
<div class="general-settings"> <div class="category-wrapper">
<p>Event Description</p> <p>Event Description</p>
<textarea v-model="event.description" class="big-text" cols="70" rows="3" placeholder="Event description..."></textarea> <textarea v-model="event.description" class="big-text" cols="70" rows="3" placeholder="Event description..."></textarea>
<p>Event location</p> <table class="category">
<select v-model="event.location" class="small-text"> <tr>
<option value="TestLocation">TestLocation</option> <td>Event location</td>
</select> <td>
<p>Event date</p> <select v-model="event.location" class="small-text">
<input v-model="event.date" class="small-text" type="date"><br> <option value="TestLocation">TestLocation</option>
<p>Ticket editor</p> </select>
<router-link to="/admin/ticketEditor">Edit ticket layout</router-link> </td>
</tr>
<tr>
<td>Event date</td>
<td><input v-model="event.date" class="small-text" type="date"></td>
</tr>
<tr>
<td>Ticket editor</td>
<router-link to="/admin/ticketEditor">Edit ticket layout</router-link>
</tr>
</table>
</div> </div>
<div class="ticket-settings"> <div class="ticket-settings">
<h3>Ticket Settings</h3> <h3>Ticket Settings</h3>
<p>The foreground and background colours of the seats are used to show the customer to which category the seats belong.</p> <p>The foreground and background colours of the seats are used to show the customer to which category the seats belong.</p>
<table class="category" v-for="category in event.categories"> <div class="category-wrapper">
{{ category.name }} <table class="category" v-for="category in event.categories">
<tr v-for="price in category.price"> {{ category.name }}
<td> <tr v-for="price in category.price">
{{ price.name }}: <td>
</td> <div class="category-details">{{ price.name }}:</div>
<td> </td>
<input type="number" v-model="price.price"> <td>
</td> <input type="number" v-model="price.price">
</tr> </td>
<tr> </tr>
<td>Foreground colour</td> <tr>
<td> <td><div class="category-details">Foreground colour:</div></td>
<input type="text" data-coloris v-model="category.fg" onkeydown="return false;"> <td>
</td> <input type="text" data-coloris v-model="category.fg" onkeydown="return false;">
</tr> </td>
<tr> </tr>
<td>Background colour</td> <tr>
<td> <td><div class="category-details">Background colour:</div></td>
<input type="text" data-coloris v-model="category.bg" onkeydown="return false;"> <td>
</td> <input type="text" data-coloris v-model="category.bg" onkeydown="return false;">
</tr> </td>
</table> </tr>
</table>
</div>
</div> </div>
<div class="special-settings"> <div class="special-settings">
<h3>General Settings</h3> <h3>General Settings</h3>
@@ -70,8 +82,21 @@
width: 100%; width: 100%;
} }
.category { .category-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100%; width: 100%;
flex-direction: column;
}
.category {
width: 50%;
text-align: justify;
}
.category-details {
margin-left: 7%;;
} }
</style> </style>
@@ -87,7 +112,7 @@
}, },
created () { created () {
if ( !sessionStorage.getItem( 'selectedTicket' ) ) { if ( !sessionStorage.getItem( 'selectedTicket' ) ) {
this.$router.push( '/tickets' ); this.$router.push( '/admin/events' );
} }
this.eventID = sessionStorage.getItem( 'selectedTicket' ); this.eventID = sessionStorage.getItem( 'selectedTicket' );
}, },

29
src/webapp/src/views/admin/page/StartPageEditorView.vue Normal file
View File

@@ -0,0 +1,29 @@
<!--
* libreevent - StartPageEditorView.vue
*
* Created by Janis Hutz 05/12/2023, Licensed under the GPL V3 License
* https://janishutz.com, development@janishutz.com
*
*
-->
<template>
<div>
<h2>Page editor</h2>
</div>
</template>
<script>
export default {
data () {
return {
formData: {}
}
},
methods: {
setup () {
}
}
};
</script>