84 lines
9.4 KiB
JavaScript
84 lines
9.4 KiB
JavaScript
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
|
"use strict";
|
|
|
|
Vue.component('wpcfto_image', {
|
|
props: ['fields', 'field_label', 'field_name', 'field_id', 'field_value', 'required'],
|
|
mixins: [wpcfto_get_image_mixin],
|
|
data: function data() {
|
|
return {
|
|
value: '',
|
|
media_modal: '',
|
|
image_url: ''
|
|
};
|
|
},
|
|
mounted: function mounted() {
|
|
var vm = this;
|
|
vm.value = vm.field_value;
|
|
},
|
|
template: `
|
|
<div class="wpcfto_generic_field wpcfto_generic_field_image">
|
|
<wpcfto_fields_aside_before
|
|
:fields="fields"
|
|
:field_label="field_label"
|
|
:required="fields.required === true">
|
|
</wpcfto_fields_aside_before>
|
|
|
|
<div class="wpcfto-field-content">
|
|
<div class="wpcfto-image" :class="{ 'has-image' : image_url && wpcfto_checkURL(image_url) }">
|
|
<input type="text"
|
|
v-model="image_url"
|
|
class="wpcfto-input-url"
|
|
:placeholder="fields.placeholder ? fields.placeholder : 'Enter image URL or click upload...'"
|
|
:required="fields.required === true" />
|
|
|
|
<div class="image-field" v-if="image_url && wpcfto_checkURL(image_url)">
|
|
<img :src="image_url" v-if="wpcfto_checkURL(image_url)"/>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="button" v-if="!image_url || !wpcfto_checkURL(image_url)" @click="addImage()">
|
|
<i class="fa fa-upload"></i>Upload
|
|
</div>
|
|
<div class="button" v-if="image_url && wpcfto_checkURL(image_url)" @click="addImage()">
|
|
<i class="fa fa-upload"></i>Replace
|
|
</div>
|
|
<div class="button button-remove" v-if="image_url && wpcfto_checkURL(image_url)" @click="removeImage()">
|
|
<i class="fa fa-times"></i>Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<input type="hidden"
|
|
:name="field_name"
|
|
v-model="value" />
|
|
</div>
|
|
|
|
<wpcfto_fields_aside_after :fields="fields"></wpcfto_fields_aside_after>
|
|
</div>
|
|
`,
|
|
methods: {
|
|
addImage: function addImage() {
|
|
this.media_modal = wp.media({
|
|
frame: 'select',
|
|
multiple: false,
|
|
editing: true
|
|
});
|
|
this.media_modal.on('select', function (value) {
|
|
var attachment = this.media_modal.state().get('selection').first().toJSON();
|
|
this.value = attachment.id;
|
|
this.image_url = attachment.url;
|
|
}, this);
|
|
this.media_modal.open();
|
|
},
|
|
removeImage: function removeImage() {
|
|
this.value = this.image_url = '';
|
|
}
|
|
},
|
|
watch: {
|
|
value: function value(_value) {
|
|
this.$emit('wpcfto-get-value', _value);
|
|
}
|
|
}
|
|
});
|
|
|
|
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZha2VfOGQ4MzQ4MjYuanMiXSwibmFtZXMiOlsiVnVlIiwiY29tcG9uZW50IiwicHJvcHMiLCJtaXhpbnMiLCJ3cGNmdG9fZ2V0X2ltYWdlX21peGluIiwiZGF0YSIsInZhbHVlIiwibWVkaWFfbW9kYWwiLCJpbWFnZV91cmwiLCJtb3VudGVkIiwidm0iLCJmaWVsZF92YWx1ZSIsInRlbXBsYXRlIiwibWV0aG9kcyIsImFkZEltYWdlIiwid3AiLCJtZWRpYSIsImZyYW1lIiwibXVsdGlwbGUiLCJlZGl0aW5nIiwib24iLCJhdHRhY2htZW50Iiwic3RhdGUiLCJnZXQiLCJmaXJzdCIsInRvSlNPTiIsImlkIiwidXJsIiwib3BlbiIsInJlbW92ZUltYWdlIiwid2F0Y2giLCJfdmFsdWUiLCIkZW1pdCJdLCJtYXBwaW5ncyI6IkFBQUE7O0FBRUFBLEdBQUcsQ0FBQ0MsU0FBSixDQUFjLGNBQWQsRUFBOEI7QUFDNUJDLEVBQUFBLEtBQUssRUFBRSxDQUFDLFFBQUQsRUFBVyxhQUFYLEVBQTBCLFlBQTFCLEVBQXdDLFVBQXhDLEVBQW9ELGFBQXBELENBRHFCO0FBRTVCQyxFQUFBQSxNQUFNLEVBQUUsQ0FBQ0Msc0JBQUQsQ0FGb0I7QUFHNUJDLEVBQUFBLElBQUksRUFBRSxTQUFTQSxJQUFULEdBQWdCO0FBQ3BCLFdBQU87QUFDTEMsTUFBQUEsS0FBSyxFQUFFLEVBREY7QUFFTEMsTUFBQUEsV0FBVyxFQUFFLEVBRlI7QUFHTEMsTUFBQUEsU0FBUyxFQUFFO0FBSE4sS0FBUDtBQUtELEdBVDJCO0FBVTVCQyxFQUFBQSxPQUFPLEVBQUUsU0FBU0EsT0FBVCxHQUFtQjtBQUMxQixRQUFJQyxFQUFFLEdBQUcsSUFBVDtBQUNBQSxJQUFBQSxFQUFFLENBQUNKLEtBQUgsR0FBV0ksRUFBRSxDQUFDQyxXQUFkO0FBQ0QsR0FiMkI7QUFjNUJDLEVBQUFBLFFBQVEsRUFBRSxtMURBZGtCO0FBZTVCQyxFQUFBQSxPQUFPLEVBQUU7QUFDUEMsSUFBQUEsUUFBUSxFQUFFLFNBQVNBLFFBQVQsR0FBb0I7QUFDNUIsV0FBS1AsV0FBTCxHQUFtQlEsRUFBRSxDQUFDQyxLQUFILENBQVM7QUFDMUJDLFFBQUFBLEtBQUssRUFBRSxRQURtQjtBQUUxQkMsUUFBQUEsUUFBUSxFQUFFLEtBRmdCO0FBRzFCQyxRQUFBQSxPQUFPLEVBQUU7QUFIaUIsT0FBVCxDQUFuQjtBQUtBLFdBQUtaLFdBQUwsQ0FBaUJhLEVBQWpCLENBQW9CLFFBQXBCLEVBQThCLFVBQVVkLEtBQVYsRUFBaUI7QUFDN0MsWUFBSWUsVUFBVSxHQUFHLEtBQUtkLFdBQUwsQ0FBaUJlLEtBQWpCLEdBQXlCQyxHQUF6QixDQUE2QixXQUE3QixFQUEwQ0MsS0FBMUMsR0FBa0RDLE1BQWxELEVBQWpCO0FBQ0EsYUFBS25CLEtBQUwsR0FBYWUsVUFBVSxDQUFDSyxFQUF4QjtBQUNBLGFBQUtsQixTQUFMLEdBQWlCYSxVQUFVLENBQUNNLEdBQTVCO0FBQ0QsT0FKRCxFQUlHLElBSkg7QUFLQSxXQUFLcEIsV0FBTCxDQUFpQnFCLElBQWpCO0FBQ0QsS0FiTTtBQWNQQyxJQUFBQSxXQUFXLEVBQUUsU0FBU0EsV0FBVCxHQUF1QjtBQUNsQyxXQUFLdkIsS0FBTCxHQUFhLEtBQUtFLFNBQUwsR0FBaUIsRUFBOUI7QUFDRDtBQWhCTSxHQWZtQjtBQWlDNUJzQixFQUFBQSxLQUFLLEVBQUU7QUFDTHhCLElBQUFBLEtBQUssRUFBRSxTQUFTQSxLQUFULENBQWV5QixNQUFmLEVBQXVCO0FBQzVCLFdBQUtDLEtBQUwsQ0FBVyxrQkFBWCxFQUErQkQsTUFBL0I7QUFDRDtBQUhJO0FBakNxQixDQUE5QiIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5WdWUuY29tcG9uZW50KCd3cGNmdG9faW1hZ2UnLCB7XG4gIHByb3BzOiBbJ2ZpZWxkcycsICdmaWVsZF9sYWJlbCcsICdmaWVsZF9uYW1lJywgJ2ZpZWxkX2lkJywgJ2ZpZWxkX3ZhbHVlJ10sXG4gIG1peGluczogW3dwY2Z0b19nZXRfaW1hZ2VfbWl4aW5dLFxuICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkge1xuICAgIHJldHVybiB7XG4gICAgICB2YWx1ZTogJycsXG4gICAgICBtZWRpYV9tb2RhbDogJycsXG4gICAgICBpbWFnZV91cmw6ICcnXG4gICAgfTtcbiAgfSxcbiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHtcbiAgICB2YXIgdm0gPSB0aGlzO1xuICAgIHZtLnZhbHVlID0gdm0uZmllbGRfdmFsdWU7XG4gIH0sXG4gIHRlbXBsYXRlOiBcIlxcbiAgICAgICAgPGRpdiBjbGFzcz1cXFwid3BjZnRvX2dlbmVyaWNfZmllbGQgd3BjZnRvX2dlbmVyaWNfZmllbGRfaW1hZ2VcXFwiPlxcblxcbiAgICAgICAgICAgIDx3cGNmdG9fZmllbGRzX2FzaWRlX2JlZm9yZSA6ZmllbGRzPVxcXCJmaWVsZHNcXFwiIDpmaWVsZF9sYWJlbD1cXFwiZmllbGRfbGFiZWxcXFwiPjwvd3BjZnRvX2ZpZWxkc19hc2lkZV9iZWZvcmU+XFxuXFxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cXFwid3BjZnRvLWZpZWxkLWNvbnRlbnRcXFwiPlxcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVxcXCJ3cGNmdG8taW1hZ2VcXFwiIDpjbGFzcz1cXFwieyAnaGFzLWltYWdlJyA6IGltYWdlX3VybCAmJiB3cGNmdG9fY2hlY2tVUkwoaW1hZ2VfdXJsKSB9XFxcIj5cXG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVxcXCJ0ZXh0XFxcIiB2LW1vZGVsPVxcXCJpbWFnZV91cmxcXFwiIGNsYXNzPVxcXCJ3cGNmdG8taW5wdXQtdXJsXFxcIiBcXG4gICAgICAgICAgICAgICAgICAgIHYtYmluZDpwbGFjZWhvbGRlcj1cXFwiZmllbGRzLnBsYWNlaG9sZGVyID8gZmllbGRzLnBsYWNlaG9sZGVyIDogJ0VudGVyIGltYWdlIFVSTCBvciBjbGljayB1cGxvYWQuLi4nXFxcIiAvPlxcbiAgICBcXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XFxcImltYWdlLWZpZWxkXFxcIiB2LWlmPVxcXCJpbWFnZV91cmwgJiYgd3BjZnRvX2NoZWNrVVJMKGltYWdlX3VybClcXFwiPlxcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgdi1iaW5kOnNyYz1cXFwiaW1hZ2VfdXJsXFxcIiB2LWlmPVxcXCJ3cGNmdG9fY2hlY2tVUkwoaW1hZ2VfdXJsKVxcXCIvPlxcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XFxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVxcXCJhY3Rpb25zXFxcIj5cXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVxcXCJidXR0b25cXFwiIHYtaWY9XFxcIiFpbWFnZV91cmwgfHwgIXdwY2Z0b19jaGVja1VSTChpbWFnZV91cmwpXFxcIiBAY2xpY2s9XFxcImFkZEltYWdlKClcXFwiPlxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cXFwiZmEgZmEtdXBsb2FkXFxcIj48L2k+VXBsb2FkXFxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XFxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cXFwiYnV0dG9uXFxcIiB2LWlmPVxcXCJpbWFnZV91cmwgJiYgd3BjZnRvX2NoZWNrVVJMKGltYWdlX3VybClcXFwiIEBjbGljaz1cXFwiYWRkSW1hZ2UoKVxcXCI+XFxuICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XFxcImZhIGZhLXVwbG9hZFxcXCI+PC9pPlJlcGxhY2VcXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVxcXCJidXR0b24gYnV0dG9uLXJlbW92ZVxcXCIgdi1pZj1cXFwiaW1hZ2VfdXJsICYmIHdwY2Z0b19jaGVja1VSTChpbWFnZV91cmwpXFxcIiBAY2xpY2s9XFxcInJlbW92ZUltYWdlKClcXFwiPlxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cXFwiZmEgZmEtdGltZXNcXFwiPjwvaT5SZW1vdmVcXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxcbiAgICAgICAgICAgICAgICA8L2Rpdj5cXG4gICAgXFxuICAgIFxcbiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cXFwiaGlkZGVuXFxcIlxcbiAgICAgICAgICAgICAgICAgICAgICAgdi1iaW5kOm5hbWU9XFxcImZpZWxkX25hbWVcXFwiXFxuICAgICAgICAgICAgICAgICAgICAgICB2LW1vZGVsPVxcXCJ2YWx1ZVxcXCIgLz5cXG4gICAgICAgICAgICAgICAgICAgICAgIFxcbiAgICAgICAgICAgPC9kaXY+XFxuXFxuICAgICAgICAgICAgPHdwY2Z0b19maWVsZHNfYXNpZGVfYWZ0ZXIgOmZpZWxkcz1cXFwiZmllbGRzXFxcIj48L3dwY2Z0b19maWVsZHNfYXNpZGVfYWZ0ZXI+XFxuXFxuICAgICAgICA8L2Rpdj5cXG4gICAgXCIsXG4gIG1ldGhvZHM6IHtcbiAgICBhZGRJbWFnZTogZnVuY3Rpb24gYWRkSW1hZ2UoKSB7XG4gICAgICB0aGlzLm1lZGlhX21vZGFsID0gd3AubWVkaWEoe1xuICAgICAgICBmcmFtZTogJ3NlbGVjdCcsXG4gICAgICAgIG11bHRpcGxlOiBmYWxzZSxcbiAgICAgICAgZWRpdGluZzogdHJ1ZVxuICAgICAgfSk7XG4gICAgICB0aGlzLm1lZGlhX21vZGFsLm9uKCdzZWxlY3QnLCBmdW5jdGlvbiAodmFsdWUpIHtcbiAgICAgICAgdmFyIGF0dGFjaG1lbnQgPSB0aGlzLm1lZGlhX21vZGFsLnN0YXRlKCkuZ2V0KCdzZWxlY3Rpb24nKS5maXJzdCgpLnRvSlNPTigpO1xuICAgICAgICB0aGlzLnZhbHVlID0gYXR0YWNobWVudC5pZDtcbiAgICAgICAgdGhpcy5pbWFnZV91cmwgPSBhdHRhY2htZW50LnVybDtcbiAgICAgIH0sIHRoaXMpO1xuICAgICAgdGhpcy5tZWRpYV9tb2RhbC5vcGVuKCk7XG4gICAgfSxcbiAgICByZW1vdmVJbWFnZTogZnVuY3Rpb24gcmVtb3ZlSW1hZ2UoKSB7XG4gICAgICB0aGlzLnZhbHVlID0gdGhpcy5pbWFnZV91cmwgPSAnJztcbiAgICB9XG4gIH0sXG4gIHdhdGNoOiB7XG4gICAgdmFsdWU6IGZ1bmN0aW9uIHZhbHVlKF92YWx1ZSkge1xuICAgICAgdGhpcy4kZW1pdCgnd3BjZnRvLWdldC12YWx1ZScsIF92YWx1ZSk7XG4gICAgfVxuICB9XG59KTsiXX0=
|
|
},{}]},{},[1]) |