UNPKG

angular-countdown-date-time

Version:

angular countdown by end time

2 lines 3.29 kB
!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core")):"function"==typeof define&&define.amd?define("angular-countdown-date-time",["exports","@angular/core"],t):t(n["angular-countdown-date-time"]={},n.ng.core)}(this,function(n,t){"use strict";var e=function(){function n(){}return n.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],n.ctorParameters=function(){return[]},n.ngInjectableDef=t.defineInjectable({factory:function(){return new n},token:n,providedIn:"root"}),n}(),o=function(){function n(){}return n.prototype.ngOnInit=function(){var n=this;this.endDate=new Date(this.endDateBind),setInterval(function(){n.endDate.toDateString(),(new Date).toDateString();n.diff=Math.floor((n.endDate.getTime()-(new Date).getTime())/1e3),n.dayTextBind=n.dayText,n.hourTextBind=n.hourText,n.minutesTextBind=n.minutesText,n.secondsTextBind=n.secondsText,n.days=n.getDays(n.diff),n.hours=n.getHours(n.diff),n.minutes=n.getMinutes(n.diff),n.seconds=n.getSeconds(n.diff)},1e3)},n.prototype.getDays=function(n){return("0"+Math.floor(n/86400)).slice(-2)},n.prototype.getHours=function(n){return n-=86400*Math.floor(n/86400),("0"+Math.floor(n/3600)%24).slice(-2)},n.prototype.getMinutes=function(n){return n-=86400*Math.floor(n/86400),n-=3600*(Math.floor(n/3600)%24),("0"+Math.floor(n/60)%60).slice(-2)},n.prototype.getSeconds=function(n){return n-=86400*Math.floor(n/86400),n-=3600*(Math.floor(n/3600)%24),("0"+(n-=60*(Math.floor(n/60)%60))%60).slice(-2)},n.decorators=[{type:t.Component,args:[{selector:"lib-angular-countdown-dateTime",template:'<div class="count-down">\r\n <div class="count-down-row">\r\n <div>\r\n <span>\r\n {{days}}\r\n </span>\r\n </div>\r\n <div>\r\n <span>\r\n {{hours}}\r\n </span>\r\n </div>\r\n <div>\r\n <span>\r\n {{minutes}}\r\n </span>\r\n </div>\r\n <div>\r\n <span>\r\n {{seconds}}\r\n </span>\r\n </div>\r\n </div>\r\n <div class="count-down-row">\r\n <div>\r\n {{dayTextBind}}\r\n </div>\r\n <div>\r\n {{hourTextBind}}\r\n </div>\r\n <div>\r\n {{minutesTextBind}}\r\n </div>\r\n <div>\r\n {{secondsTextBind}}\r\n </div>\r\n </div>\r\n</div>\r\n\r\n',encapsulation:t.ViewEncapsulation.None,styles:[".count-down{background:#fff;border:0 solid #dadada;border-radius:4.48px;position:relative;width:100%;padding:20px 0 10px}.count-down .count-down-row{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center}.count-down .count-down-row>div{flex-grow:1;padding-bottom:10px;width:25%}.count-down span{letter-spacing:0;font-size:1.5em;color:#616161;text-align:center;font-weight:500}"]}]}],n.ctorParameters=function(){return[]},n.propDecorators={endDateBind:[{type:t.Input}],dayText:[{type:t.Input}],hourText:[{type:t.Input}],minutesText:[{type:t.Input}],secondsText:[{type:t.Input}]},n}(),r=function(){function n(){}return n.decorators=[{type:t.NgModule,args:[{declarations:[o],imports:[],exports:[o]}]}],n}();n.AngularCountdownDateTimeService=e,n.AngularCountdownDateTimeComponent=o,n.AngularCountdownDateTimeModule=r,Object.defineProperty(n,"__esModule",{value:!0})}); //# sourceMappingURL=angular-countdown-date-time.umd.min.js.map