mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-16 23:04:50 +00:00
33ba69e852
* Make modals display in source Window this makes modals display within the window where they got opened, with the parameter `rootwindow` that, if `yes` or `true`, shows the modal always in the root TW window (`<$action-sendmessage $message="tm-modal" $param="mymodal" rootwindow="yes|true"/>`) * pass the full event to $tw.modal.display we need the event there to find `srcDocument` and `srcWindow` * pass event in options object * update modal.js to use options.event * add docs for rootwindow tm-modal attribute
68 lines
2.2 KiB
JavaScript
68 lines
2.2 KiB
JavaScript
/*\
|
|
title: $:/core/modules/startup/rootwidget.js
|
|
type: application/javascript
|
|
module-type: startup
|
|
|
|
Setup the root widget and the core root widget handlers
|
|
|
|
\*/
|
|
(function(){
|
|
|
|
/*jslint node: true, browser: true */
|
|
/*global $tw: false */
|
|
"use strict";
|
|
|
|
// Export name and synchronous status
|
|
exports.name = "rootwidget";
|
|
exports.platforms = ["browser"];
|
|
exports.after = ["startup"];
|
|
exports.before = ["story"];
|
|
exports.synchronous = true;
|
|
|
|
exports.startup = function() {
|
|
// Install the modal message mechanism
|
|
$tw.modal = new $tw.utils.Modal($tw.wiki);
|
|
$tw.rootWidget.addEventListener("tm-modal",function(event) {
|
|
$tw.modal.display(event.param,{variables: event.paramObject, event: event});
|
|
});
|
|
// Install the notification mechanism
|
|
$tw.notifier = new $tw.utils.Notifier($tw.wiki);
|
|
$tw.rootWidget.addEventListener("tm-notify",function(event) {
|
|
$tw.notifier.display(event.param,{variables: event.paramObject});
|
|
});
|
|
// Install the copy-to-clipboard mechanism
|
|
$tw.rootWidget.addEventListener("tm-copy-to-clipboard",function(event) {
|
|
$tw.utils.copyToClipboard(event.param);
|
|
});
|
|
// Install the scroller
|
|
$tw.pageScroller = new $tw.utils.PageScroller();
|
|
$tw.rootWidget.addEventListener("tm-scroll",function(event) {
|
|
$tw.pageScroller.handleEvent(event);
|
|
});
|
|
var fullscreen = $tw.utils.getFullScreenApis();
|
|
if(fullscreen) {
|
|
$tw.rootWidget.addEventListener("tm-full-screen",function(event) {
|
|
if(event.param === "enter") {
|
|
event.event.target.ownerDocument.documentElement[fullscreen._requestFullscreen](Element.ALLOW_KEYBOARD_INPUT);
|
|
} else if(event.param === "exit") {
|
|
event.event.target.ownerDocument[fullscreen._exitFullscreen]();
|
|
} else {
|
|
if(event.event.target.ownerDocument[fullscreen._fullscreenElement]) {
|
|
event.event.target.ownerDocument[fullscreen._exitFullscreen]();
|
|
} else {
|
|
event.event.target.ownerDocument.documentElement[fullscreen._requestFullscreen](Element.ALLOW_KEYBOARD_INPUT);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
// If we're being viewed on a data: URI then give instructions for how to save
|
|
if(document.location.protocol === "data:") {
|
|
$tw.rootWidget.dispatchEvent({
|
|
type: "tm-modal",
|
|
param: "$:/language/Modals/SaveInstructions"
|
|
});
|
|
}
|
|
};
|
|
|
|
})();
|