move frontend to /web
This commit is contained in:
parent
9747c08bab
commit
dd75c2b0d6
36 changed files with 0 additions and 0 deletions
39
web/src/views/Boxes.vue
Normal file
39
web/src/views/Boxes.vue
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<template>
|
||||
<div class="container-fluid px-xl-5 mt-3">
|
||||
<div class="row">
|
||||
<div class="col-xl-8 offset-xl-2">
|
||||
<Table
|
||||
:columns="['cid', 'name','itemCount']"
|
||||
:items="loadedBoxes"
|
||||
:keyName="'cid'"
|
||||
v-slot="{ item }"
|
||||
>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-secondary" @click.stop="showBoxContent(item.name)" >
|
||||
<!--font-awesome-icon icon="archive"/--> content
|
||||
</button>
|
||||
<button class="btn btn-danger" @click.stop="" title="delete">
|
||||
<font-awesome-icon icon="trash"/>
|
||||
</button>
|
||||
</div>
|
||||
</Table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapActions, mapState} from 'vuex';
|
||||
import Table from '@/components/Table';
|
||||
|
||||
export default {
|
||||
name: 'Boxes',
|
||||
components: {Table},
|
||||
computed: mapState(['loadedBoxes', 'layout']),
|
||||
methods: mapActions(['showBoxContent']),
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
13
web/src/views/Error.vue
Normal file
13
web/src/views/Error.vue
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<template>
|
||||
<p>Error</p>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Error',
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
39
web/src/views/Events.vue
Normal file
39
web/src/views/Events.vue
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<template>
|
||||
<div class="container-fluid px-xl-5 mt-3">
|
||||
<div class="row">
|
||||
<div class="col-xl-8 offset-xl-2">
|
||||
<Table
|
||||
:columns="['slug', 'name']"
|
||||
:items="events"
|
||||
:keyName="'slug'"
|
||||
v-slot="{ item }"
|
||||
>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-secondary" @click.stop="changeEvent(item)" >
|
||||
<font-awesome-icon icon="archive"/> use
|
||||
</button>
|
||||
<button class="btn btn-danger" @click.stop="" >
|
||||
<font-awesome-icon icon="trash"/> delete
|
||||
</button>
|
||||
</div>
|
||||
</Table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapActions, mapState} from 'vuex';
|
||||
import Table from '@/components/Table';
|
||||
|
||||
export default {
|
||||
name: 'Events',
|
||||
components: {Table},
|
||||
computed: mapState(['events']),
|
||||
methods: mapActions(['changeEvent']),
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
36
web/src/views/Files.vue
Normal file
36
web/src/views/Files.vue
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<template>
|
||||
<div class="container-fluid px-xl-5 mt-3">
|
||||
<div class="row">
|
||||
<div class="col-xl-8 offset-xl-2">
|
||||
<Table
|
||||
:columns="['hash', 'uid']"
|
||||
:items="loadedItems"
|
||||
:keyName="'hash'"
|
||||
v-slot="{ item }"
|
||||
>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-danger" @click.stop="" >
|
||||
<font-awesome-icon icon="trash"/> delete
|
||||
</button>
|
||||
</div>
|
||||
</Table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapActions, mapState} from 'vuex';
|
||||
import Table from '@/components/Table';
|
||||
|
||||
export default {
|
||||
name: 'Files',
|
||||
components: {Table},
|
||||
computed: mapState(['loadedItems']),
|
||||
methods: mapActions([]),
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
128
web/src/views/HowTo.vue
Normal file
128
web/src/views/HowTo.vue
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
<template>
|
||||
<div class="container-fluid px-xl-5 mt-3" style="color: #f8f9fa !important;">
|
||||
<div class="row">
|
||||
<div class="col-xl-8 offset-xl-2">
|
||||
<b>[en below]</b>
|
||||
<h2>Lost&Found (Deutsche Version)</h2>
|
||||
<p>Herzlich Willkommen bei Lost&Found von $Veranstaltung!</p>
|
||||
<p>Deine Aufgaben sind es verloren gegangene Gegenstände anzunehmen und zu registrieren, sowie
|
||||
Gegenstände ihren Besitzenden zurückzubringen.</p>
|
||||
<p><b>Bitte den Inhalt des Lost+Founds nicht offen liegen lassen oder rumzeigen. Erst beschreiben
|
||||
lassen, dann zeigen.</b></p>
|
||||
<h3>Found (Jemand bringt einen verloren gegangen Gegenstand vorbei)</h3>
|
||||
<ul>
|
||||
<li>Möglichst viele Informationen über die Umstände heraus
|
||||
<ul>
|
||||
<li>Wo wurde der Gegenstand gefunden?</li>
|
||||
<li>Zu welcher Uhrzeit wurde der Gegenstand gefunden?</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Der Gegenstand wird in das c3lf-System eingetragen
|
||||
<ul>
|
||||
<li>Foto vom Gegenstand mit der Webcam machen</li>
|
||||
<li>Beschreibung des Gegenstands eintragen (gerne wie Tags behandeln die durch Leerzeichen getrennt
|
||||
sind)
|
||||
</li>
|
||||
<li>Nummer der Box eintragen in die der Gegenstand gelegt wird</li>
|
||||
<li>Gegenstand in die Box legen</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Lost (Jemand versucht einen Gegenstand wiederzufinden)</h3>
|
||||
<ul>
|
||||
<li>Jemand möchte einen Gegenstand wiederfinden</li>
|
||||
<li>Die Person soll möglichst genau beschreiben was sie sucht (insbesondere bei wertvolleren Dingen)</li>
|
||||
<li>Du schaust im System nach ob der Gegenstand vorhanden ist</li>
|
||||
<li>Wenn ein passender Gegenstand gefunden ist:
|
||||
<ul>
|
||||
<li>Gegenstand aus der Box holen und der Person aushändigen</li>
|
||||
<li>Grünen Haken beim Gegenstand setzen</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Wenn kein passender Gegenstand existiert:
|
||||
<ul>
|
||||
<li>Sagen, dass es den Gegenstand nicht gibt</li>
|
||||
<li>Darauf verweisen dass die Person entweder zu späterem Zeitpunkt wiederkommt, oder ein Ticket bei <a
|
||||
href="mailto:camp23@c3lf.de" target="_blank" rel="noopener">camp23@c3lf.de</a> aufmacht. Außerdem ist es
|
||||
gut möglich dass der Himmel und andere Villages eigene, kleinere Lost+Founds während des Events
|
||||
aufgemacht haben. Rumfragen lohnt sich also.
|
||||
<ul>
|
||||
<li><b>Achtung: Tickets werden erst nach Ende des Events bearbeitet.</b></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Eskalation</h3>
|
||||
<ul>
|
||||
<li>Bei Lost&Found bezogenen Problemen: 1033 (Lost&Found Orga) anrufen</li>
|
||||
<li>Bei Engel bezogenen Problemen: 1023 (Himmel) anrufen</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h2>Lost&Found (English version)</h2>
|
||||
<p>Welcome to Lost&Found of $Event!</p>
|
||||
<p>Your tasks are to accept and register lost items, as well as to return items to their owners.</p>
|
||||
<p><b>Please do not leave the contents of the Lost+Found lying around or show them around. Ask for a description of the item first, then show them (if the description seems correct).</b></p>
|
||||
<h3>Found (Someone brings a lost item)</h3>
|
||||
<ul>
|
||||
<li>Get as much information as possible about the circumstances
|
||||
<ul>
|
||||
<li>Where was the item found?</li>
|
||||
<li>At what time was the item found?</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>The item is entered into the c3lf system
|
||||
<ul>
|
||||
<li>Take a photo of the item with the webcam</li>
|
||||
<li>Enter a description of the item (preferably treat it like tags separated by spaces)</li>
|
||||
<li>Enter the number of the box into which the item is to be placed</li>
|
||||
<li>Place the item in the box</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Lost (Someone tries to find an item)</h3>
|
||||
<ul>
|
||||
<li>Someone wants to find an item</li>
|
||||
<li>The person should describe as precisely as possible what they are looking for (especially for more
|
||||
valuable things)
|
||||
</li>
|
||||
<li>You check the system to see if the item is available</li>
|
||||
<li>If a suitable item is found:
|
||||
<ul>
|
||||
<li>Take the item out of the box and hand it over to the person</li>
|
||||
<li>Set a green check mark for the item</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>If no suitable item exists:
|
||||
<ul>
|
||||
<li>Say that the item does not exist</li>
|
||||
<li>Point out that the person either comes back at a later time, or opens a ticket at <a
|
||||
href="mailto:camp23@c3lf.de" target="_blank" rel="noopener">camp23@c3lf.de</a>. It is also possible that
|
||||
the Himmel and other Villages have their own, smaller Lost+Founds during the event. So it's worth asking
|
||||
around.
|
||||
<ul>
|
||||
<li><b>Attention: Tickets will not be processed until after the event.</b></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Escalation</h3>
|
||||
<ul>
|
||||
<li>For Lost&Found related problems: call 1033 (Lost&Found Orga)</li>
|
||||
<li>For angel related problems: call 1023 (Heaven)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'HowTo',
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
114
web/src/views/Items.vue
Normal file
114
web/src/views/Items.vue
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
<template>
|
||||
<div class="container-fluid px-xl-5 mt-3">
|
||||
<Modal title="Edit Item" v-if="editingItem" @close="closeEditingModal()">
|
||||
<template #body>
|
||||
<EditItem
|
||||
:item="editingItem"
|
||||
badge="uid"
|
||||
/>
|
||||
</template>
|
||||
<template #buttons>
|
||||
<button type="button" class="btn btn-secondary" @click="closeEditingModal()">Cancel</button>
|
||||
<button type="button" class="btn btn-success" @click="saveEditingItem()">Save Changes</button>
|
||||
</template>
|
||||
</Modal>
|
||||
<Lightbox v-if="lightboxItem" :file="lightboxItem.file" @close="closeLightboxModal()"/>
|
||||
<div class="row" v-if="layout === 'table'">
|
||||
<div class="col-xl-8 offset-xl-2">
|
||||
<Table
|
||||
:columns="['uid', 'description', 'box']"
|
||||
:items="loadedItems"
|
||||
:keyName="'uid'"
|
||||
v-slot="{ item }"
|
||||
@itemActivated="openLightboxModalWith($event)"
|
||||
>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-success" @click.stop="markItemReturned(item)" title="returned">
|
||||
<font-awesome-icon icon="check"/>
|
||||
</button>
|
||||
<button class="btn btn-secondary" @click.stop="openEditingModalWith(item)" title="edit">
|
||||
<font-awesome-icon icon="edit"/>
|
||||
</button>
|
||||
<button class="btn btn-danger" @click.stop="deleteItem(item)" title="delete">
|
||||
<font-awesome-icon icon="trash"/>
|
||||
</button>
|
||||
</div>
|
||||
</Table>
|
||||
</div>
|
||||
</div>
|
||||
<Cards
|
||||
v-if="layout === 'cards'"
|
||||
:columns="['uid', 'description', 'box']"
|
||||
:items="loadedItems"
|
||||
:keyName="'uid'"
|
||||
v-slot="{ item }"
|
||||
@itemActivated="openLightboxModalWith($event)"
|
||||
>
|
||||
<img
|
||||
:src="`${baseUrl}/1/thumbs/${item.file}`"
|
||||
class="card-img-top img-fluid"
|
||||
>
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">{{ item.description }}</h6>
|
||||
<h6 class="card-subtitle text-secondary">uid: {{ item.uid }} box: {{ item.box }}</h6>
|
||||
<div class="row mx-auto mt-2">
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-outline-success" @click.stop="markItemReturned(item)" title="returned">
|
||||
<font-awesome-icon icon="check"/>
|
||||
</button>
|
||||
<button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item)" title="edit">
|
||||
<font-awesome-icon icon="edit"/>
|
||||
</button>
|
||||
<button class="btn btn-outline-danger" @click.stop="deleteItem(item)" title="delete">
|
||||
<font-awesome-icon icon="trash"/>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Cards>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Table from '@/components/Table';
|
||||
import Cards from '@/components/Cards';
|
||||
import Modal from '@/components/Modal';
|
||||
import EditItem from '@/components/EditItem';
|
||||
import {mapActions, mapState} from 'vuex';
|
||||
import config from '../config';
|
||||
import Lightbox from '../components/Lightbox';
|
||||
|
||||
export default {
|
||||
name: 'Items',
|
||||
data: () => ({
|
||||
lightboxItem: null,
|
||||
editingItem: null,
|
||||
baseUrl: config.service.url,
|
||||
}),
|
||||
components: {Lightbox, Table, Cards, Modal, EditItem },
|
||||
computed: mapState(['loadedItems', 'layout']),
|
||||
methods: {
|
||||
...mapActions(['deleteItem','markItemReturned']),
|
||||
openLightboxModalWith(item) { // Opens the editing modal with a copy of the selected item.
|
||||
this.lightboxItem = { ...item };
|
||||
},
|
||||
closeLightboxModal() { // Closes the editing modal and discards the edited copy of the item.
|
||||
this.lightboxItem = null;
|
||||
},
|
||||
openEditingModalWith(item) {
|
||||
this.editingItem = item;
|
||||
},
|
||||
closeEditingModal() {
|
||||
this.editingItem = null;
|
||||
},
|
||||
saveEditingItem() { // Saves the edited copy of the item.
|
||||
this.$store.dispatch('updateItem', this.editingItem);
|
||||
this.closeEditingModal();
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Loading…
Add table
Add a link
Reference in a new issue