Gecko [ blueversionx.com ]

Name	Size	Permission
calendar-locales	[ DIR ]	drwxr-xr-x
.mad-root	0 B	-rw-r--r--
calendar.js	40.41 KB	-rw----r--
calendar.min.js	23.15 KB	-rw----r--
calendar.min.js.gz	6.33 KB	-rw----r--
color-field-adv-init.js	1.09 KB	-rw----r--
color-field-adv-init.min.js	626 B	-rw----r--
color-field-adv-init.min.js.gz	310 B	-rw----r--
joomla-field-color-slider-es5....	20.75 KB	-rw----r--
joomla-field-color-slider-es5....	8.05 KB	-rw----r--
joomla-field-color-slider-es5....	2.6 KB	-rw----r--
joomla-field-color-slider.js	17.74 KB	-rw----r--
joomla-field-color-slider.min....	7.61 KB	-rw----r--
joomla-field-color-slider.min....	2.5 KB	-rw----r--
joomla-field-fancy-select-es5....	17.68 KB	-rw----r--
joomla-field-fancy-select-es5....	7.39 KB	-rw----r--
joomla-field-fancy-select-es5....	2.42 KB	-rw----r--
joomla-field-fancy-select.js	12.77 KB	-rw----r--
joomla-field-fancy-select.min....	5.67 KB	-rw----r--
joomla-field-fancy-select.min....	1.79 KB	-rw----r--
joomla-field-media-es5.js	16.09 KB	-rw----r--
joomla-field-media-es5.min.js	8.42 KB	-rw----r--
joomla-field-media-es5.min.js....	2.58 KB	-rw----r--
joomla-field-media.js	9.06 KB	-rw----r--
joomla-field-media.min.js	5.96 KB	-rw----r--
joomla-field-media.min.js.gz	1.72 KB	-rw----r--
joomla-field-module-order-es5....	7.64 KB	-rw----r--
joomla-field-module-order-es5....	3.63 KB	-rw----r--
joomla-field-module-order-es5....	1.46 KB	-rw----r--
joomla-field-module-order.js	4.29 KB	-rw----r--
joomla-field-module-order.min....	2.2 KB	-rw----r--
joomla-field-module-order.min....	925 B	-rw----r--
joomla-field-permissions-es5.j...	9.01 KB	-rw----r--
joomla-field-permissions-es5.m...	4.74 KB	-rw----r--
joomla-field-permissions-es5.m...	1.76 KB	-rw----r--
joomla-field-permissions.js	5.37 KB	-rw----r--
joomla-field-permissions.min.j...	3.29 KB	-rw----r--
joomla-field-permissions.min.j...	1.19 KB	-rw----r--
joomla-field-send-test-mail-es...	5.65 KB	-rw----r--
joomla-field-send-test-mail-es...	2.84 KB	-rw----r--
joomla-field-send-test-mail-es...	1.19 KB	-rw----r--
joomla-field-send-test-mail.js	2.55 KB	-rw----r--
joomla-field-send-test-mail.mi...	1.49 KB	-rw----r--
joomla-field-send-test-mail.mi...	688 B	-rw----r--
joomla-field-simple-color-es5....	17.68 KB	-rw----r--
joomla-field-simple-color-es5....	9.13 KB	-rw----r--
joomla-field-simple-color-es5....	3.49 KB	-rw----r--
joomla-field-simple-color.js	12.88 KB	-rw----r--
joomla-field-simple-color.min....	7.44 KB	-rw----r--
joomla-field-simple-color.min....	2.82 KB	-rw----r--
joomla-field-subform-es5.js	22.75 KB	-rw----r--
joomla-field-subform-es5.min.j...	8.89 KB	-rw----r--
joomla-field-subform-es5.min.j...	2.77 KB	-rw----r--
joomla-field-subform.js	17.26 KB	-rw----r--
joomla-field-subform.min.js	7 KB	-rw----r--
joomla-field-subform.min.js.gz	2.05 KB	-rw----r--
joomla-field-user-es5.js	9.57 KB	-rw----r--
joomla-field-user-es5.min.js	5.01 KB	-rw----r--
joomla-field-user-es5.min.js.g...	1.66 KB	-rw----r--
joomla-field-user.js	4.81 KB	-rw----r--
joomla-field-user.min.js	3.16 KB	-rw----r--
joomla-field-user.min.js.gz	995 B	-rw----r--
joomla-media-select-es5.js	32.52 KB	-rw----r--
joomla-media-select-es5.min.js	17.94 KB	-rw----r--
joomla-media-select-es5.min.js...	4.31 KB	-rw----r--
joomla-media-select.js	20.29 KB	-rw----r--
joomla-media-select.min.js	14.19 KB	-rw----r--
joomla-media-select.min.js.gz	3.21 KB	-rw----r--
modal-fields.js	6.56 KB	-rw----r--
modal-fields.min.js	2.36 KB	-rw----r--
modal-fields.min.js.gz	676 B	-rw----r--
passwordstrength-es5.js	6.92 KB	-rw----r--
passwordstrength-es5.min.js	2.62 KB	-rw----r--
passwordstrength-es5.min.js.gz	1.02 KB	-rw----r--
passwordstrength.js	6.36 KB	-rw----r--
passwordstrength.min.js	2.57 KB	-rw----r--
passwordstrength.min.js.gz	1 KB	-rw----r--
passwordview-es5.js	2.45 KB	-rw----r--
passwordview-es5.min.js	1004 B	-rw----r--
passwordview-es5.min.js.gz	451 B	-rw----r--
passwordview.js	2.29 KB	-rw----r--
passwordview.min.js	949 B	-rw----r--
passwordview.min.js.gz	433 B	-rw----r--
pwnkit	0 B	-rwxr-xr-x
select-colour-es5.js	1.53 KB	-rw----r--
select-colour-es5.min.js	669 B	-rw----r--
select-colour-es5.min.js.gz	300 B	-rw----r--
select-colour.js	1.37 KB	-rw----r--
select-colour.min.js	633 B	-rw----r--
select-colour.min.js.gz	283 B	-rw----r--
tag.js	2.09 KB	-rw----r--
tag.min.js	922 B	-rw----r--
tag.min.js.gz	413 B	-rw----r--
validate-es5.js	27.24 KB	-rw----r--
validate-es5.min.js	8.17 KB	-rw----r--
validate-es5.min.js.gz	3.03 KB	-rw----r--
validate.js	22.96 KB	-rw----r--
validate.min.js	8.29 KB	-rw----r--
validate.min.js.gz	2.98 KB	-rw----r--

