FM / js

/home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/js/

/home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/js

Name	Size	Mode	Actions
bootstrap-bundle-min.js	81090	0644	edit dl rm
bootstrap-select-min.js	47706	0644	edit dl rm
bootstrap-select.js.map	34123	0644	edit dl rm
bootstrap.bundle.min.js.map	318338	0644	edit dl rm
calculator.js	2259	0644	edit dl rm
customizer.js	1245	0644	edit dl rm
inline.js	15	0644	edit dl rm
jquery-ajaxchimp-min.js	2381	0644	edit dl rm
jquery-appear-min.js	1266	0644	edit dl rm
jquery-magnific-popup-min.js	20219	0644	edit dl rm
jquery-ui.js	451718	0644	edit dl rm
jquery.circleGraph.js	2723	0644	edit dl rm
jquery.easing.min.js	2532	0644	edit dl rm
jquery.matchHeight.js	11492	0644	edit dl rm
navigation.js	3444	0644	edit dl rm
nouislider-min.js	23883	0644	edit dl rm
odometer-min.js	9897	0644	edit dl rm
theme.js	18376	0644	edit dl rm
wNumb-min.js	2235	0644	edit dl rm
woocommerce.js	0	0644	edit dl rm
wow.js	6300	0644	edit dl rm

Edit: /home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/js/jquery.circleGraph.js (2723B)

(function ($) {
	$.fn.circleGraphic = function (options) {
		$.fn.circleGraphic.defaults = {
			color: '#F90',
			startAngle: 0,
			value: 0,
			//endAngle:50
		};
		$(this).each(function () {
			let $this = $(this)
			var opts = $.extend({}, $.fn.circleGraphic.defaults, options);

var percentage = opts.value;
			var ID = "c" + percentage + Math.random();

$this.append("<canvas id='" + ID + "'></canvas>");

var canvas = document.getElementById(ID),
				context = canvas.getContext('2d');

var Width = $this.width();
			$this.height(Width);
			var Height = $this.height();

canvas.width = Width;
			canvas.height = Height;

var startAngle = opts.startAngle,
				endAngle = percentage / 100,
				angle = startAngle,
				radius = Width * 0.4;

function drawTrackArc() {
				context.beginPath();
				context.strokeStyle = '#fff';
				context.lineWidth = 3;
				context.arc(Width / 2, Height / 2, radius, (Math.PI / 180) * (startAngle * 360 - 90), (Math.PI / 180) * (endAngle * 360 + 270), false);
				context.stroke();
				context.closePath();
			}

function drawOuterArc(_angle, _color) {
				var angle = _angle;
				var color = _color;
				context.beginPath();
				context.strokeStyle = color;
				context.lineWidth = 3;
				context.arc(Width / 2, Height / 2, radius, (Math.PI / 180) * (startAngle * 360 - 90), (Math.PI / 180) * (angle * 360 - 90), false);
				context.stroke();
				context.closePath();
			}

function numOfPercentage(_angle, _color) {
				var angle = Math.ceil(_angle * 100);
				var color = _color;
				context.font = "50px fantasy";
				context.fillStyle = color;
				var metrics = context.measureText(angle);
				var textWidth = metrics.width;
				var xPos = Width / 2 - textWidth / 2,
					yPos = Height / 2 + textWidth / 2;
				context.fillText(angle + "%", xPos, yPos);
			}

function drawACircleInTheEnd() {
				let radians = angle * 2 * Math.PI;
				context.beginPath();
				context.arc(Width / 2 + radius * (Math.sin(radians)),
					Height / 2 - radius * (Math.cos(radians)),
					5,
					0,
					2 * Math.PI,
					false);
				context.fillStyle = 'white';
				context.fill();
				context.lineWidth = 3;
				context.strokeStyle = options.color;
				context.stroke();
			}

function draw() {
				var loop = setInterval(function () {
					context.clearRect(0, 0, Width, Height);
					drawTrackArc();
					drawOuterArc(angle, opts.color);
					// numOfPercentage(angle, opts.color);
					drawACircleInTheEnd();
					angle += 0.01;
					if (angle > endAngle) {
						clearInterval(loop);
					}

}, 1000 / 60);
			}
			draw();
			return $this;
		})
	};
})(jQuery);

(function ($) { $.fn.circleGraphic = function (options) { $.fn.circleGraphic.defaults = { color: '#F90', startAngle: 0, value: 0, //endAngle:50 }; $(this).each(function () { let $this = $(this) var opts = $.extend({}, $.fn.circleGraphic.defaults, options); var percentage = opts.value; var ID = "c" + percentage + Math.random(); $this.append("

"); var canvas = document.getElementById(ID), context = canvas.getContext('2d'); var Width = $this.width(); $this.height(Width); var Height = $this.height(); canvas.width = Width; canvas.height = Height; var startAngle = opts.startAngle, endAngle = percentage / 100, angle = startAngle, radius = Width * 0.4; function drawTrackArc() { context.beginPath(); context.strokeStyle = '#fff'; context.lineWidth = 3; context.arc(Width / 2, Height / 2, radius, (Math.PI / 180) * (startAngle * 360 - 90), (Math.PI / 180) * (endAngle * 360 + 270), false); context.stroke(); context.closePath(); } function drawOuterArc(_angle, _color) { var angle = _angle; var color = _color; context.beginPath(); context.strokeStyle = color; context.lineWidth = 3; context.arc(Width / 2, Height / 2, radius, (Math.PI / 180) * (startAngle * 360 - 90), (Math.PI / 180) * (angle * 360 - 90), false); context.stroke(); context.closePath(); } function numOfPercentage(_angle, _color) { var angle = Math.ceil(_angle * 100); var color = _color; context.font = "50px fantasy"; context.fillStyle = color; var metrics = context.measureText(angle); var textWidth = metrics.width; var xPos = Width / 2 - textWidth / 2, yPos = Height / 2 + textWidth / 2; context.fillText(angle + "%", xPos, yPos); } function drawACircleInTheEnd() { let radians = angle * 2 * Math.PI; context.beginPath(); context.arc(Width / 2 + radius * (Math.sin(radians)), Height / 2 - radius * (Math.cos(radians)), 5, 0, 2 * Math.PI, false); context.fillStyle = 'white'; context.fill(); context.lineWidth = 3; context.strokeStyle = options.color; context.stroke(); } function draw() { var loop = setInterval(function () { context.clearRect(0, 0, Width, Height); drawTrackArc(); drawOuterArc(angle, opts.color); // numOfPercentage(angle, opts.color); drawACircleInTheEnd(); angle += 0.01; if (angle > endAngle) { clearInterval(loop); } }, 1000 / 60); } draw(); return $this; }) }; })(jQuery);