//
//  particleExplorerTool.js
//
//  Created by Eric Levin on 2/15/16
//  Copyright 2016 High Fidelity, Inc.
//  Adds particleExplorer tool to the edit panel when a user selects a particle entity from the edit tool window
//  This is an example of a new, easy way to do two way bindings between dynamically created GUI and in-world entities.
//
//  Distributed under the Apache License, Version 2.0.
//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//
/* global window, alert, ParticleExplorerTool, EventBridge, dat, listenForSettingsUpdates,createVec3Folder,createQuatFolder,writeVec3ToInterface,writeDataToInterface*/


var PARTICLE_EXPLORER_HTML_URL = Script.resolvePath('particleExplorer.html');

ParticleExplorerTool = function() {
    var that = {};
    that.activeParticleEntity = 0;
    that.activeParticleProperties = {};

    that.createWebView = function() {
        that.webView = Tablet.getTablet("com.highfidelity.interface.tablet.system");
        that.webView.setVisible = function(value) {};
        that.webView.webEventReceived.connect(that.webEventReceived);
    };

    that.destroyWebView = function() {
        if (!that.webView) {
            return;
        }
        that.activeParticleEntity = 0;
        that.activeParticleProperties = {};

        var messageData = {
            messageType: "particle_close"
        };
        that.webView.emitScriptEvent(JSON.stringify(messageData));
    };

    function sendActiveParticleProperties() {
        that.webView.emitScriptEvent(JSON.stringify({
            messageType: "particle_settings",
            currentProperties: that.activeParticleProperties
        }));
    }

    that.webEventReceived = function(message) {
        var data = JSON.parse(message);
        if (data.messageType === "settings_update") {
            if (data.updatedSettings.emitOrientation) {
                data.updatedSettings.emitOrientation = Quat.fromVec3Degrees(data.updatedSettings.emitOrientation);
            }
            Entities.editEntity(that.activeParticleEntity, data.updatedSettings);

            for (var key in data.updatedSettings) {
                print(key + " " + that.activeParticleProperties.hasOwnProperty(key) + " " + data.updatedSettings[key])
                if (that.activeParticleProperties.hasOwnProperty(key)) {
                    that.activeParticleProperties[key] = data.updatedSettings[key];
                }
            }

            var optionalProps = ["alphaStart", "alphaFinish", "radiusStart", "radiusFinish", "colorStart", "colorFinish"];
            var fallbackProps = ["alpha", "particleRadius", "color"];
            var entityProps = Entities.getEntityProperties(that.activeParticleProperties, optionalProps);
            var needsUpdate = false;
            for (var i = 0; i < optionalProps.length; i++) {
                if (data.updatedSettings[fallbackProps[Math.floor(i / 2)]]) {
                    var prop = optionalProps[i * 2];
                    if (!that.activeParticleProperties[prop] || !that.activeParticleProperties[prop].red) {
                        that.activeParticleProperties[prop] = entityProps[fallbackProps[Math.floor(i / 2)]];
                        needsUpdate = true;
                    }
                }
            }

            if (needsUpdate) {
                sendActiveParticleProperties();
            }

        } else if (data.messageType === "page_loaded") {
            sendActiveParticleProperties();
        }
    };

    that.setActiveParticleEntity = function(id) {
        that.activeParticleEntity = id;
    };

    that.setActiveParticleProperties = function(properties) {
        that.activeParticleProperties = properties;
        sendActiveParticleProperties();
    };

    return that;
};