From 666f6698056f50585c330c3d37acdd60c8977011 Mon Sep 17 00:00:00 2001 From: Michael Woywod Date: Fri, 21 Feb 2014 20:21:36 +0100 Subject: [PATCH] added internationalization support and german translation --- htmlContent/mainDialog.html | 39 ++++++++++++++++++------------------- main.js | 29 ++++++++++++++------------- 2 files changed, 35 insertions(+), 33 deletions(-) diff --git a/htmlContent/mainDialog.html b/htmlContent/mainDialog.html index 18694af..029df86 100644 --- a/htmlContent/mainDialog.html +++ b/htmlContent/mainDialog.html @@ -1,14 +1,13 @@
-

HTML Skeleton

+

{{DIALOG_TITLE}}

- HTML Skeleton allows you to add various HTML elements straight into your document, - freeing you from typing it yourself. + {{DIALOG_EXTENSION_DESCRIPTION}}

-

Usage

+

{{USAGE}}

    -
  1. Place your cursor where you want the elements to be added
    2. -
  2. Select the elements you desire
    3. -
  3. Click Done and the HTML elements will be added to your document!
    4. +
  4. {{PLACE_CURSOR}}
    5. +
  5. {{SELECT_ELEMENTS}}
    6. +
  6. {{CLICK_DONE}}
-

Elements

+

{{ELEMENTS}}

- + - + - + - + - + - + - x - + x +
- +
- Cancel - Done + {{BTN_CANCEL}} + {{BTN_DONE}}
diff --git a/main.js b/main.js index b478813..026fb04 100644 --- a/main.js +++ b/main.js @@ -1,5 +1,5 @@ /* jslint vars: true, plusplus: true, devel: true, nomen: true, indent: 4, maxerr: 50 */ -/* global define, brackets, $ */ +/* global define, brackets, $, require, Mustache */ /* HTML Skeleton @@ -17,22 +17,24 @@ define(function (require, exports, module) { "use strict"; // Import the required Brackets modules - var AppInit = brackets.getModule("utils/AppInit"), - CommandManager = brackets.getModule("command/CommandManager"), - Dialogs = brackets.getModule("widgets/Dialogs"), - Document = brackets.getModule("document/Document"), - EditorManager = brackets.getModule("editor/EditorManager"), - ExtensionUtils = brackets.getModule("utils/ExtensionUtils"), - Menus = brackets.getModule("command/Menus"), + var AppInit = brackets.getModule("utils/AppInit"), + CommandManager = brackets.getModule("command/CommandManager"), + Dialogs = brackets.getModule("widgets/Dialogs"), + Document = brackets.getModule("document/Document"), + EditorManager = brackets.getModule("editor/EditorManager"), + ExtensionUtils = brackets.getModule("utils/ExtensionUtils"), + Menus = brackets.getModule("command/Menus"), + + Strings = require("./strings"), // Pull in the entire dialog - skellyDialogHtml = require("text!htmlContent/mainDialog.html"), + skellyDialogHtml = require("text!htmlContent/mainDialog.html"), // Grab our logo to display in the dialog - skellyLogo = require.toUrl("img/HTML-Skeleton.svg"), + skellyLogo = require.toUrl("img/HTML-Skeleton.svg"), // The extension ID - EXTENSION_ID = "le717.html-skeleton"; + EXTENSION_ID = "le717.html-skeleton"; /* ------- End Module Importing ------- */ @@ -178,7 +180,8 @@ define(function (require, exports, module) { function _showSkellyDialog() { /* Display the HTML Skeleton box */ - var skellyDialog = Dialogs.showModalDialogUsingTemplate(skellyDialogHtml), + var localized = Mustache.render(skellyDialogHtml, Strings); + var skellyDialog = Dialogs.showModalDialogUsingTemplate(localized), $doneButton = skellyDialog.getElement().find('.dialog-button[data-button-id="ok"]'); // Upon closing the dialog, run function to gather and apply choices @@ -212,7 +215,7 @@ define(function (require, exports, module) { ExtensionUtils.loadStyleSheet(module, "css/style.css"); // Assign a keyboard shortcut and item in Edit menu - CommandManager.register("Insert HTML elements\u2026", EXTENSION_ID, _showSkellyDialog); + CommandManager.register(Strings.INSERT_HTML_ELEMENTS, EXTENSION_ID, _showSkellyDialog); var menu = Menus.getMenu(Menus.AppMenuBar.EDIT_MENU); menu.addMenuItem(EXTENSION_ID, "Ctrl-Shift-N"); });