ss-loader
Version:
README.md
96 lines • 9.69 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/ss-loader.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { SsLoaderService } from './ss-loader.service';
export class SsLoaderComponent {
/**
* @param {?} loaderService
*/
constructor(loaderService) {
this.loaderService = loaderService;
this.d_img = `data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik02NCA5Ljc1QTU0LjI1IDU0LjI1IDAgMCAwIDkuNzUgNjRIMGE2NCA2NCAwIDAgMSAxMjggMGgtOS43NUE1NC4yNSA1NC4yNSAwIDAgMCA2NCA5Ljc1eiIgZmlsbD0iIzA4MmZmNSIgZmlsbC1vcGFjaXR5PSIxIi8+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNjQgNjQiIHRvPSIzNjAgNjQgNjQiIGR1cj0iMTAwMG1zIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvZz48L3N2Zz4=`;
this.d_color = '#0007';
this.d_gif_size = 100;
}
/**
* @return {?}
*/
ngOnInit() {
this.loaderService.status.subscribe((/**
* @param {?} val
* @return {?}
*/
(val) => {
if (this.imageUrl != undefined) {
this.d_img = this.imageUrl;
}
if (this.size != undefined) {
this.d_gif_size = this.size;
}
if (this.bgColor != undefined) {
this.d_color = this.bgColor;
}
this.showLoader = val;
}));
}
}
SsLoaderComponent.decorators = [
{ type: Component, args: [{
selector: 'ss-loader',
template: `
<div id="loading" class="loader" [ngStyle]="{'background': 'url(' + d_img + ') no-repeat center center','background-size':d_gif_size+'px', 'background-color':d_color}" *ngIf="showLoader"></div>
`,
styles: [`
#loading {
position: fixed;
width: 100%;
height: 100vh;
margin:0px !important;
// background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik02NCA5Ljc1QTU0LjI1IDU0LjI1IDAgMCAwIDkuNzUgNjRIMGE2NCA2NCAwIDAgMSAxMjggMGgtOS43NUE1NC4yNSA1NC4yNSAwIDAgMCA2NCA5Ljc1eiIgZmlsbD0iIzA4MmZmNSIgZmlsbC1vcGFjaXR5PSIxIi8+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNjQgNjQiIHRvPSIzNjAgNjQgNjQiIGR1cj0iMTAwMG1zIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvZz48L3N2Zz4=') no-repeat center center;
// background-color: #0007;
// background-size: 10%;
background-position:center;
z-index: 9999;
cursor: progress;
}
body {
margin:0px !important;
}`]
}] }
];
/** @nocollapse */
SsLoaderComponent.ctorParameters = () => [
{ type: SsLoaderService }
];
SsLoaderComponent.propDecorators = {
imageUrl: [{ type: Input }],
size: [{ type: Input }],
bgColor: [{ type: Input }]
};
if (false) {
/** @type {?} */
SsLoaderComponent.prototype.imageUrl;
/** @type {?} */
SsLoaderComponent.prototype.size;
/** @type {?} */
SsLoaderComponent.prototype.bgColor;
/** @type {?} */
SsLoaderComponent.prototype.showLoader;
/** @type {?} */
SsLoaderComponent.prototype.d_img;
/** @type {?} */
SsLoaderComponent.prototype.d_color;
/** @type {?} */
SsLoaderComponent.prototype.d_gif_size;
/** @type {?} */
SsLoaderComponent.prototype.visible;
/**
* @type {?}
* @private
*/
SsLoaderComponent.prototype.loaderService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3MtbG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3NzLWxvYWRlci8iLCJzb3VyY2VzIjpbImxpYi9zcy1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBeUJ0RCxNQUFNLE9BQU8saUJBQWlCOzs7O0lBVzVCLFlBQW9CLGFBQThCO1FBQTlCLGtCQUFhLEdBQWIsYUFBYSxDQUFpQjtRQUpsRCxVQUFLLEdBQUcsNHZCQUE0dkIsQ0FBQztRQUNyd0IsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUNsQixlQUFVLEdBQUcsR0FBRyxDQUFDO0lBRXFDLENBQUM7Ozs7SUFFdkQsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLFNBQVM7Ozs7UUFBQyxDQUFDLEdBQVksRUFBRSxFQUFFO1lBQ25ELElBQUcsSUFBSSxDQUFDLFFBQVEsSUFBSSxTQUFTLEVBQUM7Z0JBQzVCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQzthQUM1QjtZQUNELElBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxTQUFTLEVBQUM7Z0JBQ3hCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQzthQUM3QjtZQUNELElBQUcsSUFBSSxDQUFDLE9BQU8sSUFBSSxTQUFTLEVBQUM7Z0JBQzNCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQzthQUM3QjtZQUNELElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxDQUFDO1FBQ3hCLENBQUMsRUFBQyxDQUFDO0lBQ0wsQ0FBQzs7O1lBakRGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsV0FBVztnQkFDckIsUUFBUSxFQUFFOztHQUVUO3lCQUNROzs7Ozs7Ozs7Ozs7Ozs7TUFlTDthQUVMOzs7O1lBeEJRLGVBQWU7Ozt1QkEyQnJCLEtBQUs7bUJBQ0wsS0FBSztzQkFDTCxLQUFLOzs7O0lBRk4scUNBQTBCOztJQUMxQixpQ0FBc0I7O0lBQ3RCLG9DQUFzQjs7SUFDdEIsdUNBQW9COztJQUVwQixrQ0FBcXdCOztJQUNyd0Isb0NBQWtCOztJQUNsQix1Q0FBaUI7O0lBR2pCLG9DQUFpQjs7Ozs7SUFETCwwQ0FBc0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNzTG9hZGVyU2VydmljZSB9IGZyb20gJy4vc3MtbG9hZGVyLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcy1sb2FkZXInLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGlkPVwibG9hZGluZ1wiIGNsYXNzPVwibG9hZGVyXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJzogJ3VybCgnICsgZF9pbWcgKyAnKSBuby1yZXBlYXQgY2VudGVyIGNlbnRlcicsJ2JhY2tncm91bmQtc2l6ZSc6ZF9naWZfc2l6ZSsncHgnLCAnYmFja2dyb3VuZC1jb2xvcic6ZF9jb2xvcn1cIiAqbmdJZj1cInNob3dMb2FkZXJcIj48L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAjbG9hZGluZyB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwdmg7XG4gICAgbWFyZ2luOjBweCAhaW1wb3J0YW50O1xuICAgIC8vIGJhY2tncm91bmQ6dXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBEOTRiV3dnZG1WeWMybHZiajBpTVM0d0lpQmxibU52WkdsdVp6MGlWVlJHTFRnaUlITjBZVzVrWVd4dmJtVTlJbTV2SWo4K1BITjJaeUI0Yld4dWN6cHpkbWM5SW1oMGRIQTZMeTkzZDNjdWR6TXViM0puTHpJd01EQXZjM1puSWlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhodGJHNXpPbmhzYVc1clBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHhPVGs1TDNoc2FXNXJJaUIyWlhKemFXOXVQU0l4TGpBaUlIZHBaSFJvUFNJeE1EQndlQ0lnYUdWcFoyaDBQU0l4TURCd2VDSWdkbWxsZDBKdmVEMGlNQ0F3SURFeU9DQXhNamdpSUhodGJEcHpjR0ZqWlQwaWNISmxjMlZ5ZG1VaVBqeG5Qanh3WVhSb0lHUTlJazAyTkNBNUxqYzFRVFUwTGpJMUlEVTBMakkxSURBZ01DQXdJRGt1TnpVZ05qUklNR0UyTkNBMk5DQXdJREFnTVNBeE1qZ2dNR2d0T1M0M05VRTFOQzR5TlNBMU5DNHlOU0F3SURBZ01DQTJOQ0E1TGpjMWVpSWdabWxzYkQwaUl6QTRNbVptTlNJZ1ptbHNiQzF2Y0dGamFYUjVQU0l4SWk4K1BHRnVhVzFoZEdWVWNtRnVjMlp2Y20wZ1lYUjBjbWxpZFhSbFRtRnRaVDBpZEhKaGJuTm1iM0p0SWlCMGVYQmxQU0p5YjNSaGRHVWlJR1p5YjIwOUlqQWdOalFnTmpRaUlIUnZQU0l6TmpBZ05qUWdOalFpSUdSMWNqMGlNVEF3TUcxeklpQnlaWEJsWVhSRGIzVnVkRDBpYVc1a1pXWnBibWwwWlNJK1BDOWhibWx0WVhSbFZISmhibk5tYjNKdFBqd3ZaejQ4TDNOMlp6ND0nKSBuby1yZXBlYXQgY2VudGVyIGNlbnRlcjtcbiAgICAvLyBiYWNrZ3JvdW5kLWNvbG9yOiAjMDAwNztcbiAgICAvLyBiYWNrZ3JvdW5kLXNpemU6IDEwJTtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOmNlbnRlcjtcbiAgICB6LWluZGV4OiA5OTk5O1xuICAgIGN1cnNvcjogcHJvZ3Jlc3M7XG4gIH1cbiAgYm9keSB7XG4gICAgbWFyZ2luOjBweCAhaW1wb3J0YW50O1xuICAgIH1gXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU3NMb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGltYWdlVXJsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNpemU6IG51bWJlcjtcbiAgQElucHV0KCkgYmdDb2xvcjogYW55O1xuICBzaG93TG9hZGVyOiBib29sZWFuO1xuXG4gIGRfaW1nID0gYGRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEQ5NGJXd2dkbVZ5YzJsdmJqMGlNUzR3SWlCbGJtTnZaR2x1WnowaVZWUkdMVGdpSUhOMFlXNWtZV3h2Ym1VOUltNXZJajgrUEhOMlp5QjRiV3h1Y3pwemRtYzlJbWgwZEhBNkx5OTNkM2N1ZHpNdWIzSm5Mekl3TURBdmMzWm5JaUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJSGh0Ykc1ek9uaHNhVzVyUFNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk4eE9UazVMM2hzYVc1cklpQjJaWEp6YVc5dVBTSXhMakFpSUhkcFpIUm9QU0l4TURCd2VDSWdhR1ZwWjJoMFBTSXhNREJ3ZUNJZ2RtbGxkMEp2ZUQwaU1DQXdJREV5T0NBeE1qZ2lJSGh0YkRwemNHRmpaVDBpY0hKbGMyVnlkbVVpUGp4blBqeHdZWFJvSUdROUlrMDJOQ0E1TGpjMVFUVTBMakkxSURVMExqSTFJREFnTUNBd0lEa3VOelVnTmpSSU1HRTJOQ0EyTkNBd0lEQWdNU0F4TWpnZ01HZ3RPUzQzTlVFMU5DNHlOU0ExTkM0eU5TQXdJREFnTUNBMk5DQTVMamMxZWlJZ1ptbHNiRDBpSXpBNE1tWm1OU0lnWm1sc2JDMXZjR0ZqYVhSNVBTSXhJaTgrUEdGdWFXMWhkR1ZVY21GdWMyWnZjbTBnWVhSMGNtbGlkWFJsVG1GdFpUMGlkSEpoYm5ObWIzSnRJaUIwZVhCbFBTSnliM1JoZEdVaUlHWnliMjA5SWpBZ05qUWdOalFpSUhSdlBTSXpOakFnTmpRZ05qUWlJR1IxY2owaU1UQXdNRzF6SWlCeVpYQmxZWFJEYjNWdWREMGlhVzVrWldacGJtbDBaU0krUEM5aGJtbHRZWFJsVkhKaGJuTm1iM0p0UGp3dlp6NDhMM04yWno0PWA7XG4gIGRfY29sb3IgPSAnIzAwMDcnO1xuICBkX2dpZl9zaXplID0gMTAwO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbG9hZGVyU2VydmljZTogU3NMb2FkZXJTZXJ2aWNlKSB7IH1cbiAgdmlzaWJsZTogYm9vbGVhbjtcbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5sb2FkZXJTZXJ2aWNlLnN0YXR1cy5zdWJzY3JpYmUoKHZhbDogYm9vbGVhbikgPT4ge1xuICAgICAgaWYodGhpcy5pbWFnZVVybCAhPSB1bmRlZmluZWQpe1xuICAgICAgICB0aGlzLmRfaW1nID0gdGhpcy5pbWFnZVVybDtcbiAgICAgIH1cbiAgICAgIGlmKHRoaXMuc2l6ZSAhPSB1bmRlZmluZWQpe1xuICAgICAgICB0aGlzLmRfZ2lmX3NpemUgPSB0aGlzLnNpemU7XG4gICAgICB9XG4gICAgICBpZih0aGlzLmJnQ29sb3IgIT0gdW5kZWZpbmVkKXtcbiAgICAgICAgdGhpcy5kX2NvbG9yID0gdGhpcy5iZ0NvbG9yO1xuICAgICAgfVxuICAgICAgdGhpcy5zaG93TG9hZGVyID0gdmFsO1xuICAgIH0pO1xuICB9XG5cbn1cbiJdfQ==