"use strict";
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (g && (g = 0, op[0] && (_ = 0)), _) try {
            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [op[0] & 2, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.MenuBar = void 0;
var morphux_1 = require("morphux");
var Component_MenuBar_1 = require("morphux/dist/Components/MenuBar/Component.MenuBar");
var MenuBar = /** @class */ (function () {
    function MenuBar(main) {
        var _this = this;
        this.container = document.querySelector('.ntsh_menubar');
        this._Main = main;
        this.build();
        this._Main.socket.on('supportNumber', function (number) {
            _this.supportNumber = number;
        });
        setTimeout(function () {
            if ((localStorage === null || localStorage === void 0 ? void 0 : localStorage.getItem('serviceMode')) === 'true')
                _this.toggleServiceMode(true, true);
        }, 10);
    }
    MenuBar.prototype.build = function () {
        var _this = this;
        this.menubar = new Component_MenuBar_1.ComponentMenuBar({
            mobile: {
                left: [
                    {
                        type: 'icon',
                        text: 'Restart',
                        materialIcon: 'restart_alt',
                        uniqueIdentifier: 'restart_installation',
                        click: function () { return __awaiter(_this, void 0, void 0, function () {
                            var mobileMenu;
                            return __generator(this, function (_a) {
                                mobileMenu = document.querySelector('.mux_mobilemenu');
                                mobileMenu === null || mobileMenu === void 0 ? void 0 : mobileMenu.click();
                                this.restartInstallation();
                                return [2 /*return*/];
                            });
                        }); },
                    },
                    // {
                    // 	type: 'icon',
                    // 	text: 'Shutdown',
                    // 	materialIcon: 'power_settings_new',
                    // 	uniqueIdentifier: 'shutdown_installation',
                    // 	click: async () => {
                    // 		const mobileMenu: HTMLDivElement =
                    // 			document.querySelector('.mux_mobilemenu');
                    // 		mobileMenu?.click();
                    // 		this.shutdownInstallation();
                    // 	},
                    // },
                ],
                right: [
                    {
                        type: 'icon',
                        text: 'Support',
                        materialIcon: 'call_quality',
                        uniqueIdentifier: 'call_support',
                        click: function () { return _this.showSupport(); },
                    },
                ],
            },
            left: [
                {
                    type: 'normal',
                    text: 'Restart',
                    materialIcon: 'restart_alt',
                    uniqueIdentifier: 'restart_installation',
                    click: function () { return __awaiter(_this, void 0, void 0, function () {
                        var mobileMenu;
                        return __generator(this, function (_a) {
                            mobileMenu = document.querySelector('.mux_mobilemenu');
                            mobileMenu === null || mobileMenu === void 0 ? void 0 : mobileMenu.click();
                            this.restartInstallation();
                            return [2 /*return*/];
                        });
                    }); },
                },
                // {
                // 	type: 'normal',
                // 	text: 'Shutdown',
                // 	materialIcon: 'power_settings_new',
                // 	uniqueIdentifier: 'shutdown_installation',
                // 	click: async () => {
                // 		const mobileMenu: HTMLDivElement =
                // 			document.querySelector('.mux_mobilemenu');
                // 		mobileMenu?.click();
                // 		this.shutdownInstallation();
                // 	},
                // },
                {
                    type: 'normal',
                    text: 'Dashboard',
                    materialIcon: 'dashboard',
                    uniqueIdentifier: 'dashboard',
                    selected: true,
                    click: function () { return _this._Main.TabController.showTab('dashboard'); },
                },
                {
                    type: 'normal',
                    text: 'Calibration',
                    uniqueIdentifier: 'calibration',
                    materialIcon: 'crop_free',
                    click: function () {
                        return _this._Main.TabController.showTab('calibration');
                    },
                },
                {
                    type: 'normal',
                    text: 'Unity Logs',
                    uniqueIdentifier: 'unitylogs',
                    materialIcon: 'deployed_code',
                    click: function () { return _this._Main.TabController.showTab('unitylogs'); },
                },
                {
                    type: 'normal',
                    text: 'Camera Logs',
                    uniqueIdentifier: 'cameralogs',
                    materialIcon: 'photo_camera',
                    click: function () { return _this._Main.TabController.showTab('cameralogs'); },
                },
            ],
            right: [
                {
                    type: 'icon',
                    text: 'Support',
                    materialIcon: 'call_quality',
                    uniqueIdentifier: 'call_support',
                    click: function () { return _this.showSupport(); },
                },
                {
                    type: document.body.classList.contains('ntsh_service')
                        ? 'normal'
                        : 'icon',
                    text: document.body.classList.contains('ntsh_service')
                        ? 'Exit Service'
                        : 'Service Mode',
                    uniqueIdentifier: 'serviceMode',
                    materialIcon: document.body.classList.contains('ntsh_service')
                        ? 'logout'
                        : 'engineering',
                    click: function () { return __awaiter(_this, void 0, void 0, function () {
                        var mobileMenu;
                        return __generator(this, function (_a) {
                            mobileMenu = document.querySelector('.mux_mobilemenu');
                            mobileMenu === null || mobileMenu === void 0 ? void 0 : mobileMenu.click();
                            this.toggleServiceMode();
                            return [2 /*return*/];
                        });
                    }); },
                },
            ],
        });
        this.container.innerHTML = '';
        this.container.appendChild(this.menubar.container);
    };
    MenuBar.prototype.showSupport = function () {
        return __awaiter(this, void 0, void 0, function () {
            var dialog, callAnchor;
            return __generator(this, function (_a) {
                dialog = new morphux_1.MorphComponent.Dialog({
                    title: 'Contact Support',
                    width: 'medium',
                    height: 'auto',
                    okButtonVisible: false,
                    cancelButtonVisible: false,
                });
                this.supportNumber.slice();
                callAnchor = (0, morphux_1.ce)('a', 'ntsh_callanchor', { href: "tel:".concat(this.supportNumber) }, "+".concat(this.supportNumber));
                dialog.content.appendChild(callAnchor);
                setTimeout(function () { return callAnchor.click(); }, 100);
                return [2 /*return*/];
            });
        });
    };
    MenuBar.prototype.restartInstallation = function () {
        return __awaiter(this, void 0, void 0, function () {
            var confirmed;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0: return [4 /*yield*/, morphux_1.MorphFeature.Confirm({
                            title: 'Restart Installation',
                            message: 'Are you sure you want to restart the installation?',
                        })];
                    case 1:
                        confirmed = _a.sent();
                        if (!confirmed)
                            return [2 /*return*/];
                        morphux_1.MorphFeature.Loader({
                            active: true,
                            message: 'Restarting installation...',
                        });
                        this._Main.socket.emit('restartInstallation', function (response) {
                            morphux_1.MorphFeature.Loader({ active: false });
                            if (!response.succeed)
                                return morphux_1.MorphFeature.Alert({
                                    title: 'Error',
                                    message: response.message,
                                });
                        });
                        return [2 /*return*/];
                }
            });
        });
    };
    MenuBar.prototype.shutdownInstallation = function () {
        return __awaiter(this, void 0, void 0, function () {
            var confirmed, shutdownContainer;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0: return [4 /*yield*/, morphux_1.MorphFeature.Confirm({
                            title: 'Shutdown Installation',
                            message: 'Are you sure you want to shutdown the installation?',
                        })];
                    case 1:
                        confirmed = _a.sent();
                        if (!confirmed)
                            return [2 /*return*/];
                        morphux_1.MorphFeature.Loader({
                            active: true,
                            message: 'Shutting down installation...',
                        });
                        shutdownContainer = document.querySelector('.ntsh_shutdown');
                        this._Main.socket.emit('shutdownInstallation', function (response) {
                            morphux_1.MorphFeature.Loader({ active: false });
                            if (!response.succeed)
                                return morphux_1.MorphFeature.Alert({
                                    title: 'Error',
                                    message: response.message,
                                });
                            shutdownContainer.style.display = 'flex';
                        });
                        return [2 /*return*/];
                }
            });
        });
    };
    MenuBar.prototype.toggleServiceMode = function (mode, skipPin) {
        return __awaiter(this, void 0, void 0, function () {
            var newMode, servicePin;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0:
                        newMode = mode !== null && mode !== void 0 ? mode : !document.body.classList.contains('ntsh_service');
                        if (!newMode) return [3 /*break*/, 3];
                        if (!(skipPin !== true)) return [3 /*break*/, 2];
                        return [4 /*yield*/, morphux_1.MorphFeature.Prompt({
                                title: 'Service Mode',
                                message: 'Enter the service PIN:',
                                type: 'number',
                                canBeEmpty: false,
                                placeholder: '****',
                            })];
                    case 1:
                        servicePin = _a.sent();
                        if (servicePin !== '4252') {
                            morphux_1.MorphFeature.Alert({
                                title: 'Error',
                                message: 'Incorrect PIN provided.',
                            });
                            return [2 /*return*/, false];
                        }
                        _a.label = 2;
                    case 2:
                        document.body.classList.add('ntsh_service');
                        localStorage.setItem('serviceMode', 'true');
                        morphux_1.MorphFeature.Notification({
                            level: 'success',
                            message: 'Service mode activated.',
                        });
                        return [3 /*break*/, 4];
                    case 3:
                        document.body.classList.remove('ntsh_service');
                        this._Main.TabController.showTab('dashboard');
                        localStorage.setItem('serviceMode', 'false');
                        morphux_1.MorphFeature.Notification({
                            level: 'success',
                            message: 'Service mode deactivated.',
                        });
                        _a.label = 4;
                    case 4:
                        this.build();
                        return [2 /*return*/, true];
                }
            });
        });
    };
    return MenuBar;
}());
exports.MenuBar = MenuBar;
//# sourceMappingURL=menuBar.js.map