/o//commerce-media/accounts/-1/images/18397653?download=true
Java Scripting
Data Modeling, Process & Business Logic
(function () {
let currentIndex = 0;
let images = [];
const carouselNextBtn = document.querySelector('.nav-button.next');
const carouselPrevBtn = document.querySelector('.nav-button.prev');
const carouselMainImage = document.getElementById('main-image');
const thumbnailsContainer = document.querySelector('.thumbnails');
const viewFullGalleryBtn = document.querySelector('.view-full-gallery');
function loadImages() {
images = [
{
src: "http://marketplace.lxc.liferay.com/o/commerce-media/accounts/-1/images/18397488?download=true",
alt: "sample-screenshot.png"
},
{
src: "http://marketplace.lxc.liferay.com/o/commerce-media/accounts/-1/images/18397620?download=true",
alt: "website-screenshot.png"
},
{
src: "http://marketplace.lxc.liferay.com/o/commerce-media/accounts/-1/images/18397456?download=true",
alt: "control-panel-screenshot.png"
}
]
}
function renderThumbnails() {
const maxVisible = 5;
let start = currentIndex - 2;
if (start < 0) start = 0;
if (start > images.length - maxVisible) start = Math.max(images.length - maxVisible, 0);
const end = Math.min(images.length, start + maxVisible);
thumbnailsContainer.innerHTML = '';
for (let i = start; i < end; i++) {
const img = document.createElement('img');
img.className = 'thumbnail' + (i === currentIndex ? ' selected' : '');
img.src = images[i].src;
img.alt = images[i].alt;
img.dataset.index = i;
img.addEventListener('click', () => updateMainImage(i));
thumbnailsContainer.appendChild(img);
}
}
function updateMainImage(index) {
currentIndex = index;
carouselMainImage.src = images[index].src;
carouselMainImage.alt = images[index].alt;
carouselPrevBtn.disabled = index === 0;
carouselNextBtn.disabled = index === images.length - 1;
renderThumbnails();
}
function setupNavigationButtons() {
carouselPrevBtn.addEventListener('click', () => {
if (currentIndex > 0) updateMainImage(currentIndex - 1);
});
carouselNextBtn.addEventListener('click', () => {
if (currentIndex < images.length - 1) updateMainImage(currentIndex + 1);
});
}
function setupModalTriggers() {
carouselMainImage.addEventListener('click', () => openModalGallery(currentIndex));
if (viewFullGalleryBtn) {
viewFullGalleryBtn.addEventListener('click', () => openModalGallery(currentIndex));
}
}
function openModalGallery(startIndex) {
let current = startIndex;
const template = document.getElementById('modal-gallery');
const clone = template.content.cloneNode(true);
const container = document.createElement('div');
container.appendChild(clone);
Liferay.Util.openModal({
bodyHTML: container.innerHTML,
center: true,
headerHTML: '<h2 class="modal-gallery-header" id="modal-header-title"><svg class="lexicon-icon lexicon-icon-picture" role="presentation" ><use xlink:href="https://marketplace.liferay.com/o/classic-theme/images/clay/icons.svg#picture" />
![]()
> Image
',
size: "full-screen",
onOpen: () => {
const modalContainer = document.querySelector('.modal-content');
if (modalContainer) {
modalContainer.classList.add('custom-gallery-modal');
}
const modalImage = document.querySelector('[data-role="modal-image"]');
const modalNext = document.querySelector('[data-role="modal-next"]');
const modalPrev = document.querySelector('[data-role="modal-prev"]');
const indexDisplay = document.getElementById('modal-index-display');
function updateModalImage(index) {
const img = images[index];
modalImage.src = img.src;
modalImage.alt = img.alt;
modalNext.disabled = index === images.length - 1;
modalPrev.disabled = index === 0;
if (indexDisplay) {
indexDisplay.textContent = (index + 1) + ' de ' + images.length;
}
}
modalNext.addEventListener('click', () => {
if (current
Descrição
What?
---------
java-scripting-hook add support for the plain old Java language as scripting language in the Liferay script console.
Now, you can write your portal admin scripts in your daily language, with your prefered IDE.
Why?
-------
This plugin may help you in some cases :
* if you are not familiar with any of the script languages natively supported by Liferay (Beanshell, Javascript, Groovy, Python and Ruby)
* if you want to enjoy auto-complete from your IDE, incredibly improving your productivity
* if you have already the code to execute in java language (from some portlet source code for example), to save the time to translate your code snipet to a natively supported script language
* if you need, during development, to quickly test java code snippet on any server (other than your development server).
---------
java-scripting-hook add support for the plain old Java language as scripting language in the Liferay script console.
Now, you can write your portal admin scripts in your daily language, with your prefered IDE.
Why?
-------
This plugin may help you in some cases :
* if you are not familiar with any of the script languages natively supported by Liferay (Beanshell, Javascript, Groovy, Python and Ruby)
* if you want to enjoy auto-complete from your IDE, incredibly improving your productivity
* if you have already the code to execute in java language (from some portlet source code for example), to save the time to translate your code snipet to a natively supported script language
* if you need, during development, to quickly test java code snippet on any server (other than your development server).
Um inesperado erro ocorreu.
DEVELOPER
Desenvolvedor
Publisher Date
January 22, 2024
Deployment Method
Liferay Self-Hosted
Liferay PaaS
App Type
DXP
Versão
1.0.5
Versões compatíveis
6.2
Standard Price
Free
Help and Support
Compartilhar link
DEVELOPER
21/11/24 17:36
Published date
21/11/24 17:36
Published Date
21/11/24 17:36
SUPPORTED OFFERINGS
Liferay PaaS
Supported Versions
6.2
Resource Requirements
Edition
Community
PRICE
Free
help & support
SHARE LINK
HTML Example
A paragraph is a self-contained unit of a discourse in writing dealing with a particular point or idea. Paragraphs are usually an expected part of formal writing, used to organize longer prose.