KevinMidboe/vue-js-modal
1
0
Fork 0
mirror of https://github.com/KevinMidboe/vue-js-modal.git synced 2025-10-29 18:00:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added resizing borders

Browse Source
This commit is contained in:
euvl
2017-03-10 16:25:29 +00:00
parent efe89e0752
commit b8e85710a9
2 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
Modal/Resizer.vue
View File

@@ -24,11 +24,14 @@ export default {
this.$el.addEventListener('mousedown', this.start, false);
},
methods: {
start() {
start(event) {
this.clicked = true;
window.addEventListener('mousemove', this.mousemove, false);
window.addEventListener('mouseup', this.stop, false);
event.stopPropagation();
event.preventDefault();
},
stop() {
this.clicked = false;
@@ -51,12 +54,21 @@ export default {
var width = event.clientX - el.offsetLeft;
var height = event.clientY - el.offsetTop;
if (width < this.minWidth) {
width = this.minWidth;
}
if (width > window.innerWidth) {
width = window.innerWidth;
}
if (height < this.minHeight) {
height = this.minHeight;
}
if (width < this.minWidth) {
width = this.minWidth;
if (height > window.innerHeight) {
height = window.innerHeight;
}
this.size = {width, height};