';
let wpaicgImageNonce = 'd09a8a0d3d';
let wpaicgStartTime;
function wpaicgImageLoadingEffect(btn){
btn.setAttribute('disabled','disabled');
btn.innerHTML += '';
}
function wpaicgImageRmLoading(btn){
btn.removeAttribute('disabled');
btn.removeChild(btn.getElementsByTagName('span')[0]);
}
function wpaicgImageCloseModal() {
document.querySelectorAll('.wpaicg_modal_close')[0].addEventListener('click', event => {
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = '';
document.querySelectorAll('.wpaicg-overlay')[0].style.display = 'none';
document.querySelectorAll('.wpaicg_modal')[0].style.display = 'none';
})
}
function wpaicgSaveImageData(id){
var item = document.getElementById('wpaicg-image-item-'+id);
item.querySelectorAll('.wpaicg-image-item-alt')[0].value = document.querySelectorAll('.wpaicg_edit_item_alt')[0].value;
item.querySelectorAll('.wpaicg-image-item-title')[0].value = document.querySelectorAll('.wpaicg_edit_item_title')[0].value;
item.querySelectorAll('.wpaicg-image-item-caption')[0].value = document.querySelectorAll('.wpaicg_edit_item_caption')[0].value;
item.querySelectorAll('.wpaicg-image-item-description')[0].value = document.querySelectorAll('.wpaicg_edit_item_description')[0].value;
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = '';
document.querySelectorAll('.wpaicg-overlay')[0].style.display = 'none';
document.querySelectorAll('.wpaicg_modal')[0].style.display = 'none';
}
function wpaicgModalImage(id){
var item = document.getElementById('wpaicg-image-item-'+id);
var alt = item.querySelectorAll('.wpaicg-image-item-alt')[0].value;
var title = item.querySelectorAll('.wpaicg-image-item-title')[0].value;
var caption = item.querySelectorAll('.wpaicg-image-item-caption')[0].value;
var description = item.querySelectorAll('.wpaicg-image-item-description')[0].value;
var url = item.querySelectorAll('input[type=checkbox]')[0].value;
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = '';
document.querySelectorAll('.wpaicg-overlay')[0].style.display = 'block';
document.querySelectorAll('.wpaicg_modal')[0].style.display = 'block';
document.querySelectorAll('.wpaicg_modal_title')[0].innerHTML = 'Edit Image';
var html = '';
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = html;
wpaicgImageCloseModal();
}
function wpaicgViewModalImage(element){
var url = element.getAttribute('src');
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = '';
document.querySelectorAll('.wpaicg-overlay')[0].style.display = 'block';
document.querySelectorAll('.wpaicg_modal')[0].style.display = 'block';
document.querySelectorAll('.wpaicg_modal_title')[0].innerHTML = 'View Image';
var html = '';
html += '
';
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = html;
wpaicgImageCloseModal();
}
function wpaicgImageGenerator(data, start, max, multi_steps,form_action){
const xhttp = new XMLHttpRequest();
xhttp.open('POST', wpaicg_image_ajax_url);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send(data);
xhttp.onreadystatechange = function(oEvent) {
if (xhttp.readyState === 4) {
if (xhttp.status === 200) {
var wpaicg_response = this.responseText;
res = JSON.parse(wpaicg_response);
if(res.status === 'success'){
for(var idx = 0; idx < res.imgs.length; idx++){
var img = res.imgs[idx];
var html = ''; html += '
'; html += '
'; html += '
'; html += '
'; html += '

'; html += '
';
wpaicgImageGrid.innerHTML += html;
}
if(multi_steps){
if(start === max){
wpaicgImageRmLoading(wpaicgImageGenerateBtn);
wpaicgImageSelectAll.classList.remove('selectall')
wpaicgImageSelectAll.innerHTML = 'Select All';
wpaicgImageSelectAll.style.display = 'block';
wpaicgImageLoading.style.display = 'none';
wpaicgImageSaveBtn.style.display = 'block';
}
else{
wpaicgImageGenerator(data, start+1, max, multi_steps,form_action)
}
}
else{
if(form_action === 'wpaicg_image_generator'){
let endTime = new Date();
let timeDiff = endTime - wpaicgStartTime;
timeDiff = timeDiff/1000;
data += '&action=wpaicg_image_log&duration='+timeDiff+'&_wpnonce_image_log='+wpaicgImageNonce+'&shortcode='+wpaicgImageShortcode+'&source_id='+wpaicgImageSourceID;
const xhttp = new XMLHttpRequest();
xhttp.open('POST', 'https://gositeme.com/wp-admin/admin-ajax.php');
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send(data);
xhttp.onreadystatechange = function (oEvent) {
if (xhttp.readyState === 4) {
}
}
}
wpaicgImageRmLoading(wpaicgImageGenerateBtn);
wpaicgImageSelectAll.classList.remove('selectall')
wpaicgImageSelectAll.innerHTML = 'Select All';
wpaicgImageSelectAll.style.display = 'block';
wpaicgImageLoading.style.display = 'none';
wpaicgImageSaveBtn.style.display = 'block';
}
}
else{
wpaicgImageRmLoading(wpaicgImageGenerateBtn);
wpaicgImageLoading.style.display = 'none';
let errorMessage = document.createElement('div');
errorMessage.style.color = '#f00';
errorMessage.classList.add('wpaicg-image-error');
errorMessage.innerHTML = res.msg;
wpaicgImageGenerated.prepend(errorMessage);
setTimeout(function (){
errorMessage.remove();
},3000);
}
}
else{
wpaicgImageLoading.style.display = 'none';
wpaicgImageRmLoading(wpaicgImageGenerateBtn);
alert('Something went wrong');
}
}
}
}
wpaicgImageForm.addEventListener('submit', function (e){
e.preventDefault();
var form_action = wpaicgImageForm.querySelectorAll('input[name=action]')[0].value;
var num_images = parseInt(wpaicgNumberImages.value);
if(num_images > 0){
var wpaicg_error = false;
if(form_action === 'wpaicg_image_stable_diffusion'){
var prompt_strength = parseFloat(document.getElementById('prompt_strength').value);
var num_inference_steps = parseFloat(document.getElementById('num_inference_steps').value);
var guidance_scale = parseFloat(document.getElementById('guidance_scale').value);
if(prompt_strength < 0 || prompt_strength > 1){
wpaicg_error = 'Please enter a valid prompt strength value between 0 and 1.'
}
else if(num_inference_steps < 1 || num_inference_steps > 500){
wpaicg_error = 'Please enter a valid number of inference steps value between 1 and 500.'
}
else if(guidance_scale < 1 || guidance_scale > 20){
wpaicg_error = 'Please enter a valid guidance scale value between 1 and 20.'
}
}
if(wpaicg_error){
alert(wpaicg_error);
}
else{
const queryString = new URLSearchParams(new FormData(wpaicgImageForm)).toString();
wpaicgImageSaveBtn.style.display = 'none';
wpaicgImageLoadingEffect(wpaicgImageGenerateBtn);
wpaicgImageConvertBar.style.display = 'none';
wpaicgImageLoading.style.display = 'flex';
wpaicgImageGrid.innerHTML = '';
wpaicgImageSelectAll.style.display = 'none';
let wpaicgImageError = document.getElementsByClassName('wpaicg-image-error');
if(wpaicgImageError.length){
wpaicgImageError[0].remove();
}
if (form_action === 'wpaicg_image_stable_diffusion') {
wpaicgImageGenerator(queryString, 1, num_images, true,form_action);
} else {
wpaicgStartTime = new Date();
wpaicgImageGenerator(queryString, 1, num_images, false,form_action);
}
}
}
else{
alert('Please select least one image for generate')
}
return false;
});
';
let wpaicgImageNonce = 'd09a8a0d3d';
let wpaicgStartTime;
function wpaicgImageLoadingEffect(btn){
btn.setAttribute('disabled','disabled');
btn.innerHTML += '';
}
function wpaicgImageRmLoading(btn){
btn.removeAttribute('disabled');
btn.removeChild(btn.getElementsByTagName('span')[0]);
}
function wpaicgImageCloseModal() {
document.querySelectorAll('.wpaicg_modal_close')[0].addEventListener('click', event => {
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = '';
document.querySelectorAll('.wpaicg-overlay')[0].style.display = 'none';
document.querySelectorAll('.wpaicg_modal')[0].style.display = 'none';
})
}
function wpaicgSaveImageData(id){
var item = document.getElementById('wpaicg-image-item-'+id);
item.querySelectorAll('.wpaicg-image-item-alt')[0].value = document.querySelectorAll('.wpaicg_edit_item_alt')[0].value;
item.querySelectorAll('.wpaicg-image-item-title')[0].value = document.querySelectorAll('.wpaicg_edit_item_title')[0].value;
item.querySelectorAll('.wpaicg-image-item-caption')[0].value = document.querySelectorAll('.wpaicg_edit_item_caption')[0].value;
item.querySelectorAll('.wpaicg-image-item-description')[0].value = document.querySelectorAll('.wpaicg_edit_item_description')[0].value;
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = '';
document.querySelectorAll('.wpaicg-overlay')[0].style.display = 'none';
document.querySelectorAll('.wpaicg_modal')[0].style.display = 'none';
}
function wpaicgModalImage(id){
var item = document.getElementById('wpaicg-image-item-'+id);
var alt = item.querySelectorAll('.wpaicg-image-item-alt')[0].value;
var title = item.querySelectorAll('.wpaicg-image-item-title')[0].value;
var caption = item.querySelectorAll('.wpaicg-image-item-caption')[0].value;
var description = item.querySelectorAll('.wpaicg-image-item-description')[0].value;
var url = item.querySelectorAll('input[type=checkbox]')[0].value;
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = '';
document.querySelectorAll('.wpaicg-overlay')[0].style.display = 'block';
document.querySelectorAll('.wpaicg_modal')[0].style.display = 'block';
document.querySelectorAll('.wpaicg_modal_title')[0].innerHTML = 'Edit Image';
var html = '';
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = html;
wpaicgImageCloseModal();
}
function wpaicgViewModalImage(element){
var url = element.getAttribute('src');
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = '';
document.querySelectorAll('.wpaicg-overlay')[0].style.display = 'block';
document.querySelectorAll('.wpaicg_modal')[0].style.display = 'block';
document.querySelectorAll('.wpaicg_modal_title')[0].innerHTML = 'View Image';
var html = '';
html += '
';
document.querySelectorAll('.wpaicg_modal_content')[0].innerHTML = html;
wpaicgImageCloseModal();
}
function wpaicgImageGenerator(data, start, max, multi_steps,form_action){
const xhttp = new XMLHttpRequest();
xhttp.open('POST', wpaicg_image_ajax_url);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send(data);
xhttp.onreadystatechange = function(oEvent) {
if (xhttp.readyState === 4) {
if (xhttp.status === 200) {
var wpaicg_response = this.responseText;
res = JSON.parse(wpaicg_response);
if(res.status === 'success'){
for(var idx = 0; idx < res.imgs.length; idx++){
var img = res.imgs[idx];
var html = ''; html += '
'; html += '
'; html += '
'; html += '
'; html += '

'; html += '
';
wpaicgImageGrid.innerHTML += html;
}
if(multi_steps){
if(start === max){
wpaicgImageRmLoading(wpaicgImageGenerateBtn);
wpaicgImageSelectAll.classList.remove('selectall')
wpaicgImageSelectAll.innerHTML = 'Select All';
wpaicgImageSelectAll.style.display = 'block';
wpaicgImageLoading.style.display = 'none';
wpaicgImageSaveBtn.style.display = 'block';
}
else{
wpaicgImageGenerator(data, start+1, max, multi_steps,form_action)
}
}
else{
if(form_action === 'wpaicg_image_generator'){
let endTime = new Date();
let timeDiff = endTime - wpaicgStartTime;
timeDiff = timeDiff/1000;
data += '&action=wpaicg_image_log&duration='+timeDiff+'&_wpnonce_image_log='+wpaicgImageNonce+'&shortcode='+wpaicgImageShortcode+'&source_id='+wpaicgImageSourceID;
const xhttp = new XMLHttpRequest();
xhttp.open('POST', 'https://gositeme.com/wp-admin/admin-ajax.php');
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send(data);
xhttp.onreadystatechange = function (oEvent) {
if (xhttp.readyState === 4) {
}
}
}
wpaicgImageRmLoading(wpaicgImageGenerateBtn);
wpaicgImageSelectAll.classList.remove('selectall')
wpaicgImageSelectAll.innerHTML = 'Select All';
wpaicgImageSelectAll.style.display = 'block';
wpaicgImageLoading.style.display = 'none';
wpaicgImageSaveBtn.style.display = 'block';
}
}
else{
wpaicgImageRmLoading(wpaicgImageGenerateBtn);
wpaicgImageLoading.style.display = 'none';
let errorMessage = document.createElement('div');
errorMessage.style.color = '#f00';
errorMessage.classList.add('wpaicg-image-error');
errorMessage.innerHTML = res.msg;
wpaicgImageGenerated.prepend(errorMessage);
setTimeout(function (){
errorMessage.remove();
},3000);
}
}
else{
wpaicgImageLoading.style.display = 'none';
wpaicgImageRmLoading(wpaicgImageGenerateBtn);
alert('Something went wrong');
}
}
}
}
wpaicgImageForm.addEventListener('submit', function (e){
e.preventDefault();
var form_action = wpaicgImageForm.querySelectorAll('input[name=action]')[0].value;
var num_images = parseInt(wpaicgNumberImages.value);
if(num_images > 0){
var wpaicg_error = false;
if(form_action === 'wpaicg_image_stable_diffusion'){
var prompt_strength = parseFloat(document.getElementById('prompt_strength').value);
var num_inference_steps = parseFloat(document.getElementById('num_inference_steps').value);
var guidance_scale = parseFloat(document.getElementById('guidance_scale').value);
if(prompt_strength < 0 || prompt_strength > 1){
wpaicg_error = 'Please enter a valid prompt strength value between 0 and 1.'
}
else if(num_inference_steps < 1 || num_inference_steps > 500){
wpaicg_error = 'Please enter a valid number of inference steps value between 1 and 500.'
}
else if(guidance_scale < 1 || guidance_scale > 20){
wpaicg_error = 'Please enter a valid guidance scale value between 1 and 20.'
}
}
if(wpaicg_error){
alert(wpaicg_error);
}
else{
const queryString = new URLSearchParams(new FormData(wpaicgImageForm)).toString();
wpaicgImageSaveBtn.style.display = 'none';
wpaicgImageLoadingEffect(wpaicgImageGenerateBtn);
wpaicgImageConvertBar.style.display = 'none';
wpaicgImageLoading.style.display = 'flex';
wpaicgImageGrid.innerHTML = '';
wpaicgImageSelectAll.style.display = 'none';
let wpaicgImageError = document.getElementsByClassName('wpaicg-image-error');
if(wpaicgImageError.length){
wpaicgImageError[0].remove();
}
if (form_action === 'wpaicg_image_stable_diffusion') {
wpaicgImageGenerator(queryString, 1, num_images, true,form_action);
} else {
wpaicgStartTime = new Date();
wpaicgImageGenerator(queryString, 1, num_images, false,form_action);
}
}
}
else{
alert('Please select least one image for generate')
}
return false;
});