Your IP : 216.73.216.43
import Vue from 'vue';
import $ from 'jquery';
import '@fonticonpicker/fonticonpicker';
export default Vue.component(
'font-icon-picker',
{
props: {
element: Object,
label: String,
faIcons: Object,
property: String,
},
data() {
return {
iconPicker: {}
}
},
mounted() {
const iconPicker = $(this.$refs['meta-icon-' + this.property]).fontIconPicker({
source: this.faIcons
});
iconPicker.setIcon(this.element[this.property]);
this.iconPicker = $(iconPicker[0]).data('fontIconPicker');
},
template: `
<div class="col-xs-6 col-6">
<label class="t3js-formengine-label form-label">
{{ label }}
<a href="https://fontawesome.com/v4.7.0/icons/" target="_blank" title="FontAwesome 4.7 Icons"><i class="fa fa-question-circle"></i></a>
</label>
<div class="t3js-formengine-field-item icon-field">
<div class="form-control-wrap">
<select :ref="'meta-icon-' + property"></select>
</div>
</div>
</div>
`
}
);