yetangitu/Oinktube
1
0
Fork 0
mirror of https://github.com/DanielnetoDotCom/YouPHPTube synced 2025-10-04 02:09:22 +02:00
Code Issues Releases Wiki Activity

Add js-circle-progress libs

Browse source
This commit is contained in:
DanieL 2022-09-08 12:40:21 -03:00
parent 2428c83de4
commit e184e09ec1
42 changed files with 25410 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

57
node_modules/js-circle-progress/docs/js/home.js generated vendored Normal file
View file

@ -0,0 +1,57 @@
'use strict';
var introEl = document.querySelector('.intro');
var cp = new CircleProgress(document.querySelector('.progress'), {max: 100, value: 60, textFormat: 'value', animation: 'easeInOutCubic'});
cp.graph.paper.svg.setAttribute('viewBox', '-10 -10 120 120');
setTimeout(function() {
introEl.dataset.demo = 'responsive';
}, 3000);
setTimeout(function() {
introEl.dataset.demo = 'animated';
setTimeout(function() {
cp.value = 90;
setTimeout(function() {
cp.value = 20;
}, 800);
setTimeout(function() {
cp.value = 60;
}, 1600);
}, 700);
}, 5700);
setTimeout(function() {
introEl.dataset.demo = 'stylable';
var i = 0;
var interv = setInterval(function() {
i += 1;
if(i === 6) {
cp.textFormat = 'valueOnCircle';
cp.graph.text.el.style.transition = 'none';
cp.graph.text.el.style.transform = 'none';
clearInterval(interv);
return;
}
cp.el.dataset.style = i;
if(i === 5) {
updateGraph();
setTimeout(function() {
introEl.dataset.demo = 'accessible';
}, 700);
}
}, 1600);
function updateGraph() {
cp._updateGraph();
if(i < 6) {
requestAnimationFrame(updateGraph);
}
}
}, 8500);
setTimeout(function() {
introEl.dataset.demo = 'finished';
}, 19000);