osr-discourse-src/app/assets/javascripts/discourse/controllers/keyboard-shortcuts-help.js.es6

import ModalFunctionality from "discourse/mixins/modal-functionality";

const KEY = "keyboard_shortcuts_help";

const SHIFT = I18n.t("shortcut_modifier_key.shift");
const ALT = I18n.t("shortcut_modifier_key.alt");
const CTRL = I18n.t("shortcut_modifier_key.ctrl");
const ENTER = I18n.t("shortcut_modifier_key.enter");

const COMMA = I18n.t(`${KEY}.shortcut_key_delimiter_comma`);
const PLUS = I18n.t(`${KEY}.shortcut_key_delimiter_plus`);

function buildHTML(keys1, keys2, keysDelimiter, shortcutsDelimiter) {
  const allKeys = [keys1, keys2]
    .reject(keys => keys.length === 0)
    .map(keys => keys.map(k => `<kbd>${k}</kbd>`).join(keysDelimiter));

  if (allKeys.length === 1) {
    return wrapInSpan(allKeys[0]);
  }

  const context = { shortcut1: allKeys[0], shortcut2: allKeys[1] };
  let result = "";
  if (shortcutsDelimiter === "or") {
    result = I18n.t(`${KEY}.shortcut_delimiter_or`, context);
  } else if (shortcutsDelimiter === "slash") {
    result = I18n.t(`${KEY}.shortcut_delimiter_slash`, context);
  } else if (shortcutsDelimiter === "space") {
    result = I18n.t(`${KEY}.shortcut_delimiter_space`, context);
  }

  return wrapInSpan(result);
}

function wrapInSpan(shortcut) {
  return `<span dir="ltr">${shortcut}</span>`;
}

function buildShortcut(
  key,
  { keys1 = [], keys2 = [], keysDelimiter = COMMA, shortcutsDelimiter = "or" }
) {
  const context = {
    shortcut: buildHTML(keys1, keys2, keysDelimiter, shortcutsDelimiter)
  };
  return I18n.t(`${KEY}.${key}`, context);
}

export default Ember.Controller.extend(ModalFunctionality, {
  onShow() {
    this.set("modal.modalClass", "keyboard-shortcuts-modal");
  },
  shortcuts: {
    jump_to: {
      home: buildShortcut("jump_to.home", { keys1: ["g", "h"] }),
      latest: buildShortcut("jump_to.latest", { keys1: ["g", "l"] }),
      new: buildShortcut("jump_to.new", { keys1: ["g", "n"] }),
      unread: buildShortcut("jump_to.unread", { keys1: ["g", "u"] }),
      categories: buildShortcut("jump_to.categories", { keys1: ["g", "c"] }),
      top: buildShortcut("jump_to.top", { keys1: ["g", "t"] }),
      bookmarks: buildShortcut("jump_to.bookmarks", { keys1: ["g", "b"] }),
      profile: buildShortcut("jump_to.profile", { keys1: ["g", "p"] }),
      messages: buildShortcut("jump_to.messages", { keys1: ["g", "m"] }),
      drafts: buildShortcut("jump_to.drafts", { keys1: ["g", "d"] })
    },
    navigation: {
      back: buildShortcut("navigation.back", { keys1: ["u"] }),
      jump: buildShortcut("navigation.jump", { keys1: ["#"] }),
      up_down: buildShortcut("navigation.up_down", {
        keys1: ["k"],
        keys2: ["j"],
        shortcutsDelimiter: "slash"
      }),
      open: buildShortcut("navigation.open", { keys1: ["o"], keys2: [ENTER] }),
      next_prev: buildShortcut("navigation.next_prev", {
        keys1: [SHIFT, "j"],
        keys2: [SHIFT, "k"],
        keysDelimiter: PLUS,
        shortcutsDelimiter: "slash"
      })
    },
    application: {
      hamburger_menu: buildShortcut("application.hamburger_menu", {
        keys1: ["="]
      }),
      user_profile_menu: buildShortcut("application.user_profile_menu", {
        keys1: ["p"]
      }),
      create: buildShortcut("application.create", { keys1: ["c"] }),
      show_incoming_updated_topics: buildShortcut(
        "application.show_incoming_updated_topics",
        { keys1: ["."] }
      ),
      search: buildShortcut("application.search", {
        keys1: ["/"],
        keys2: [CTRL, ALT, "f"],
        keysDelimiter: PLUS
      }),
      help: buildShortcut("application.help", { keys1: ["?"] }),
      dismiss_new_posts: buildShortcut("application.dismiss_new_posts", {
        keys1: ["x", "r"]
      }),
      dismiss_topics: buildShortcut("application.dismiss_topics", {
        keys1: ["x", "t"]
      }),
      log_out: buildShortcut("application.log_out", {
        keys1: [SHIFT, "z"],
        keys2: [SHIFT, "z"],
        keysDelimiter: PLUS,
        shortcutsDelimiter: "space"
      })
    },
    composing: {
      return: buildShortcut("composing.return", {
        keys1: [SHIFT, "c"],
        keysDelimiter: PLUS
      }),
      fullscreen: buildShortcut("composing.fullscreen", {
        keys1: [SHIFT, "F11"],
        keysDelimiter: PLUS
      })
    },
    actions: {
      bookmark_topic: buildShortcut("actions.bookmark_topic", { keys1: ["f"] }),
      reply_as_new_topic: buildShortcut("actions.reply_as_new_topic", {
        keys1: ["t"]
      }),
      reply_topic: buildShortcut("actions.reply_topic", {
        keys1: [SHIFT, "r"],
        keysDelimiter: PLUS
      }),
      reply_post: buildShortcut("actions.reply_post", { keys1: ["r"] }),
      quote_post: buildShortcut("actions.quote_post", { keys1: ["q"] }),
      pin_unpin_topic: buildShortcut("actions.pin_unpin_topic", {
        keys1: [SHIFT, "p"],
        keysDelimiter: PLUS
      }),
      share_topic: buildShortcut("actions.share_topic", {
        keys1: [SHIFT, "s"],
        keysDelimiter: PLUS
      }),
      share_post: buildShortcut("actions.share_post", { keys1: ["s"] }),
      like: buildShortcut("actions.like", { keys1: ["l"] }),
      flag: buildShortcut("actions.flag", { keys1: ["!"] }),
      bookmark: buildShortcut("actions.bookmark", { keys1: ["b"] }),
      edit: buildShortcut("actions.edit", { keys1: ["e"] }),
      delete: buildShortcut("actions.delete", { keys1: ["d"] }),
      mark_muted: buildShortcut("actions.mark_muted", { keys1: ["m", "m"] }),
      mark_regular: buildShortcut("actions.mark_regular", {
        keys1: ["m", "r"]
      }),
      mark_tracking: buildShortcut("actions.mark_tracking", {
        keys1: ["m", "t"]
      }),
      mark_watching: buildShortcut("actions.mark_watching", {
        keys1: ["m", "w"]
      }),
      print: buildShortcut("actions.print", {
        keys1: [CTRL, "p"],
        keysDelimiter: PLUS
      })
    }
  }
});