more features for editor

This commit is contained in:
2023-05-22 08:52:58 +02:00
parent 1f4bbe691f
commit 6e527795d5
3 changed files with 6 additions and 2 deletions

View File

@@ -43,6 +43,10 @@ export default {
type: Object, type: Object,
"default": { 'x': 100, 'y': 100, 'w': 200, 'h': 100 } "default": { 'x': 100, 'y': 100, 'w': 200, 'h': 100 }
}, },
scaleFactor: {
type: Number,
"default": 1,
},
}, },
data () { data () {
return { return {

View File

@@ -9,7 +9,7 @@
<template> <template>
<div id="window"> <div id="window">
<properties class="properties" v-model:posSize="selectedObject" @updated="handleUpdate"></properties> <properties class="properties" v-model:posSize="selectedObject" @updated="handleUpdate" :scale-factor="scaleFactor"></properties>
<div class="parent"> <div class="parent">
<Vue3DraggableResizable v-for="draggable in draggables" :initW="draggable.w" :initH="draggable.h" v-model:x="draggable.x" v-model:y="draggable.y" v-model:w="draggable.w" v-model:h="draggable.h" <Vue3DraggableResizable v-for="draggable in draggables" :initW="draggable.w" :initH="draggable.h" v-model:x="draggable.x" v-model:y="draggable.y" v-model:w="draggable.w" v-model:h="draggable.h"
v-model:active="draggable.active" :draggable="draggable.draggable" :resizable="draggable.resizable" :parent="true" @activated="activateComponent( draggable.id );" v-model:active="draggable.active" :draggable="draggable.draggable" :resizable="draggable.resizable" :parent="true" @activated="activateComponent( draggable.id );"

View File

@@ -20,7 +20,7 @@
<footer>Free & Open Source self-hosted event management solution</footer> <footer>Free & Open Source self-hosted event management solution</footer>
</div> </div>
<div class="content"> <div class="content">
<h3 class="dev">Website & project not completed yet!</h3> <!-- <h3 class="dev">Website & project not completed yet!</h3> -->
<h2>What is libreǝvent?</h2> <h2>What is libreǝvent?</h2>
<p>libreǝvent is a free and fully open source self-hosted event management solution that you can use to sell tickets for your next event. It is written in Node.js, JavaScript, TypeScript, HTML and CSS. It uses Vue.js for the ticket purchasing system and features both an iOS and Android App you can download and use entirely for free. If you like this project, please consider giving it a star on <a href="https://github.com/simplePCBuilding/libreevent">GitHub</a> and donating to help fund development of this project!</p> <p>libreǝvent is a free and fully open source self-hosted event management solution that you can use to sell tickets for your next event. It is written in Node.js, JavaScript, TypeScript, HTML and CSS. It uses Vue.js for the ticket purchasing system and features both an iOS and Android App you can download and use entirely for free. If you like this project, please consider giving it a star on <a href="https://github.com/simplePCBuilding/libreevent">GitHub</a> and donating to help fund development of this project!</p>
<div class="image-group"> <div class="image-group">