/**
 * Copyright 2013 IBM Corp.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 **/

module.exports = function(RED){

  RED.keyboard = (function() {

    var active = true;
    var handlers = {};

    //TODO fix this horrible, horrible timing problem, need keyhandling last:
    setTimeout(function(){
      console.log('add keyboard handlers');
      d3.select(document.body).on("keydown",function() {
        if (!active) { return; }
        var handler = handlers[d3.event.keyCode];

        //HACK!!!!!! kill me now
        if(d3.event.target.id === 'debug-tab-input'){
          return;
        }
        if (handler && handler.ondown) {
          if (!handler.modifiers ||
            ((!handler.modifiers.shift || d3.event.shiftKey) &&
              (!handler.modifiers.ctrl  || d3.event.ctrlKey || d3.event.metaKey) &&
              (!handler.modifiers.alt   || d3.event.altKey) )) {
            handler.ondown();
          }
        }
      });

      d3.select(document.body).on("keyup",function() {
        //HACK!!!!!! kill me now
        if(d3.event.target.id === 'debug-tab-input'){
          return;
        }
        if (!active) { return; }
        var handler = handlers[d3.event.keyCode];
        if (handler && handler.onup) {
          if (!handler.modifiers ||
            ((!handler.modifiers.shift || d3.event.shiftKey) &&
              (!handler.modifiers.ctrl  || d3.event.ctrlKey || d3.event.metaKey) &&
              (!handler.modifiers.alt   || d3.event.altKey) )) {
            handler.onup();
          }
        }
      });
    },2000);


    function addHandler(key,modifiers,ondown,onup) {
      var mod = modifiers;
      var cbdown = ondown;
      var cbup = onup;
      if (typeof modifiers == "function") {
        mod = {};
        cbdown = modifiers;
        cbup = ondown;
      }
      handlers[key] = {modifiers:mod, ondown:cbdown, onup:cbup};
    }
    function removeHandler(key) {
      delete handlers[key];
    }


    var dialog = null;

    function showKeyboardHelp() {
      if (!RED.settings.theme("menu.menu-item-keyboard-shortcuts",true)) {
        return;
      }
      if (!dialog) {
        dialog = $('<div id="keyboard-help-dialog" class="hide">'+
          '<div style="vertical-align: top;display:inline-block; box-sizing: border-box; width:50%; padding: 10px;">'+
          '<table class="keyboard-shortcuts">'+
          '<tr><td><span class="help-key">Ctrl/&#8984;</span> + <span class="help-key">a</span></td><td>'+RED._("keyboard.selectAll")+'</td></tr>'+
          '<tr><td><span class="help-key">Shift</span> + <span class="help-key">Click</span></td><td>'+RED._("keyboard.selectAllConnected")+'</td></tr>'+
          '<tr><td><span class="help-key">Ctrl/&#8984;</span> + <span class="help-key">Click</span></td><td>'+RED._("keyboard.addRemoveNode")+'</td></tr>'+
          '<tr><td><span class="help-key">Delete</span></td><td>'+RED._("keyboard.deleteSelected")+'</td></tr>'+
          '<tr><td>&nbsp;</td><td></td></tr>'+
          '<tr><td><span class="help-key">Ctrl/&#8984;</span> + <span class="help-key">i</span></td><td>'+RED._("keyboard.importNode")+'</td></tr>'+
          '<tr><td><span class="help-key">Ctrl/&#8984;</span> + <span class="help-key">e</span></td><td>'+RED._("keyboard.exportNode")+'</td></tr>'+
          '</table>'+
          '</div>'+
          '<div style="vertical-align: top;display:inline-block; box-sizing: border-box; width:50%; padding: 10px;">'+
          '<table class="keyboard-shortcuts">'+
          '<tr><td><span class="help-key">Ctrl/&#8984;</span> + <span class="help-key">Space</span></td><td>'+RED._("keyboard.toggleSidebar")+'</td></tr>'+
          '<tr><td></td><td></td></tr>'+
          '<tr><td><span class="help-key">Delete</span></td><td>'+RED._("keyboard.deleteNode")+'</td></tr>'+
          '<tr><td></td><td></td></tr>'+
          '<tr><td><span class="help-key">Ctrl/&#8984;</span> + <span class="help-key">c</span></td><td>'+RED._("keyboard.copyNode")+'</td></tr>'+
          '<tr><td><span class="help-key">Ctrl/&#8984;</span> + <span class="help-key">x</span></td><td>'+RED._("keyboard.cutNode")+'</td></tr>'+
          '<tr><td><span class="help-key">Ctrl/&#8984;</span> + <span class="help-key">v</span></td><td>'+RED._("keyboard.pasteNode")+'</td></tr>'+
          '</table>'+
          '</div>'+
          '</div>')
            .appendTo("body")
            .dialog({
              modal: true,
              autoOpen: false,
              width: "800",
              title:"Keyboard shortcuts",
              resizable: false,
              open: function() {
                RED.keyboard.disable();
              },
              close: function() {
                RED.keyboard.enable();
              }
            });
      }

      dialog.dialog("open");
    }

    return {
      add: addHandler,
      remove: removeHandler,
      disable: function(){ active = false;},
      enable: function(){ active = true; },

      showHelp: showKeyboardHelp
    }

  })();

};

