⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.142
Server IP:
217.76.53.76
Server:
Linux vmi1397931.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64
Server Software:
Apache
PHP Version:
8.2.27
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
www
/
wwwroot
/
whatxap.com
/
assets
/
frontend
/
js
/
Edit File: dimbox.min.js
const dimbox=function(){"use strict";let config={ajaxTemplate:`
{{content}}
{{caption}}
`,closeOnOverlayClick:true,imageTemplate:`
{{caption}}
`,iframeRatio:"16x9",iframeTemplate:`
{{caption}}
`,inlineTemplate:`
{{content}}
{{caption}}
`,onAfterClose:null,onAfterInit:null,onAfterOpen:null,onAfterUpdateContent:null,onBeforeClose:null,onBeforeInit:null,onBeforeOpen:null,onBeforeUpdateContent:null,onContentLoaded:null,onDownload:null,onXhrComplete:null,selector:"a[data-dimbox]",sequenceTemplate:'
{{current}}
/
{{total}}
',showDownloadButton:true,svgCloseButton:'
',svgDownloadButton:'
',svgPrevNextButton:'
',theme:"dark",videoAutoplay:true,videoControls:true,videoLoop:false,videoTemplate:`
{{caption}}
`,videoVolume:null,xhrResponseType:"json"};let types=["image","video","iframe","inline","ajax"];let dimboxElements;let dimboxContainer;let dimboxContent;let loader;let closeBtn;let downloadBtn;let thisGalleryLinks;let currentEl;let currentType;let touchStartX;let touchStartY;let touchEndX;let touchEndY;let xhr;function init(){executeCallback("onBeforeInit");dimboxElements=document.querySelectorAll(config.selector);for(let i=0;i
1){createPrevNextButtons(currentEl.dataset.dimbox);createSequence();window.addEventListener("keydown",onKeyPress);window.addEventListener("touchstart",onTouchStart);window.addEventListener("touchend",onTouchEnd);dimboxContainer.classList.add("dimbox-gallery")}}dimboxContainer.appendChild(loader);dimboxContainer.appendChild(closeBtn);dimboxContainer.appendChild(dimboxContent);closeBtn.addEventListener("click",close);dimboxContainer.addEventListener("click",onOverlayClick);document.body.appendChild(dimboxContainer);setTimeout(function(){dimboxContainer.classList.add("show");if(document.documentElement.scrollHeight>document.documentElement.clientHeight){let scrollW=window.innerWidth-document.body.clientWidth;let docElPaddingR=window.getComputedStyle(document.documentElement,null).getPropertyValue("padding-right");document.documentElement.classList.add("dimbox-noscroll");document.documentElement.style.paddingRight=parseInt(docElPaddingR)+scrollW+"px"}executeCallback("onAfterOpen")},50)}function updateContent(){executeCallback("onBeforeUpdateContent");if(currentType=="image"){updateImageContent()}else if(currentType=="video"){updateVideoContent()}else if(currentType=="iframe"){updateIframeContent()}else if(currentType=="inline"){updateInlineContent()}else if(currentType=="ajax"){updateAjaxContent()}updateSequence();updateDownloadButton();executeCallback("onAfterUpdateContent")}function updateImageContent(){let contentHtml=config.imageTemplate;contentHtml=contentHtml.replace("{{src}}",currentEl.href);if(currentEl.querySelector("img")){let imgAlt=currentEl.querySelector("img").alt;if(imgAlt){contentHtml=contentHtml.replace("{{alt}}",imgAlt)}else{contentHtml=contentHtml.replace("{{alt}}","")}}else{contentHtml=contentHtml.replace("{{alt}}","")}contentHtml=insertCaption(contentHtml);dimboxContent.innerHTML=contentHtml;dimboxContent.querySelector("img").addEventListener("load",onContentLoaded)}function updateVideoContent(){let contentHtml=config.videoTemplate;contentHtml=contentHtml.replace("{{src}}",currentEl.href);contentHtml=insertCaption(contentHtml);dimboxContent.innerHTML=contentHtml;let videoEl=dimboxContent.querySelector("video");videoEl.addEventListener("canplay",onContentLoaded);if(config.videoControls){videoEl.setAttribute("controls","")}if(config.videoVolume!==null){videoEl.volume=config.videoVolume}if(config.videoAutoplay){videoEl.setAttribute("autoplay","")}if(config.videoLoop){videoEl.setAttribute("loop","")}videoEl.setAttribute("playsinline","")}function updateIframeContent(){let contentHtml=config.iframeTemplate;contentHtml=contentHtml.replace("{{src}}",currentEl.href);contentHtml=insertCaption(contentHtml);dimboxContent.innerHTML=contentHtml;let ratio=config.iframeRatio;if(currentEl.dataset.dimboxRatio){ratio=currentEl.dataset.dimboxRatio}dimboxContent.querySelector("iframe").classList.add("ratio-"+ratio);dimboxContent.querySelector("iframe").addEventListener("load",onContentLoaded)}function updateInlineContent(){let contentHtml=config.inlineTemplate;contentHtml=contentHtml.replace("{{content}}",document.querySelector(currentEl.getAttribute("href")).innerHTML);contentHtml=insertCaption(contentHtml);dimboxContent.innerHTML=contentHtml;dimboxContainer.classList.add("dimbox-loaded")}function updateAjaxContent(){xhr=new XMLHttpRequest;xhr.responseType=config.xhrResponseType;xhr.addEventListener("load",xhrComplete);xhr.addEventListener("error",xhrError);xhr.addEventListener("abort",xhrAbort);xhr.open("GET",currentEl.getAttribute("href"));xhr.send()}function updateDownloadButton(){if(!config.showDownloadButton){return}if(dimboxContainer.querySelector(".dimbox-btn-download")){downloadBtn.href=currentEl.href;if(currentType!=="image"&¤tType!=="video"){dimboxContainer.removeChild(downloadBtn);downloadBtn=null}}else if(currentType==="image"||currentType==="video"){downloadBtn=document.createElement("a");downloadBtn.className="dimbox-btn-download";downloadBtn.innerHTML=config.svgDownloadButton;downloadBtn.href=currentEl.href;downloadBtn.target="_blank";downloadBtn.setAttribute("download","");downloadBtn.addEventListener("click",function(){executeCallback("onDownload")});dimboxContainer.appendChild(downloadBtn)}}function insertCaption(contentHtml){if(currentEl.dataset.dimboxCaption){contentHtml=contentHtml.replace("{{caption}}",currentEl.dataset.dimboxCaption)}else{contentHtml=contentHtml.replace("{{caption}}","")}return contentHtml}function onContentLoaded(){dimboxContainer.classList.add("dimbox-loaded");executeCallback("onContentLoaded")}function createPrevNextButtons(galleryName){let prevBtn=document.createElement("button");let nextBtn=document.createElement("button");let dimboxElementsArr=Array.prototype.slice.call(dimboxElements);thisGalleryLinks=dimboxElementsArr.filter(item=>item.dataset.dimbox==galleryName);prevBtn.className="dimbox-btn-prev";nextBtn.className="dimbox-btn-next";prevBtn.innerHTML=config.svgPrevNextButton;nextBtn.innerHTML=config.svgPrevNextButton;prevBtn.addEventListener("click",previous);nextBtn.addEventListener("click",next);dimboxContainer.appendChild(prevBtn);dimboxContainer.appendChild(nextBtn)}function prevNext(direction){if(!thisGalleryLinks){return}if(direction===1){dimboxContent.addEventListener("transitionend",transitionLeft);dimboxContent.classList.add("dimbox-transition-left")}else{dimboxContent.addEventListener("transitionend",transitionRight);dimboxContent.classList.add("dimbox-transition-right")}}function transitionLeft(){let index=getCurrentIndex()+1;index=getStartOverIndex(index);dimboxContent.classList.remove("dimbox-transition-left");dimboxContent.classList.remove("dimbox-transition-right");dimboxContent.removeEventListener("transitionend",transitionLeft);currentEl=thisGalleryLinks[index];currentType=getCurrentType(currentEl);dimboxContainer.classList.remove("dimbox-loaded");updateContent()}function transitionRight(){let index=getCurrentIndex()-1;index=getStartOverIndex(index);dimboxContent.classList.remove("dimbox-transition-left");dimboxContent.classList.remove("dimbox-transition-right");dimboxContent.removeEventListener("transitionend",transitionRight);currentEl=thisGalleryLinks[index];currentType=getCurrentType(currentEl);dimboxContainer.classList.remove("dimbox-loaded");updateContent()}function previous(){return prevNext(-1)}function next(){return prevNext(1)}function createSequence(){let sequenceEl=document.createElement("div");sequenceEl.className="dimbox-sequence";sequenceEl.innerHTML=config.sequenceTemplate;sequenceEl.querySelector(".dimbox-sequence-current").textContent=getCurrentIndex()+1;sequenceEl.querySelector(".dimbox-sequence-total").textContent=thisGalleryLinks.length;dimboxContainer.appendChild(sequenceEl)}function updateSequence(){let sequenceEl=dimboxContainer.querySelector(".dimbox-sequence-current");if(sequenceEl){sequenceEl.textContent=getCurrentIndex()+1}}function onKeyPress(e){switch(e.key){case"ArrowLeft":previous();break;case"ArrowRight":next();break}}function checkSwipeDirection(){let diffX=Math.abs(touchStartX-touchEndX);let diffY=Math.abs(touchStartY-touchEndY);if(diffX>diffY){if(touchEndX
touchStartX){previous()}}}function onTouchStart(e){touchStartX=e.changedTouches[0].screenX;touchStartY=e.changedTouches[0].screenY}function onTouchEnd(e){touchEndX=e.changedTouches[0].screenX;touchEndY=e.changedTouches[0].screenY;checkSwipeDirection()}function onOverlayClick(e){let classes=["dimbox-container","dimbox-figure","dimbox-video-container","dimbox-iframe-container","dimbox-ajax-container","dimbox-image"];let clickedOnBg=false;for(let i in classes){if(e.target.classList.contains(classes[i])){if(classes[i]==="dimbox-image"){if(!dimboxContainer.classList.contains("dimbox-loaded")){clickedOnBg=true;break}}else{clickedOnBg=true;break}}}if(!clickedOnBg||!config.closeOnOverlayClick){return}close()}function xhrComplete(){if(xhr.readyState===4&&xhr.status===200){dimboxContent.innerHTML=insertCaption(config.ajaxTemplate);if(typeof config.onXhrComplete==="function"){return config.onXhrComplete(xhr.response)}dimboxContainer.classList.add("dimbox-loaded")}else{console.error("Error completing XHR request")}}function xhrError(){console.error("Error completing XHR request")}function xhrAbort(){console.error("XHR request aborted")}function getCurrentType(el){if(el.dataset.dimboxType){if(types.indexOf(el.dataset.dimboxType)!==-1){return el.dataset.dimboxType}else{console.error("Invalid value for attribute data-dimbox-type");return detectType(el)}}return detectType(el)}function detectType(el){if(isImgUrl(el.href)){return"image"}else if(isVideoUrl(el.href)){return"video"}else if(isHash(el.getAttribute("href"))){return"inline"}else if(isUrl(el.href)){return"iframe"}throw new Error("Unable to autodetect type")}function close(){executeCallback("onBeforeClose");window.removeEventListener("keydown",onKeyPress);window.removeEventListener("touchstart",onTouchStart);window.removeEventListener("touchend",onTouchEnd);dimboxContainer.classList.remove("show");setTimeout(function(){document.body.removeChild(dimboxContainer);document.documentElement.classList.remove("dimbox-noscroll");document.documentElement.style.paddingRight="";executeCallback("onAfterClose")},500)}function executeCallback(cbName){if(typeof config[cbName]==="function"){return config[cbName]()}}function getCurrentIndex(){if(Array.isArray(thisGalleryLinks)){for(let i in thisGalleryLinks){if(thisGalleryLinks[i]==currentEl){return parseInt(i)}}}return null}function getStartOverIndex(index){if(index==-1){return thisGalleryLinks.length-1}else if(index==thisGalleryLinks.length){return 0}return index}function setConfig(options){Object.assign(config,options)}function isUrl(str){try{new URL(str);return true}catch(err){return false}}function isHash(str){return str.substring(0,1)=="#"}function isImgUrl(str){const urlObj=new URL(str);urlObj.search="";return/\.(jpg|jpeg|jfif|pjpeg|pjp|png|apng|webp|avif|gif|svg)$/.test(urlObj.toString())}function isVideoUrl(str){const urlObj=new URL(str);urlObj.search="";return/\.(mp4|ogg|ogv|webm)$/.test(urlObj.toString())}window.addEventListener("DOMContentLoaded",init);return{close:close,next:next,open:open,previous:previous,setConfig:setConfig}}();if(typeof module==="object"&&typeof module.exports==="object"){module.exports=exports=dimbox}else if(typeof define==="function"&&define.amd){define(function(){return dimbox})}
Simpan