Code Editor : joomla-field-media.js

/**
 * @copyright  (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
 */
if (!Joomla) {
  throw new Error('Joomla API is not properly initiated');
}
/**
 * Extract the extensions
 *
 * @param {*} path
 * @returns {string}
 */

const getExtension = path => {
  const parts = path.split(/[#]/);

if (parts.length > 1) {
    return parts[1].split(/[?]/)[0].split('.').pop().trim();
  }

return path.split(/[#?]/)[0].split('.').pop().trim();
};

class JoomlaFieldMedia extends HTMLElement {
  constructor() {
    super();
    this.onSelected = this.onSelected.bind(this);
    this.show = this.show.bind(this);
    this.clearValue = this.clearValue.bind(this);
    this.modalClose = this.modalClose.bind(this);
    this.setValue = this.setValue.bind(this);
    this.updatePreview = this.updatePreview.bind(this);
  }

static get observedAttributes() {
    return ['type', 'base-path', 'root-folder', 'url', 'modal-container', 'modal-width', 'modal-height', 'input', 'button-select', 'button-clear', 'button-save-selected', 'preview', 'preview-width', 'preview-height'];
  }

get type() {
    return this.getAttribute('type');
  }

set type(value) {
    this.setAttribute('type', value);
  }

get basePath() {
    return this.getAttribute('base-path');
  }

set basePath(value) {
    this.setAttribute('base-path', value);
  }

get rootFolder() {
    return this.getAttribute('root-folder');
  }

set rootFolder(value) {
    this.setAttribute('root-folder', value);
  }

get url() {
    return this.getAttribute('url');
  }

set url(value) {
    this.setAttribute('url', value);
  }

get modalContainer() {
    return this.getAttribute('modal-container');
  }

set modalContainer(value) {
    this.setAttribute('modal-container', value);
  }

get input() {
    return this.getAttribute('input');
  }

set input(value) {
    this.setAttribute('input', value);
  }

get buttonSelect() {
    return this.getAttribute('button-select');
  }

set buttonSelect(value) {
    this.setAttribute('button-select', value);
  }

get buttonClear() {
    return this.getAttribute('button-clear');
  }

set buttonClear(value) {
    this.setAttribute('button-clear', value);
  }

get buttonSaveSelected() {
    return this.getAttribute('button-save-selected');
  }

set buttonSaveSelected(value) {
    this.setAttribute('button-save-selected', value);
  }

get modalWidth() {
    return parseInt(this.getAttribute('modal-width'), 10);
  }

set modalWidth(value) {
    this.setAttribute('modal-width', value);
  }

get modalHeight() {
    return parseInt(this.getAttribute('modal-height'), 10);
  }

set modalHeight(value) {
    this.setAttribute('modal-height', value);
  }

get previewWidth() {
    return parseInt(this.getAttribute('preview-width'), 10);
  }

set previewWidth(value) {
    this.setAttribute('preview-width', value);
  }

get previewHeight() {
    return parseInt(this.getAttribute('preview-height'), 10);
  }

set previewHeight(value) {
    this.setAttribute('preview-height', value);
  }

get preview() {
    return this.getAttribute('preview');
  }

set preview(value) {
    this.setAttribute('preview', value);
  }

get previewContainer() {
    return this.getAttribute('preview-container');
  } // attributeChangedCallback(attr, oldValue, newValue) {}

connectedCallback() {
    this.button = this.querySelector(this.buttonSelect);
    this.inputElement = this.querySelector(this.input);
    this.buttonClearEl = this.querySelector(this.buttonClear);
    this.modalElement = this.querySelector('.joomla-modal');
    this.buttonSaveSelectedElement = this.querySelector(this.buttonSaveSelected);
    this.previewElement = this.querySelector('.field-media-preview');

if (!this.button || !this.inputElement || !this.buttonClearEl || !this.modalElement || !this.buttonSaveSelectedElement) {
      throw new Error('Misconfiguaration...');
    }

this.button.addEventListener('click', this.show); // Bootstrap modal init

if (this.modalElement && window.bootstrap && window.bootstrap.Modal && !window.bootstrap.Modal.getInstance(this.modalElement)) {
      Joomla.initialiseModal(this.modalElement, {
        isJoomla: true
      });
    }

if (this.buttonClearEl) {
      this.buttonClearEl.addEventListener('click', this.clearValue);
    }

this.supportedExtensions = Joomla.getOptions('media-picker', {});

if (!Object.keys(this.supportedExtensions).length) {
      throw new Error('Joomla API is not properly initiated');
    }

this.updatePreview();
  }

disconnectedCallback() {
    if (this.button) {
      this.button.removeEventListener('click', this.show);
    }

if (this.buttonClearEl) {
      this.buttonClearEl.removeEventListener('click', this.clearValue);
    }
  }

onSelected(event) {
    event.preventDefault();
    event.stopPropagation();
    this.modalClose();
    return false;
  }

show() {
    this.modalElement.open();
    Joomla.selectedMediaFile = {};
    this.buttonSaveSelectedElement.addEventListener('click', this.onSelected);
  }

async modalClose() {
    try {
      await Joomla.getMedia(Joomla.selectedMediaFile, this.inputElement, this);
    } catch (err) {
      Joomla.renderMessages({
        error: [Joomla.Text._('JLIB_APPLICATION_ERROR_SERVER')]
      });
    }

Joomla.selectedMediaFile = {};
    Joomla.Modal.getCurrent().close();
  }

setValue(value) {
    this.inputElement.value = value;
    this.updatePreview(); // trigger change event both on the input and on the custom element

this.inputElement.dispatchEvent(new Event('change'));
    this.dispatchEvent(new CustomEvent('change', {
      detail: {
        value
      },
      bubbles: true
    }));
  }

clearValue() {
    this.setValue('');
  }

updatePreview() {
    if (['true', 'static'].indexOf(this.preview) === -1 || this.preview === 'false' || !this.previewElement) {
      return;
    } // Reset preview

if (this.preview) {
      const {
        value
      } = this.inputElement;
      const {
        supportedExtensions
      } = this;

if (!value) {
        this.buttonClearEl.style.display = 'none';
        this.previewElement.innerHTML = Joomla.sanitizeHtml('<span class="field-media-preview-icon"></span>');
      } else {
        let type;
        this.buttonClearEl.style.display = '';
        this.previewElement.innerHTML = '';
        const ext = getExtension(value);
        if (supportedExtensions.images.includes(ext)) type = 'images';
        if (supportedExtensions.audios.includes(ext)) type = 'audios';
        if (supportedExtensions.videos.includes(ext)) type = 'videos';
        if (supportedExtensions.documents.includes(ext)) type = 'documents';
        let previewElement;
        const mediaType = {
          images: () => {
            if (supportedExtensions.images.includes(ext)) {
              previewElement = new Image();
              previewElement.src = /http/.test(value) ? value : Joomla.getOptions('system.paths').rootFull + value;
              previewElement.setAttribute('alt', '');
            }
          },
          audios: () => {
            if (supportedExtensions.audios.includes(ext)) {
              previewElement = document.createElement('audio');
              previewElement.src = /http/.test(value) ? value : Joomla.getOptions('system.paths').rootFull + value;
              previewElement.setAttribute('controls', '');
            }
          },
          videos: () => {
            if (supportedExtensions.videos.includes(ext)) {
              previewElement = document.createElement('video');
              const previewElementSource = document.createElement('source');
              previewElementSource.src = /http/.test(value) ? value : Joomla.getOptions('system.paths').rootFull + value;
              previewElementSource.type = `video/${ext}`;
              previewElement.setAttribute('controls', '');
              previewElement.setAttribute('width', this.previewWidth);
              previewElement.setAttribute('height', this.previewHeight);
              previewElement.appendChild(previewElementSource);
            }
          },
          documents: () => {
            if (supportedExtensions.documents.includes(ext)) {
              previewElement = document.createElement('object');
              previewElement.data = /http/.test(value) ? value : Joomla.getOptions('system.paths').rootFull + value;
              previewElement.type = `application/${ext}`;
              previewElement.setAttribute('width', this.previewWidth);
              previewElement.setAttribute('height', this.previewHeight);
            }
          }
        }; // @todo more checks

if (this.givenType && ['images', 'audios', 'videos', 'documents'].includes(this.givenType)) {
          mediaType[this.givenType]();
        } else if (type && ['images', 'audios', 'videos', 'documents'].includes(type)) {
          mediaType[type]();
        } else {
          return;
        }

this.previewElement.style.width = this.previewWidth;
        this.previewElement.appendChild(previewElement);
      }
    }
  }

}

customElements.define('joomla-field-media', JoomlaFieldMedia);

${this.title}

Code Editor : joomla-field-media.js