Gecko [ aodai.devttt.com ]

Name	Size	Permission
assets	[ DIR ]	drwxr-xr-x
custom-js	[ DIR ]	drwxr-xr-x
images	[ DIR ]	drwxr-xr-x
angularjs.1.6.5.js	164.57 KB	-rw-r--r--
bootstrap-toggle.min.css	1.55 KB	-rw-r--r--
bootstrap-toggle.min.js	4.03 KB	-rw-r--r--
cyber-panel-logo.svg	2.68 KB	-rw-r--r--
jquery.3.2.1.js	84.63 KB	-rw-r--r--
percircle.css	9.96 KB	-rw-r--r--
percircle.js	1.12 KB	-rw-r--r--

Code Editor : percircle.js

$(document).ready(function () {
	var rotationMultiplier = 3.6;
	// For each div that its id ends with "circle", do the following.
	$( "div[id$='circle']" ).each(function() {
		// Save all of its classes in an array.
		var classList = $( this ).attr('class').split(/\s+/);
		// Iterate over the array
		for (var i = 0; i < classList.length; i++) {
		   /* If there's about a percentage class, take the actual percentage and apply the
				css transformations in all occurences of the specified percentage class,
				even for the divs without an id ending with "circle" */
		   if (classList[i].match("^p")) {
			var rotationPercentage = classList[i].substring(1, classList[i].length);
			var rotationDegrees = rotationMultiplier*rotationPercentage;
			$('.c100.p'+rotationPercentage+ ' .bar').css({
			  '-webkit-transform' : 'rotate(' + rotationDegrees + 'deg)',
			  '-moz-transform'    : 'rotate(' + rotationDegrees + 'deg)',
			  '-ms-transform'     : 'rotate(' + rotationDegrees + 'deg)',
			  '-o-transform'      : 'rotate(' + rotationDegrees + 'deg)',
			  'transform'         : 'rotate(' + rotationDegrees + 'deg)'
			});
		   }
		}
	});
});

${this.title}

Code Editor : percircle.js