1 const dropzone = require('./components/dropzone');
4 let previousClickTime = 0;
5 let previousClickImage = 0;
6 let dataLoaded = false;
10 let preSearchImages = [];
11 let preSearchHasMore = false;
20 dependantPages: false,
27 imageUpdateSuccess: false,
28 imageDeleteSuccess: false,
34 show(providedCallback, imageType = null) {
35 callback = providedCallback;
37 this.$el.children[0].components.overlay.show();
39 // Get initial images if they have not yet been loaded in.
40 if (dataLoaded && imageType === this.imageType) return;
42 this.imageType = imageType;
50 if (this.$refs.dropzone) {
51 this.$refs.dropzone.onClose();
54 this.selectedImage = false;
55 this.$el.children[0].components.overlay.hide();
59 let url = baseUrl + page;
61 if (this.uploadedTo !== false) query.page_id = this.uploadedTo;
62 if (this.searching) query.term = this.searchTerm;
64 this.$http.get(url, {params: query}).then(response => {
65 this.images = this.images.concat(response.data.images);
66 this.hasMore = response.data.hasMore;
81 this.deleteConfirm = false;
83 baseUrl = window.baseUrl(`/images/${this.imageType}/${this.view}/`);
87 if (this.searchTerm === '') return this.cancelSearch();
89 // Cache current settings for later
90 if (!this.searching) {
91 preSearchImages = this.images;
92 preSearchHasMore = this.hasMore;
95 this.searching = true;
99 baseUrl = window.baseUrl(`/images/${this.imageType}/search/`);
104 if (!this.searching) return;
105 this.searching = false;
106 this.searchTerm = '';
107 this.images = preSearchImages;
108 this.hasMore = preSearchHasMore;
112 let dblClickTime = 300;
113 let currentTime = Date.now();
114 let timeDiff = currentTime - previousClickTime;
115 let isDblClick = timeDiff < dblClickTime && image.id === previousClickImage;
118 this.callbackAndHide(image);
120 this.selectedImage = image;
121 this.deleteConfirm = false;
122 this.dependantPages = false;
125 previousClickTime = currentTime;
126 previousClickImage = image.id;
129 callbackAndHide(imageResult) {
130 if (callback) callback(imageResult);
135 let url = window.baseUrl(`/images/update/${this.selectedImage.id}`);
136 this.$http.put(url, this.selectedImage).then(response => {
137 this.$events.emit('success', trans('components.image_update_success'));
139 if (error.response.status === 422) {
140 let errors = error.response.data;
142 Object.keys(errors).forEach((key) => {
143 message += errors[key].join('\n');
145 this.$events.emit('error', message);
152 if (!this.deleteConfirm) {
153 let url = window.baseUrl(`/images/usage/${this.selectedImage.id}`);
154 this.$http.get(url).then(resp => {
155 this.dependantPages = resp.data;
156 }).catch(console.error).then(() => {
157 this.deleteConfirm = true;
162 this.$http.delete(`/images/${this.selectedImage.id}`).then(resp => {
163 this.images.splice(this.images.indexOf(this.selectedImage), 1);
164 this.selectedImage = false;
165 this.$events.emit('success', trans('components.image_delete_success'));
166 this.deleteConfirm = false;
170 getDate(stringDate) {
171 return new Date(stringDate);
174 uploadSuccess(event) {
175 this.images.unshift(event.data);
176 this.$events.emit('success', trans('components.image_upload_success'));
182 return window.baseUrl(`/images/${this.imageType}/upload`);
187 window.ImageManager = this;
188 this.imageType = this.$el.getAttribute('image-type');
189 this.uploadedTo = this.$el.getAttribute('uploaded-to');
190 baseUrl = window.baseUrl('/images/' + this.imageType + '/all/')
198 components: {dropzone},