import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { ErrorCodes } from '../../../shared/models/index';
var ErrorComponent = /** @class */ (function () {
    function ErrorComponent(route) {
        this.route = route;
        this.errorCodes = ErrorCodes;
    }
    ErrorComponent.prototype.ngOnInit = function () { };
    ErrorComponent.ctorParameters = function () { return [
        { 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);
    return ErrorComponent;
}());
export { ErrorComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZXhhbS1lbmdpbmUtbGlicmFyaWVzLyIsInNvdXJjZXMiOlsibGliL2Vycm9yLXBhZ2UvcGFnZXMvZXJyb3IvZXJyb3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBTzFEO0lBR0Usd0JBQW9CLEtBQXFCO1FBQXJCLFVBQUssR0FBTCxLQUFLLENBQWdCO1FBRHpDLGVBQVUsR0FBRyxVQUFVLENBQUM7SUFDb0IsQ0FBQztJQUU3QyxpQ0FBUSxHQUFSLGNBQVksQ0FBQzs7Z0JBRmMsY0FBYzs7SUFGckI7UUFBbkIsS0FBSyxDQUFDLFdBQVcsQ0FBQztxREFBbUI7SUFEM0IsY0FBYztRQUwxQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsWUFBWTtZQUN0Qix3bUVBQXFDOztTQUV0QyxDQUFDO09BQ1csY0FBYyxDQU0xQjtJQUFELHFCQUFDO0NBQUEsQUFORCxJQU1DO1NBTlksY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgRXJyb3JDb2RlcyB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9tb2RlbHMvaW5kZXgnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxdWl6LWVycm9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Vycm9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXJyb3IuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEVycm9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCdlcnJvckNvZGUnKSBlcnJvckNvZGU6IHN0cmluZztcbiAgZXJyb3JDb2RlcyA9IEVycm9yQ29kZXM7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGU6IEFjdGl2YXRlZFJvdXRlKSB7fVxuXG4gIG5nT25Jbml0KCkge31cbn1cbiJdfQ==