github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-06-24 22:51:23 +08:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

Modularised/bundled js and made image-manager a proper component

Browse Source
This commit is contained in:
Dan Brown
2015-10-08 23:49:18 +01:00
parent 6b4ec65b03
commit 8b951403e4
21 changed files with 267 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
resources/assets/js/components/image-picker.vue Normal file
View File

@ -0,0 +1,37 @@
<template>
<div class="image-picker">
<div>
<img v-if="image && image !== 'none'" v-attr="src: image, class: imageClass" alt="Image Preview">
</div>
<button class="button" type="button" v-on="click: showImageManager">Select Image</button>
<br>
<button class="text-button" v-on="click: reset" type="button">Reset</button> <span class="sep">|</span> <button class="text-button neg" v-on="click: remove" type="button">Remove</button>
<input type="hidden" v-attr="name: name, id: name" v-model="image">
</div>
</template>
<script>
module.exports = {
props: ['currentImage', 'name', 'imageClass'],
data: function() {
return {
image: this.currentImage
}
},
methods: {
showImageManager: function(e) {
var _this = this;
ImageManager.show(function(image) {
_this.image = image.url;
});
},
reset: function() {
this.image = '';
},
remove: function() {
this.image = 'none';
}
}
}
</script>