mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-01-11 18:00:26 +00:00
Code Issues Releases Wiki Activity

Improve the modal dialogue to optionally include a download button

Browse Source
This commit is contained in:
Jeremy Ruston 2012-11-16 19:30:30 +00:00
parent b74df6d1b0
commit b96bcfdca4
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
core/modules/utils/dom/modal.js
View File

@ -16,7 +16,15 @@ var Modal = function(wiki) {
this.wiki = wiki;
};
Modal.prototype.display = function(title) {
/*
Display a modal dialogue
title: Title of tiddler to display
options: see below
Options include:
downloadLink: Text of a big download link to include
*/
Modal.prototype.display = function(title,options) {
options = options || {};
// Create the wrapper divs
var wrapper = document.createElement("div"),
modalBackdrop = document.createElement("div"),
@ -24,6 +32,7 @@ Modal.prototype.display = function(title) {
modalHeader = document.createElement("div"),
headerTitle = document.createElement("h1"),
modalBody = document.createElement("div"),
modalLink = document.createElement("a"),
modalFooter = document.createElement("div"),
modalFooterHelp = document.createElement("span"),
modalFooterButtons = document.createElement("span"),
@ -34,6 +43,7 @@ Modal.prototype.display = function(title) {
$tw.utils.addClass(modalWrapper,"modal");
$tw.utils.addClass(modalHeader,"modal-header");
$tw.utils.addClass(modalBody,"modal-body");
$tw.utils.addClass(modalLink,"btn btn-large btn-block btn-success");
$tw.utils.addClass(modalFooter,"modal-footer");
// Join them together
wrapper.appendChild(modalBackdrop);
@ -64,6 +74,12 @@ Modal.prototype.display = function(title) {
this.wiki.addEventListener("",function(changes) {
bodyRenderer.refreshInDom(changes);
});
// Setup the link if present
if(options.downloadLink) {
modalLink.href = options.downloadLink
modalLink.appendChild(document.createTextNode("Download"));
modalBody.appendChild(modalLink);
}
// Render the footer of the message
if(tiddler && tiddler.fields && tiddler.fields.help) {
var link = document.createElement("a");