File Manager

XYZ File Manager

Current Path: /var/www/wordpress/wp-content/plugins/oxymade/public/js

var / www / wordpress / wp-content / plugins / oxymade / public / js /

📁 ..
📄 change-to-id.js(581 B)
📄 colors.js(44.63 KB)
📄 darkmode.js(7.06 KB)
📄 helpers.js(172 B)
📄 hovers.js(13.82 KB)
📄 hovers.json(53.82 KB)
📄 infinite-scroll.pkgd.min.js(22.01 KB)
📄 isotope.pkgd.min.js(34.61 KB)
📄 merge.js(27.29 KB)
📄 oxymade-public.js(3.67 KB)
📄 paste.js(3.92 KB)
📄 power-toggle.js(877 B)

Editing: hovers.js

window.addEventListener("load", function () {
  document.querySelector(".oxygen-toolbar-panels").insertAdjacentHTML(
    "afterend",
    `<div class="oxygen-dom-tree-button oxygen-toolbar-button OxyMadeHoversBtn" id="oxymadeHoversBtn">
	<img></img>
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor">
	  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
	</svg>
</div>`
  );

var oxymadeHoversBtn = document.getElementById("oxymadeHoversBtn");

var oxymadeHoversDiv = document.getElementById("oxymade-hoversidebar");
  oxymadeHoversDiv.classList.add("hoversidebar-collapsed");
  document.body.appendChild(oxymadeHoversDiv);

oxymadeHoversBtn.addEventListener("click", (_) => {
	  
	  // if($scope.iframeScope.componentsClasses[id]){
	  if($scope.iframeScope.component.active.id){
		  
    document
      .getElementById("oxymade-hoversidebar")
      .classList.toggle("hoversidebar-collapsed");
    // document.getElementById("hoversidebardata").classList.toggle("hoversidebar-hide");
	 
	 } else {
		  alert("Please select an element before opening the hovers panel");
	  }
  });

$('#apply-hover-effect').click(function(){
		
		$('#apply-hover-effect').text("Hover effect applied to the selected element.");
		$('#apply-hover-effect').removeClass("bg-red-200 text-red-800 hover:bg-yellow-100 hover:text-gray-900");
		$('#apply-hover-effect').addClass("bg-indigo-200 text-indigo-800 hover:bg-indigo-100 hover:text-indigo-900");
		
		var hoverJsonUrl = oxymadeHovers.pluginsUrl + 'js/hovers.json';

var hoversObj;
		fetch(hoverJsonUrl)
		  .then(response => response.json())
		  .then(data => hoversObj = data)
		  .then(() => addHoverClasses(hoverEffect, hoversObj));
		
		
		async function addHoverClasses (hoverEffect, hoversObj) {
			
			for (i=1; i<=hoverEffect.length; i++)  
			{  
				index = i-1;
				let hoverClassName = hoverEffect[index];
				$scope.iframeScope.classes[hoverClassName] = hoversObj[hoverClassName];
				
				let id = $scope.iframeScope.component.active.id;
				let component = $scope.iframeScope.findComponentItem(
					  $scope.iframeScope.componentsTree.children,
					  id,
					  $scope.iframeScope.getComponentItem
					);
				
				component.options["classes"] = component.options["classes"] || [];
				
				if(!component.options["classes"].includes(hoverClassName)){
					component.options["classes"].push(hoverClassName);
				}
				
				$scope.iframeScope.componentsClasses[id] =
				  $scope.iframeScope.componentsClasses[id] || [];
				  
				  if(!component.options["classes"].includes(hoverClassName)){
				$scope.iframeScope.componentsClasses[id].push(hoverClassName);
			}
				console.log(hoverClassName + " applied succesfully.");
				if(i == 1){
					$scope.iframeScope.setCurrentClass(hoverClassName);
				}
				
				// let presentClasses = $scope.iframeScope.componentsClasses[id];
				// console.log(presentClasses);
		
					$scope.iframeScope.rebuildDOM(id);
				  $scope.iframeScope.$apply();
				await task(i);
				}
		}
		
		setTimeout(function() {
		
		$('#oxymade-hover-effects-section #oxymade-hovers-required').removeClass("hidden");
		$('#hover-effects-section').removeClass("hidden");
		
		$('#oxymade-hover-backgrounds-section #oxymade-hovers-not-applicable, #oxymade-hover-colors-section #oxymade-hovers-not-applicable, #oxymade-hover-borders-section #oxymade-hovers-not-applicable, #oxymade-hover-effects-section #oxymade-hovers-cancel, #oxymade-hover-effects-section #oxymade-hovers-selected, #oxymade-hover-backgrounds-section #oxymade-hovers-selected, #oxymade-hover-borders-section #oxymade-hovers-selected, #oxymade-hover-colors-section #oxymade-hovers-selected, #oxymade-hover-backgrounds-section #oxymade-hovers-required, #oxymade-hover-borders-section #oxymade-hovers-required, #oxymade-hover-colors-section #oxymade-hovers-required, #hover-backgrounds-section, #hover-borders-section, #hover-colors-section').addClass("hidden");
		
		$('#oxymade-hover-backgrounds-section, #oxymade-hover-borders-section, #oxymade-hover-colors-section').removeClass("opacity-25");
		
		$('#oxymade-hover-effects-section .hover-effect').text("Select effect");
		$('#oxymade-hover-backgrounds-section .hover-effect').text("Select background");
		$('#oxymade-hover-borders-section .hover-effect').text("Select border");
		$('#oxymade-hover-colors-section .hover-effect').text("Select color");
		
		$('#apply-hover-effect').text("Apply the hover effect");
		$('#apply-hover-effect').removeClass("bg-green-200 text-indigo-800 hover:bg-indigo-100 hover:text-indigo-900");
		$('#apply-hover-effect').addClass("bg-indigo-400 text-indigo-800 hover:bg-indigo-100 hover:text-gray-900");
		
		hoverEffect = [];
		applyStatus = {};
		hoverElements = {};
		checkApplyStatus();
	}, 3000); });
})(jQuery);

XYZ File Manager

Editing: hovers.js

Upload File

Create Folder