fixes and progress on stages

This commit is contained in:
2023-06-13 17:20:01 +02:00
parent f56b00c641
commit 15c33ce2c5
3 changed files with 34 additions and 11 deletions

View File

@@ -16,8 +16,10 @@
v-model:active="draggable.active" v-model:draggable="draggable.draggable" :resizable="draggable.resizable" :parent="true" @activated="activateComponent( draggable.id );" v-model:active="draggable.active" v-model:draggable="draggable.draggable" :resizable="draggable.resizable" :parent="true" @activated="activateComponent( draggable.id );"
@drag-end="saveHistory();" @resize-end="saveHistory();" @contextmenu="( e ) => { e.preventDefault(); }" class="draggable-box"> @drag-end="saveHistory();" @resize-end="saveHistory();" @contextmenu="( e ) => { e.preventDefault(); }" class="draggable-box">
<circularSeatplanComponent v-if="draggable.shape == 'circular' && draggable.type == 'seat'" :scale-factor="scaleFactor" :w="draggable.w" :h="draggable.h" :origin="draggable.origin" :starting-row="draggable.startingRow"></circularSeatplanComponent> <circularSeatplanComponent v-if="draggable.shape == 'circular' && draggable.type == 'seat'" :scale-factor="scaleFactor" :w="draggable.w" :h="draggable.h" :origin="draggable.origin" :starting-row="draggable.startingRow"></circularSeatplanComponent>
<trapezoidSeatplanComponent v-if="draggable.shape == 'trapezoid' && draggable.type == 'seat'" :scale-factor="scaleFactor" :w="draggable.w" :h="draggable.h" :origin="draggable.origin" :starting-row="draggable.startingRow"></trapezoidSeatplanComponent> <trapezoidSeatplanComponent v-else-if="draggable.shape == 'trapezoid' && draggable.type == 'seat'" :scale-factor="scaleFactor" :w="draggable.w" :h="draggable.h" :origin="draggable.origin" :starting-row="draggable.startingRow"></trapezoidSeatplanComponent>
<rectangularSeatplanComponent v-if="draggable.shape == 'rectangular' && draggable.type == 'seat'" :scale-factor="scaleFactor" :w="draggable.w" :h="draggable.h" :origin="draggable.origin"></rectangularSeatplanComponent> <rectangularSeatplanComponent v-else-if="draggable.shape == 'rectangular' && draggable.type == 'seat'" :scale-factor="scaleFactor" :w="draggable.w" :h="draggable.h" :origin="draggable.origin"></rectangularSeatplanComponent>
<stagesSeatplanComponent v-else-if="draggable.type == 'stage'" :origin="draggable.origin" :shape="draggable.shape"></stagesSeatplanComponent>
<standingSeatplanComponent v-else-if="draggable.type == 'stage'" :origin="draggable.origin" :shape="draggable.shape"></standingSeatplanComponent>
</Vue3DraggableResizable> </Vue3DraggableResizable>
</div> </div>
</div> </div>

View File

@@ -8,15 +8,36 @@
--> -->
<template> <template>
<div id="stages"> <div id="stages" class="stages">
<div id="rectangular" v-if="origin == 'rectangular'"></div> <div id="rectangular" v-if="shape == 'rectangular'" class="stages"></div>
<div id="trapezoid" v-if="origin == 'trapezoid'"></div> <div id="trapezoid" v-else-if="shape == 'trapezoid'" class="stages"><div id="trapezoid-ingredient"></div></div>
<div id="circular" v-if="origin == 'circular'"></div> <div id="circular" v-else-if="shape == 'circular'" class="stages">Stage</div>
</div> </div>
</template> </template>
<style scoped> <style scoped>
.stages {
height: 100%;
width: 100%;
}
#rectangular {
border: solid black 2px;
}
#trapezoid {
overflow: hidden;
}
#trapezoid-ingredient {
border: solid black 2px;
rotate: 45deg;
height: 100vw;
width: 100vw;
position: relative;
top: 29vh;
right: 120vh;
}
</style> </style>
<script> <script>
@@ -27,7 +48,7 @@ export default {
type: Number, type: Number,
"default": 1, "default": 1,
}, },
origin: { shape: {
type: String, type: String,
"default": "rectangular", "default": "rectangular",
}, },

View File

@@ -9,9 +9,9 @@
<template> <template>
<div id="stages"> <div id="stages">
<div id="rectangular" v-if="origin == 'rectangular'"></div> <div id="rectangular" v-if="shape == 'rectangular'"></div>
<div id="trapezoid" v-if="origin == 'trapezoid'"></div> <div id="trapezoid" v-if="shape == 'trapezoid'"></div>
<div id="circular" v-if="origin == 'circular'"></div> <div id="circular" v-if="orishapegin == 'circular'"></div>
</div> </div>
</template> </template>
@@ -27,7 +27,7 @@ export default {
type: Number, type: Number,
"default": 1, "default": 1,
}, },
origin: { shape: {
type: String, type: String,
"default": "rectangular", "default": "rectangular",
}, },