///<reference path="../../../headers/common.d.ts" />

import coreModule from "../../core_module";
import appEvents from "app/core/app_events";

export class HelpCtrl {
  tabIndex: any;
  shortcuts: any;

  /** @ngInject */
  constructor() {
    this.tabIndex = 0;
    this.shortcuts = {
      Global: [
        { keys: ["g", "h"], description: "Go to Home Dashboard" },
        { keys: ["g", "p"], description: "Go to Profile" },
        { keys: ["s", "o"], description: "Open search" },
        { keys: ["s", "s"], description: "Open search with starred filter" },
        { keys: ["s", "t"], description: "Open search in tags view" },
        { keys: ["esc"], description: "Exit edit/setting views" }
      ],
      Dashboard: [
        { keys: ["mod+s"], description: "Save dashboard" },
        { keys: ["mod+h"], description: "Hide row controls" },
        { keys: ["d", "r"], description: "Refresh all panels" },
        { keys: ["d", "s"], description: "Dashboard settings" },
        { keys: ["d", "v"], description: "Toggle in-active / view mode" },
        { keys: ["d", "k"], description: "Toggle kiosk mode (hides top nav)" },
        { keys: ["d", "E"], description: "Expand all rows" },
        { keys: ["d", "C"], description: "Collapse all rows" },
        { keys: ["mod+o"], description: "Toggle shared graph crosshair" }
      ],
      "Focused Panel": [
        { keys: ["e"], description: "Toggle panel edit view" },
        { keys: ["v"], description: "Toggle panel fullscreen view" },
        { keys: ["p", "s"], description: "Open Panel Share Modal" },
        { keys: ["p", "r"], description: "Remove Panel" }
      ],
      "Focused Row": [
        { keys: ["r", "c"], description: "Collapse Row" },
        { keys: ["r", "r"], description: "Remove Row" }
      ],
      "Time Range": [
        { keys: ["t", "z"], description: "Zoom out time range" },
        {
          keys: ["t", '<i class="fa fa-long-arrow-left"></i>'],
          description: "Move time range back"
        },
        {
          keys: ["t", '<i class="fa fa-long-arrow-right"></i>'],
          description: "Move time range forward"
        }
      ]
    };
  }

  dismiss() {
    appEvents.emit("hide-modal");
  }
}

export function helpModal() {
  return {
    restrict: "E",
    templateUrl: "public/app/core/components/help/help.html",
    controller: HelpCtrl,
    bindToController: true,
    transclude: true,
    controllerAs: "ctrl",
    scope: {}
  };
}

coreModule.directive("helpModal", helpModal);