64 lines
1.8 KiB
JavaScript
Executable File
64 lines
1.8 KiB
JavaScript
Executable File
/*
|
|
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 5
|
|
Version: 5.5.1
|
|
Author: Sean Ngu
|
|
Website: http://www.seantheme.com/color-admin/
|
|
*/
|
|
|
|
var toggleAiGenerateImage = function() {
|
|
$(document).on('submit', '[data-form-submit="generate-image"]', function(e) {
|
|
e.preventDefault();
|
|
|
|
const aiContainer = document.getElementById('aiGeneratedContainer');
|
|
const aiGenerating = document.getElementById('aiGeneratingResult');
|
|
const aiGenerated = document.getElementById('aiGeneratedResult');
|
|
|
|
if (aiContainer && aiGenerating && aiGenerated) {
|
|
aiContainer.classList.remove('d-none');
|
|
|
|
aiGenerating.classList.remove('d-none');
|
|
aiGenerating.classList.add('show');
|
|
|
|
const aiContainerPosition = aiContainer.getBoundingClientRect().top + window.scrollY;
|
|
window.scrollTo({ top: aiContainerPosition - 100, behavior: "smooth" });
|
|
|
|
setTimeout(() => {
|
|
aiGenerating.classList.add('d-none');
|
|
aiGenerated.classList.remove('d-none');
|
|
}, 3000);
|
|
}
|
|
});
|
|
};
|
|
|
|
var toggleAiDropdownSelection = function() {
|
|
$(document).on('click', '[data-select="ai-dropdown-selection"]', function(e) {
|
|
e.preventDefault();
|
|
|
|
const targetValue = $(this).attr('data-value');
|
|
const targetContainer = $(this).attr('data-target');
|
|
|
|
$(targetContainer).html(targetValue);
|
|
});
|
|
};
|
|
|
|
var previewImage = function(event) {
|
|
const file = event.target.files[0];
|
|
if (file) {
|
|
const reader = new FileReader();
|
|
reader.onload = function (e) {
|
|
const img = document.getElementById('previewImage');
|
|
if (img) {
|
|
img.src = e.target.result;
|
|
img.classList.remove('d-none');
|
|
} else {
|
|
img.classList.add('d-none');
|
|
}
|
|
};
|
|
reader.readAsDataURL(file);
|
|
}
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
toggleAiGenerateImage();
|
|
toggleAiDropdownSelection();
|
|
}); |