ng2-date-picker-pda-forked
Version:
66 lines • 7.22 kB
JavaScript
"use strict";
var core_1 = require("@angular/core");
var CalendarNavComponent = (function () {
function CalendarNavComponent() {
this.onLeftNav = new core_1.EventEmitter();
this.onLeftSecondaryNav = new core_1.EventEmitter();
this.onRightNav = new core_1.EventEmitter();
this.onRightSecondaryNav = new core_1.EventEmitter();
this.onLabelClick = new core_1.EventEmitter();
this.isLabelClickable = false;
this.showLeftNav = true;
this.showLeftSecondaryNav = false;
this.showRightNav = true;
this.showRightSecondaryNav = false;
this.leftNavDisabled = false;
this.leftSecondaryNavDisabled = false;
this.rightNavDisabled = false;
this.rightSecondaryNavDisabled = false;
}
CalendarNavComponent.prototype.leftNavClicked = function () {
this.onLeftNav.emit();
};
CalendarNavComponent.prototype.leftSecondaryNavClicked = function () {
this.onLeftSecondaryNav.emit();
};
CalendarNavComponent.prototype.rightNavClicked = function () {
this.onRightNav.emit();
};
CalendarNavComponent.prototype.rightSecondaryNavClicked = function () {
this.onRightSecondaryNav.emit();
};
CalendarNavComponent.prototype.labelClicked = function () {
this.onLabelClick.emit();
};
return CalendarNavComponent;
}());
CalendarNavComponent.decorators = [
{ type: core_1.Component, args: [{
selector: 'dp-calendar-nav',
template: '<div class="dp-calendar-nav-container"> <div class="dp-calendar-nav-container-left"> <button type="button" class="dp-calendar-nav-left" [hidden]="!showLeftNav" [disabled]="leftNavDisabled" (click)="leftNavClicked()"> </button> <button type="button" class="dp-calendar-secondary-nav-left" *ngIf="showLeftSecondaryNav" [disabled]="leftSecondaryNavDisabled" (click)="leftSecondaryNavClicked()"> </button> </div> <span class="dp-nav-header" [hidden]="isLabelClickable">{{label}}</span> <button type="button" class="dp-nav-header dp-nav-header-btn" [hidden]="!isLabelClickable" (click)="labelClicked()"> {{label}} </button> <div class="dp-calendar-nav-container-right"> <button type="button" class="dp-calendar-secondary-nav-right" *ngIf="showRightSecondaryNav" [disabled]="rightSecondaryNavDisabled" (click)="rightSecondaryNavClicked()"> </button> <button type="button" class="dp-calendar-nav-right" [hidden]="!showRightNav" [disabled]="rightNavDisabled" (click)="rightNavClicked()"> </button> </div> </div> ',
styles: ['dp-calendar-nav .dp-calendar-nav-container { position: relative; box-sizing: border-box; height: 25px; border: 1px solid #000000; border-bottom: none;}dp-calendar-nav .dp-nav-date-btn { box-sizing: border-box; height: 25px; border: 1px solid #000000; border-bottom: none;}dp-calendar-nav .dp-calendar-nav-container-left,dp-calendar-nav .dp-calendar-nav-container-right { position: absolute; top: 50%; transform: translateY(-50%);}dp-calendar-nav .dp-calendar-nav-container-left { left: 5px;}dp-calendar-nav .dp-calendar-nav-container-right { right: 5px;}dp-calendar-nav .dp-calendar-nav-left,dp-calendar-nav .dp-calendar-nav-right,dp-calendar-nav .dp-calendar-secondary-nav-left,dp-calendar-nav .dp-calendar-secondary-nav-right { cursor: pointer;}dp-calendar-nav .dp-calendar-nav-left,dp-calendar-nav .dp-calendar-nav-right { line-height: 0;}dp-calendar-nav .dp-calendar-nav-left::before,dp-calendar-nav .dp-calendar-nav-right::before { position: relative; content: \'\'; display: inline-block; height: 8px; width: 8px; vertical-align: baseline; border-style: solid; border-width: 2px 2px 0 0; transform: rotate(45deg);}dp-calendar-nav .dp-calendar-secondary-nav-left::before,dp-calendar-nav .dp-calendar-secondary-nav-right::before,dp-calendar-nav .dp-calendar-secondary-nav-left::after,dp-calendar-nav .dp-calendar-secondary-nav-right::after { position: relative; content: \'\'; display: inline-block; height: 8px; width: 8px; vertical-align: baseline; border-style: solid; border-width: 2px 2px 0 0; transform: rotate(45deg);}dp-calendar-nav .dp-calendar-secondary-nav-left::before,dp-calendar-nav .dp-calendar-secondary-nav-right::before { margin-right: -8px;}dp-calendar-nav .dp-calendar-nav-left::before { position: relative; content: \'\'; display: inline-block; height: 8px; width: 8px; vertical-align: baseline; border-style: solid; border-width: 2px 2px 0 0; transform: rotate(-135deg);}dp-calendar-nav .dp-calendar-secondary-nav-left::before,dp-calendar-nav .dp-calendar-secondary-nav-left::after { position: relative; content: \'\'; display: inline-block; height: 8px; width: 8px; vertical-align: baseline; border-style: solid; border-width: 2px 2px 0 0; transform: rotate(-135deg);}dp-calendar-nav .dp-calendar-secondary-nav-left::before { margin-right: -8px;}dp-calendar-nav .dp-nav-header { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 13px;}dp-calendar-nav .dp-nav-header-btn { cursor: pointer;}dp-calendar-nav.dp-material .dp-calendar-nav-container { height: 30px; border: 1px solid #E0E0E0;}dp-calendar-nav.dp-material .dp-calendar-nav-left,dp-calendar-nav.dp-material .dp-calendar-nav-right,dp-calendar-nav.dp-material .dp-calendar-secondary-nav-left,dp-calendar-nav.dp-material .dp-calendar-secondary-nav-right { border: none; background: #FFFFFF; outline: none; font-size: 16px;}dp-calendar-nav.dp-material .dp-nav-header-btn { height: 20px; width: 80px; border: none; background: #FFFFFF; outline: none;}dp-calendar-nav.dp-material .dp-nav-header-btn:hover { background: rgba(0, 0, 0, 0.05);}dp-calendar-nav.dp-material .dp-nav-header-btn:active { background: rgba(0, 0, 0, 0.1);}'],
encapsulation: core_1.ViewEncapsulation.None
},] },
];
/** @nocollapse */
CalendarNavComponent.ctorParameters = function () { return []; };
CalendarNavComponent.propDecorators = {
'onLeftNav': [{ type: core_1.Output },],
'onLeftSecondaryNav': [{ type: core_1.Output },],
'onRightNav': [{ type: core_1.Output },],
'onRightSecondaryNav': [{ type: core_1.Output },],
'onLabelClick': [{ type: core_1.Output },],
'label': [{ type: core_1.Input },],
'isLabelClickable': [{ type: core_1.Input },],
'showLeftNav': [{ type: core_1.Input },],
'showLeftSecondaryNav': [{ type: core_1.Input },],
'showRightNav': [{ type: core_1.Input },],
'showRightSecondaryNav': [{ type: core_1.Input },],
'leftNavDisabled': [{ type: core_1.Input },],
'leftSecondaryNavDisabled': [{ type: core_1.Input },],
'rightNavDisabled': [{ type: core_1.Input },],
'rightSecondaryNavDisabled': [{ type: core_1.Input },],
'theme': [{ type: core_1.HostBinding, args: ['class',] }, { type: core_1.Input },],
};
exports.CalendarNavComponent = CalendarNavComponent;
//# sourceMappingURL=calendar-nav.component.js.map