|
@@ -1,32 +1,37 @@
|
|
|
-define(["jquery", "mousetrap", "jquery.blockUI"], function ($, mouseTrap) {
|
|
|
+define(["tingle", "mousetrap", "css!tingle"], function (tingle, mouseTrap) {
|
|
|
+ var modal = new tingle.modal({
|
|
|
+ footer: true,
|
|
|
+ stickyFooter: false,
|
|
|
+ closeMethods: ['overlay', 'escape'],
|
|
|
+ onOpen: function() {
|
|
|
+ mouseTrap.unbind(exports.keystroke);
|
|
|
+ },
|
|
|
+ onClose: function() {
|
|
|
+ mouseTrap.bind(exports.keystroke, openMe);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ modal.addFooterBtn('legacy IDE', 'tingle-btn', function () {
|
|
|
+ require('amber/helpers').globals.Browser._open();
|
|
|
+ modal.close();
|
|
|
+ });
|
|
|
+
|
|
|
+ modal.addFooterBtn('Helios IDE', 'tingle-btn', function () {
|
|
|
+ require('amber/helpers').popupHelios();
|
|
|
+ modal.close();
|
|
|
+ });
|
|
|
+
|
|
|
var exports = {
|
|
|
- html: "<p><em>Esc</em> to escape; <em>Shift Shift Ctrl Shift</em> to show again</p>" +
|
|
|
- "<p><button class=\"unblockUI\" onclick=\"require('amber/helpers').globals.Browser._open()\">legacy IDE</button>" +
|
|
|
- "<button class=\"unblockUI\" onclick=\"require('amber/helpers').popupHelios()\">Helios IDE</button></p>",
|
|
|
+ html: "<p><em>Esc</em> to escape; <em>Shift Shift Ctrl Shift</em> to show again</p>",
|
|
|
keystroke: "shift shift ctrl shift",
|
|
|
start: function () {
|
|
|
- $(document).ready(openMe);
|
|
|
+ setTimeout(openMe);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
function openMe() {
|
|
|
- $.blockUI({message: exports.html});
|
|
|
- $(".unblockUI").on("click", closeMe);
|
|
|
- $(document).on("keyup", escapeBinding);
|
|
|
- mouseTrap.unbind(exports.keystroke);
|
|
|
- }
|
|
|
-
|
|
|
- function closeMe() {
|
|
|
- $.unblockUI();
|
|
|
- $(".unblockUI").off("click", closeMe);
|
|
|
- $(document).off("keyup", escapeBinding);
|
|
|
- mouseTrap.bind(exports.keystroke, openMe);
|
|
|
- }
|
|
|
-
|
|
|
- function escapeBinding(event) {
|
|
|
- if (event.keyCode == 27) { //esc
|
|
|
- closeMe();
|
|
|
- }
|
|
|
+ modal.setContent(exports.html);
|
|
|
+ modal.open();
|
|
|
}
|
|
|
|
|
|
return exports;
|