import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { ErrorCodes } from '../../../shared/models/index';
let ErrorComponent = class ErrorComponent {
    constructor(route) {
        this.route = route;
        this.errorCodes = ErrorCodes;
    }
    ngOnInit() { }
};
ErrorComponent.ctorParameters = () => [
    { type: ActivatedRoute }
];
__decorate([
    Input('errorCode')
], ErrorComponent.prototype, "errorCode", void 0);
ErrorComponent = __decorate([
    Component({
        selector: 'quiz-error',
        template: "<ng-container *ngIf=\"errorCode\">\n  <ng-container [ngSwitch]=\"errorCode\">\n    <div class=\"wk-page-content pagenot-found-wrapper\">\n      <div class=\"pagenot-found-inner-wrapper \">\n        <ng-container *ngSwitchCase=\"errorCodes.Unauthorized\">\n          <div class=\"page-not-found-left\">\n            <span class=\"wk-icon-alert-triangle\"></span>\n          </div>\n          <div class=\"page-not-found-right\">\n            <h1 class=\"page-not-found-title\">4<span>0</span>1</h1>\n            <p class=\"page-not-found-des\">\n              You are not authenticated to take this quiz.\n            </p>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"errorCodes.Forbidden\">\n          <div class=\"page-not-found-left\">\n            <span class=\"wk-icon-alert-triangle\"></span>\n          </div>\n          <div class=\"page-not-found-right\">\n            <h1 class=\"page-not-found-title\">4<span>0</span>3</h1>\n            <p class=\"page-not-found-des\">\n              This session is either time-out or you don't have permission to\n              take this quiz.\n            </p>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"errorCodes.NotFound\">\n          <div class=\"page-not-found-left\">\n            <span class=\"wk-icon-alert-triangle\"></span>\n          </div>\n          <div class=\"page-not-found-right\">\n            <h1 class=\"page-not-found-title\">4<span>0</span>4</h1>\n            <p class=\"page-not-found-des\">\n              Quiz not found\n            </p>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n          <div class=\"page-not-found-left\">\n            <span class=\"wk-icon-alert-triangle\"></span>\n          </div>\n          <div class=\"page-not-found-right\">\n            <h1 class=\"page-not-found-title\">O<span>op</span>s</h1>\n            <p class=\"page-not-found-des mt0\">\n              Please provide proper quiz details.\n            </p>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n",
        styles: ["h6.data-not-available{padding-bottom:50px;padding-top:20px;font-weight:400;font-size:16px}.pagenot-found-wrapper{width:100%;height:100%;position:absolute;background-color:#a6d1ea;max-width:100%}.pagenot-found-inner-wrapper{width:800px;height:500px;position:absolute;background-color:#a6d1ea;top:50%;right:50%;transform:translate(50%,-50%)}.page-not-found-left{float:left;width:30%;padding:80px 0 0 40px;text-align:right}.page-not-found-right{float:left;width:60%}.wk-icon-alert-triangle{font-size:200px;color:#007ac3}.wk-icon-alert-triangle:before{margin:0;padding:0}.page-not-found-title{font-size:200px;color:#474747;margin:0;padding:70px 0 0;font-weight:500;line-height:normal;text-align:center}.page-not-found-title span{color:#007ac3;display:inline-block}.page-not-found-des{color:#474747;margin:-25px 0 0;padding:0;font-size:18px;font-weight:600;text-align:center}.mt0{margin-top:0}"]
    })
], ErrorComponent);
export { ErrorComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZXhhbS1lbmdpbmUtbGlicmFyaWVzLyIsInNvdXJjZXMiOlsibGliL2Vycm9yLXBhZ2UvcGFnZXMvZXJyb3IvZXJyb3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBTzFELElBQWEsY0FBYyxHQUEzQixNQUFhLGNBQWM7SUFHekIsWUFBb0IsS0FBcUI7UUFBckIsVUFBSyxHQUFMLEtBQUssQ0FBZ0I7UUFEekMsZUFBVSxHQUFHLFVBQVUsQ0FBQztJQUNvQixDQUFDO0lBRTdDLFFBQVEsS0FBSSxDQUFDO0NBQ2QsQ0FBQTs7WUFINEIsY0FBYzs7QUFGckI7SUFBbkIsS0FBSyxDQUFDLFdBQVcsQ0FBQztpREFBbUI7QUFEM0IsY0FBYztJQUwxQixTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsWUFBWTtRQUN0Qix3bUVBQXFDOztLQUV0QyxDQUFDO0dBQ1csY0FBYyxDQU0xQjtTQU5ZLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEVycm9yQ29kZXMgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvbW9kZWxzL2luZGV4JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncXVpei1lcnJvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9lcnJvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Vycm9yLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFcnJvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgnZXJyb3JDb2RlJykgZXJyb3JDb2RlOiBzdHJpbmc7XG4gIGVycm9yQ29kZXMgPSBFcnJvckNvZGVzO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSkge31cblxuICBuZ09uSW5pdCgpIHt9XG59XG4iXX0=