l4kr/dashboard-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

emby 4.8

Browse Source
This commit is contained in:
root
2023-08-31 15:30:17 +02:00
commit dea16b40a8
833 changed files with 142024 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
modules/emby-elements/emby-progressring/emby-progressring.css Normal file
View File

@@ -0,0 +1 @@
.progressring{width:2.6em;height:2.6em;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:absolute;top:50%;left:50%;inset-inline-start:50%;inset-inline-end:initial;-webkit-margin-start:-1.3em;margin-inline-start:-1.3em;margin-top:-1.3em}.progressring-bg{width:100%;height:100%;border-radius:50%;border:.25em solid #000;box-sizing:border-box;background:rgba(0,0,0,.9);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.progressring-text{text-align:center;color:#ddd;font-size:90%}.spiner-holder-one{position:absolute;top:0;left:0;overflow:hidden;width:51%;height:51%;background:0 0;box-sizing:border-box}.spiner-holder-two{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;background:0 0;box-sizing:border-box}.progressring-spiner{width:200%;height:200%;border-radius:50%;border-width:.25em;border-style:solid;box-sizing:border-box}.animate-0-25-a{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-0-25-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-25-50-a{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-25-50-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-50-75-a{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-50-75-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-75-100-a{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-75-100-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}

1
modules/emby-elements/emby-progressring/emby-progressring.js Normal file
View File

@@ -0,0 +1 @@
define(["exports"],function(_exports){function onInit(){this.hasInit||(this.hasInit=!0,this.classList.add("progressring"),this.innerHTML='<div class="progressring-bg">\n <div class="progressring-text"></div>\n</div>\n<div class="spiner-holder-one animate-0-25-a">\n <div class="spiner-holder-two animate-0-25-b">\n <div class="progressring-spiner"></div>\n </div>\n</div>\n<div class="spiner-holder-one animate-25-50-a">\n <div class="spiner-holder-two animate-25-50-b">\n <div class="progressring-spiner"></div>\n </div>\n</div>\n<div class="spiner-holder-one animate-50-75-a">\n <div class="spiner-holder-two animate-50-75-b">\n <div class="progressring-spiner"></div>\n </div>\n</div>\n<div class="spiner-holder-one animate-75-100-a">\n <div class="spiner-holder-two animate-75-100-b">\n <div class="progressring-spiner"></div>\n </div>\n</div>',this.setProgress(parseFloat(this.getAttribute("data-progress")||"0")))}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,require(["css!modules/emby-elements/emby-progressring/emby-progressring.css"]);var EmbyProgressRing=function(_HTMLDivElement){babelHelpers.inherits(EmbyProgressRing,_HTMLDivElement);var _super=_createSuper(EmbyProgressRing);function EmbyProgressRing(){babelHelpers.classCallCheck(this,EmbyProgressRing);var _this,self=_this=_super.call(this);return onInit.call(self),babelHelpers.possibleConstructorReturn(_this,self)}return babelHelpers.createClass(EmbyProgressRing,[{key:"connectedCallback",value:function(){onInit.call(this)}},{key:"disconnectedCallback",value:function(){var observer=this.observer;observer&&(observer.disconnect(),this.observer=null)}},{key:"setProgress",value:function(progress){var angle;(progress=Math.floor(progress))<25?(angle=progress/100*360-90,this.querySelector(".animate-0-25-b").style.transform="rotate("+angle+"deg)",this.querySelector(".animate-25-50-b").style.transform="rotate(-90deg)",this.querySelector(".animate-50-75-b").style.transform="rotate(-90deg)",this.querySelector(".animate-75-100-b").style.transform="rotate(-90deg)"):25<=progress&&progress<50?(angle=(progress-25)/100*360-90,this.querySelector(".animate-0-25-b").style.transform="none",this.querySelector(".animate-25-50-b").style.transform="rotate("+angle+"deg)",this.querySelector(".animate-50-75-b").style.transform="rotate(-90deg)",this.querySelector(".animate-75-100-b").style.transform="rotate(-90deg)"):50<=progress&&progress<75?(angle=(progress-50)/100*360-90,this.querySelector(".animate-0-25-b").style.transform="none",this.querySelector(".animate-25-50-b").style.transform="none",this.querySelector(".animate-50-75-b").style.transform="rotate("+angle+"deg)",this.querySelector(".animate-75-100-b").style.transform="rotate(-90deg)"):75<=progress&&progress<=100&&(angle=(progress-75)/100*360-90,this.querySelector(".animate-0-25-b").style.transform="none",this.querySelector(".animate-25-50-b").style.transform="none",this.querySelector(".animate-50-75-b").style.transform="none",this.querySelector(".animate-75-100-b").style.transform="rotate("+angle+"deg)"),this.querySelector(".progressring-text").innerHTML=progress+"%"}}]),EmbyProgressRing}(babelHelpers.wrapNativeSuper(HTMLDivElement));customElements.define("emby-progressring",EmbyProgressRing,{extends:"div"}),_exports.default=EmbyProgressRing});