Your IP : 216.73.216.43

Current Path : /var/www/surf/TYPO3/vendor/mask/mask/Build/Sources/js/components/
Upload File :
Current File : /var/www/surf/TYPO3/vendor/mask/mask/Build/Sources/js/components/font-icon-picker.js

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>
        `
          }
      );