芝麻web文件管理V1.00
编辑当前文件:/home2/sdektunc/.trash/media.1/system/js/showon-es5.js
(function () { 'use strict'; /** * @copyright (C) 2018 Open Source Matters, Inc.
* @license GNU General Public License version 2 or later; see LICENSE.txt */ (function (document) { /* * JField 'showon' class */ var Showon = /*#__PURE__*/function () { /* * Constructor * * @param {HTMLElement} cont Container element */ function Showon(cont) { var _this = this; var self = this; this.container = cont || document; this.fields = {// origin-field-name: { // origin: ['collection of all the trigger nodes'], // targets: ['collection of nodes to be controlled control'] // } }; this.showonFields = [].slice.call(this.container.querySelectorAll('[data-showon]')); // Populate the fields data if (this.showonFields.length) { // @todo refactor this, dry this.showonFields.forEach(function (field) { // Set up only once if (field.hasAttribute('data-showon-initialised')) { return; } field.setAttribute('data-showon-initialised', ''); var jsondata = field.getAttribute('data-showon') || ''; var showonData = JSON.parse(jsondata); var localFields; if (showonData.length) { localFields = [].slice.call(self.container.querySelectorAll("[name=\"" + showonData[0].field + "\"], [name=\"" + showonData[0].field + "[]\"]")); if (!_this.fields[showonData[0].field]) { _this.fields[showonData[0].field] = { origin: [], targets: [] }; } // Add trigger elements localFields.forEach(function (cField) { if (_this.fields[showonData[0].field].origin.indexOf(cField) === -1) { _this.fields[showonData[0].field].origin.push(cField); } }); // Add target elements _this.fields[showonData[0].field].targets.push(field); // Data showon can have multiple values if (showonData.length > 1) { showonData.forEach(function (value, index) { if (index === 0) { return; } localFields = [].slice.call(self.container.querySelectorAll("[name=\"" + value.field + "\"], [name=\"" + value.field + "[]\"]")); if (!_this.fields[showonData[0].field]) { _this.fields[showonData[0].field] = { origin: [], targets: [] }; } // Add trigger elements localFields.forEach(function (cField) { if (_this.fields[showonData[0].field].origin.indexOf(cField) === -1) { _this.fields[showonData[0].field].origin.push(cField); } }); // Add target elements if (_this.fields[showonData[0].field].targets.indexOf(field) === -1) { _this.fields[showonData[0].field].targets.push(field); } }); } } }); // Do some binding this.linkedOptions = this.linkedOptions.bind(this); // Attach events to referenced element, to check condition on change and keyup Object.keys(this.fields).forEach(function (key) { if (_this.fields[key].origin.length) { _this.fields[key].origin.forEach(function (elem) { // Initialize the showon behaviour for the given HTMLElement self.linkedOptions(key); // Setup listeners elem.addEventListener('change', function () { self.linkedOptions(key); }); elem.addEventListener('keyup', function () { self.linkedOptions(key); }); elem.addEventListener('click', function () { self.linkedOptions(key); }); }); } }); } } /** * * @param key */ var _proto = Showon.prototype; _proto.linkedOptions = function linkedOptions(key) { var _this2 = this; // Loop through the elements that need to be either shown or hidden this.fields[key].targets.forEach(function (field) { var elementShowonDatas = JSON.parse(field.getAttribute('data-showon')) || []; var showfield = true; var itemval; // Check if target conditions are satisfied elementShowonDatas.forEach(function (elementShowonData, index) { var condition = elementShowonData || {}; condition.valid = 0; // Test in each of the elements in the field array if condition is valid _this2.fields[key].origin.forEach(function (originField) { if (originField.name !== elementShowonData.field) { return; } var originId = originField.id; // If checkbox or radio box the value is read from properties if (originField.getAttribute('type') && ['checkbox', 'radio'].indexOf(originField.getAttribute('type').toLowerCase()) !== -1) { if (!originField.checked) { // Unchecked fields will return a blank and so always match // a != condition so we skip them return; } itemval = document.getElementById(originId).value; } else { // Select lists, text-area etc. Note that multiple-select list returns // an Array here s0 we can always treat 'itemval' as an array itemval = document.getElementById(originId).value; // A multi-select
$field will return null when no elements are // selected so we need to define itemval accordingly if (itemval === null && originField.tagName.toLowerCase() === 'select') { itemval = []; } } // Convert to array to allow multiple values in the field (e.g. type=list multiple) // and normalize as string if (!(typeof itemval === 'object')) { itemval = JSON.parse("[\"" + itemval + "\"]"); } // Test if any of the values of the field exists in showon conditions itemval.forEach(function (val) { // ":" Equal to one or more of the values condition if (condition.sign === '=' && condition.values.indexOf(val) !== -1) { condition.valid = 1; } // "!:" Not equal to one or more of the values condition if (condition.sign === '!=' && condition.values.indexOf(val) === -1) { condition.valid = 1; } }); }); // Verify conditions // First condition (no operator): current condition must be valid if (condition.op === '') { if (condition.valid === 0) { showfield = false; } } else { // Other conditions (if exists) // AND operator: both the previous and current conditions must be valid if (condition.op === 'AND' && condition.valid + elementShowonDatas[index - 1].valid < 2) { showfield = false; condition.valid = 0; } // OR operator: one of the previous and current conditions must be valid if (condition.op === 'OR' && condition.valid + elementShowonDatas[index - 1].valid > 0) { showfield = true; condition.valid = 1; } } }); // If conditions are satisfied show the target field(s), else hide if (field.tagName !== 'option') { if (showfield) { field.classList.remove('hidden'); } else { field.classList.add('hidden'); } } else { // TODO: If chosen or choices.js is active we should update them field.disabled = !showfield; } }); }; return Showon; }(); // Provide a public API window.Joomla = window.Joomla || {}; if (!Joomla.Showon) { Joomla.Showon = { initialise: function initialise(container) { return new Showon(container); } }; } /** * Initialize 'showon' feature at an initial page load */ document.addEventListener('DOMContentLoaded', function () { Joomla.Showon.initialise(document); }); /** * Initialize 'showon' feature when part of the page was updated */ document.addEventListener('joomla:updated', function (_ref) { var target = _ref.target; // Check is it subform, then wee need to fix some "showon" config if (target.classList.contains('subform-repeatable-group')) { var elements = [].slice.call(target.querySelectorAll('[data-showon]')); var search = new RegExp("\\[" + target.dataset.baseName + "X\\]", 'g'); var replace = "[" + target.dataset.group + "]"; // Fix showon field names in a current group elements.forEach(function (element) { var showon = element.dataset.showon.replace(search, replace); element.dataset.showon = showon; }); } Joomla.Showon.initialise(target); }); })(document); }());