Source: portlet/portlet.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 fetch from '../util/fetch.es';
  16. import objectToFormData from '../util/form/object_to_form_data.es';
  17. import getPortletId from '../util/get_portlet_id';
  18. import createPortletURL from '../util/portlet_url/create_portlet_url.es';
  19. import register from './register.es';
  21. /**
  22.  * Minimizes portlet
  23.  * @param {String} portletSelector Portlet container selector
  24.  * @param {HTMLElement} trigger Trigger element
  25.  * @param {Object} options Additional options
  26.  */
  27. export function minimizePortlet(portletSelector, trigger, options) {
  28. 	options = {
  29. 		doAsUserId: themeDisplay.getDoAsUserIdEncoded(),
  30. 		plid: themeDisplay.getPlid(),
  31. 		...options,
  32. 	};
  34. 	const portlet = document.querySelector(portletSelector);
  36. 	if (portlet) {
  37. 		const content = portlet.querySelector('.portlet-content-container');
  39. 		if (content) {
  40. 			const minimized = content.classList.contains('d-none');
  42. 			if (minimized) {
  43. 				content.classList.remove('d-none');
  45. 				portlet.classList.remove('portlet-minimized');
  46. 			}
  47. 			else {
  48. 				content.classList.add('d-none');
  50. 				portlet.classList.add('portlet-minimized');
  51. 			}
  53. 			if (trigger) {
  54. 				const title = minimized
  55. 					? Liferay.Language.get('minimize')
  56. 					: Liferay.Language.get('restore');
  58. 				trigger.setAttribute('alt', title);
  59. 				trigger.setAttribute('title', title);
  61. 				const triggerText = trigger.querySelector('.taglib-text-icon');
  63. 				if (triggerText) {
  64. 					triggerText.innerHTML = title;
  65. 				}
  67. 				const icon = trigger.querySelector('i');
  69. 				if (icon) {
  70. 					icon.classList.remove('icon-minus', 'icon-resize-vertical');
  72. 					if (minimized) {
  73. 						icon.classList.add('icon-minus');
  74. 						icon.classList.remove('icon-resize-vertical');
  75. 					}
  76. 					else {
  77. 						icon.classList.add('icon-resize-vertical');
  78. 						icon.classList.remove('icon-minus');
  79. 					}
  80. 				}
  81. 			}
  83. 			const portletId = getPortletId(portlet.id);
  85. 			const formData = objectToFormData({
  86. 				cmd: 'minimize',
  87. 				doAsUserId: options.doAsUserId,
  88. 				p_auth: Liferay.authToken,
  89. 				p_l_id: options.plid,
  90. 				p_p_id: portletId,
  91. 				p_p_restore: minimized,
  92. 				p_v_l_s_g_id: themeDisplay.getSiteGroupId(),
  93. 			});
  95. 			fetch(themeDisplay.getPathMain() + '/portal/update_layout', {
  96. 				body: formData,
  97. 				method: 'POST',
  98. 			})
  99. 				.then((response) => {
  100. 					if (response.ok && minimized) {
  101. 						const params = {
  102. 							doAsUserId: options.doAsUserId,
  103. 							p_l_id: options.plid,
  104. 							p_p_boundary: false,
  105. 							p_p_id: portletId,
  106. 							p_p_isolated: true,
  107. 						};
  109. 						fetch(
  110. 							createPortletURL(
  111. 								themeDisplay.getPathMain() +
  112. 									'/portal/render_portlet',
  113. 								params
  114. 							)
  115. 						)
  116. 							.then((response) => response.text())
  117. 							.then((response) => {
  118. 								const range = document.createRange();
  120. 								range.selectNode(portlet);
  122. 								portlet.innerHTML = '';
  124. 								const fragment = range.createContextualFragment(
  125. 									response
  126. 								);
  128. 								portlet.appendChild(fragment);
  129. 							})
  130. 							.catch((error) => {
  131. 								if (process.env.NODE_ENV === 'development') {
  132. 									console.error(error);
  133. 								}
  134. 							});
  135. 					}
  136. 				})
  137. 				.catch((error) => {
  138. 					if (process.env.NODE_ENV === 'development') {
  139. 						console.error(error);
  140. 					}
  141. 				});
  142. 		}
  143. 	}
  144. }
  146. export default {
  147. 	register,
  148. };