Source: AutoField.es.js

  1. /**
  2.  * Copyright (c) 2000-present Liferay, Inc. All rights reserved.
  3.  *
  4.  * This library is free software; you can redistribute it and/or modify it under
  5.  * the terms of the GNU Lesser General Public License as published by the Free
  6.  * Software Foundation; either version 2.1 of the License, or (at your option)
  7.  * any later version.
  8.  *
  9.  * This library is distributed in the hope that it will be useful, but WITHOUT
  10.  * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
  11.  * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
  12.  * details.
  13.  */
  15. import './CategorySelector.es';
  17. import './TagSelector.es';
  19. import Component from 'metal-component';
  20. import Soy from 'metal-soy';
  22. import templates from './AutoField.soy';
  24. const DEFAULT_RULE = {
  25. 	queryContains: true,
  26. 	type: 'assetTags',
  27. };
  29. /**
  30.  * AutoField
  31.  *
  32.  */
  34. class AutoField extends Component {
  36. 	/**
  37. 	 * @inheritDoc
  38. 	 */
  40. 	created() {
  41. 		this.on('rulesChanged', this.onRulesChanged_);
  42. 	}
  44. 	/**
  45. 	 * Adds a new rule of type Tags (by default) to the current list of rules.
  46. 	 * @protected
  47. 	 */
  49. 	addRule_() {
  50. 		this.rules = this.rules.concat(DEFAULT_RULE);
  51. 	}
  53. 	/**
  54. 	 * Updates a given rule when the user changes the type of selection (from Tags
  55. 	 * to Categories) that wants to apply to it
  56. 	 * @param {Event} event
  57. 	 * @protected
  58. 	 */
  60. 	changeSelector_(event) {
  61. 		const itemIndex = event.delegateTarget.getAttribute('data-item-index');
  62. 		const rules = this.rules;
  64. 		rules[itemIndex] = {
  65. 			queryAndOperator: 'all',
  66. 			queryContains: true,
  67. 			type: event.target.value,
  68. 		};
  70. 		this.rules = rules;
  71. 	}
  73. 	/**
  74. 	 * Deletes a rule from the current list. This change can not be undone. Changes
  75. 	 * made to the deleted rule will be lost.
  76. 	 * @param {Event} event
  77. 	 * @protected
  78. 	 */
  80. 	deleteRule_(event) {
  81. 		const itemIndex = event.delegateTarget.getAttribute('data-rule-id');
  82. 		const list = this.rules;
  84. 		list.splice(itemIndex, 1);
  85. 	}
  87. 	/**
  88. 	 * Updates the queryLogicIndexes whenever the list of rules change. The value
  89. 	 * of this property is as follow:
  90. 	 * - rules: [{}, {}, {}]
  91. 	 * - queryLogicIndexes: "0,1,2";
  92. 	 */
  94. 	onRulesChanged_() {
  95. 		this.queryLogicIndexes = Object.keys(this.rules).toString();
  96. 	}
  97. }
  99. AutoField.STATE = {
  101. 	/**
  102. 	 * Array of group (sites) ids where the information is going
  103. 	 * to be fetched. This parementer is passed by to the child
  104. 	 * components being rendered as rules.
  105. 	 */
  107. 	groupIds: {
  108. 		value: [],
  109. 	},
  111. 	/**
  112. 	 * List of indices (rules) that must be sent to the server.
  113. 	 * @see onRulesChanged_ method por more information.
  114. 	 */
  116. 	queryLogicIndexes: {
  117. 		value: '0',
  118. 	},
  120. 	/**
  121. 	 * Array of rules being rendered as children. Each rule
  122. 	 * represents a step on the filtering process, being either
  123. 	 * a TagSelector or a CategorySelector.
  124. 	 * @type {array}
  125. 	 */
  127. 	rules: {
  128. 		value: [DEFAULT_RULE],
  129. 	},
  130. };
  132. Soy.register(AutoField, templates);
  134. export {AutoField};
  135. export default AutoField;