mirror of
https://github.com/janishutz/libreevent.git
synced 2025-11-25 13:24:24 +00:00
fixes and progress on stages
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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",
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -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",
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user