"use strict";

//
//  lodi.js
//  tablet-engine app
//
//  Copyright 2018 High Fidelity, Inc.
//
//  Distributed under the Apache License, Version 2.0.
//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//

(function() {
    var TABLET_BUTTON_NAME = "LOD";
    var QMLAPP_URL = Script.resolvePath("./lod.qml");
    var ICON_URL = Script.resolvePath("../../../system/assets/images/lod-i.svg");
    var ACTIVE_ICON_URL = Script.resolvePath("../../../system/assets/images/lod-a.svg");

    var onTablet = false; // set this to true to use the tablet, false use a floating window

    var onAppScreen = false;

    var tablet = Tablet.getTablet("com.highfidelity.interface.tablet.system");
    var button = tablet.addButton({
        text: TABLET_BUTTON_NAME,
        icon: ICON_URL,
        activeIcon: ACTIVE_ICON_URL
    });

    var hasEventBridge = false;

    var onScreen = false;
    var window;

    function onClicked() {
        if (onTablet) {
            if (onAppScreen) {
                tablet.gotoHomeScreen();
            } else {
                tablet.loadQMLSource(QMLAPP_URL);
            }
        } else {
            if (onScreen) {
                killWindow()
            } else {
                createWindow()    
            }
        }
    }

    function createWindow() {
        var qml = Script.resolvePath(QMLAPP_URL);
        window = Desktop.createWindow(Script.resolvePath(QMLAPP_URL), {
            title: TABLET_BUTTON_NAME,
            flags: Desktop.ALWAYS_ON_TOP,
            presentationMode: Desktop.PresentationMode.NATIVE,
            size: {x: 400, y: 600}
        });
      //  window.setPosition(200, 50);
        window.closed.connect(killWindow);
        window.fromQml.connect(fromQml);
        onScreen = true
        button.editProperties({isActive: true});
    }

    function killWindow() {
        if (window !==  undefined) { 
            window.closed.disconnect(killWindow);
            window.fromQml.disconnect(fromQml);
            window.close()
            window = undefined
        }
        onScreen = false
        button.editProperties({isActive: false})
    }

    function wireEventBridge(on) {
        if (!tablet) {
            print("Warning in wireEventBridge(): 'tablet' undefined!");
            return;
        }
        if (on) {
            if (!hasEventBridge) {
                tablet.fromQml.connect(fromQml);
                hasEventBridge = true;
            }
        } else {
            if (hasEventBridge) {
                tablet.fromQml.disconnect(fromQml);
                hasEventBridge = false;
            }
        }
    }

    function onScreenChanged(type, url) {
        if (onTablet) {
            if (url === QMLAPP_URL) {
                onAppScreen = true;
            } else { 
                onAppScreen = false;
            }
            
            button.editProperties({isActive: onAppScreen});
            wireEventBridge(onAppScreen);
        }
    }
        
    button.clicked.connect(onClicked);
    tablet.screenChanged.connect(onScreenChanged);

    Script.scriptEnding.connect(function () {
        killWindow()
        if (onAppScreen) {
            tablet.gotoHomeScreen();
        }
        button.clicked.disconnect(onClicked);
        tablet.screenChanged.disconnect(onScreenChanged);
        tablet.removeButton(button);
    });

    function fromQml(message) {
    }

    function sendToQml(message) {
        if (onTablet) {
            tablet.sendToQml(message);
        } else {
            if (window) {
                window.sendToQml(message);
            }
        }
    }
    
}());