mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-27 12:07:19 +00:00
100 lines
2.7 KiB
JavaScript
100 lines
2.7 KiB
JavaScript
/*\
|
|
title: $:/core/modules/widgets/browse.js
|
|
type: application/javascript
|
|
module-type: widget
|
|
|
|
Browse widget for browsing for files to import
|
|
|
|
\*/
|
|
(function(){
|
|
|
|
/*jslint node: true, browser: true */
|
|
/*global $tw: false */
|
|
"use strict";
|
|
|
|
var Widget = require("$:/core/modules/widgets/widget.js").widget;
|
|
|
|
var BrowseWidget = function(parseTreeNode,options) {
|
|
this.initialise(parseTreeNode,options);
|
|
};
|
|
|
|
/*
|
|
Inherit from the base widget class
|
|
*/
|
|
BrowseWidget.prototype = new Widget();
|
|
|
|
/*
|
|
Render this widget into the DOM
|
|
*/
|
|
BrowseWidget.prototype.render = function(parent,nextSibling) {
|
|
var self = this;
|
|
// Remember parent
|
|
this.parentDomNode = parent;
|
|
// Compute attributes and execute state
|
|
this.computeAttributes();
|
|
this.execute();
|
|
// Create element
|
|
var domNode = this.document.createElement("input");
|
|
domNode.setAttribute("type","file");
|
|
if(this.browseMultiple) {
|
|
domNode.setAttribute("multiple","multiple");
|
|
}
|
|
if(this.tooltip) {
|
|
domNode.setAttribute("title",this.tooltip);
|
|
}
|
|
// Nw.js supports "nwsaveas" to force a "save as" dialogue that allows a new or existing file to be selected
|
|
if(this.nwsaveas) {
|
|
domNode.setAttribute("nwsaveas",this.nwsaveas);
|
|
}
|
|
// Nw.js supports "webkitdirectory" and "nwdirectory" to allow a directory to be selected
|
|
if(this.webkitdirectory) {
|
|
domNode.setAttribute("webkitdirectory",this.webkitdirectory);
|
|
}
|
|
if(this.nwdirectory) {
|
|
domNode.setAttribute("nwdirectory",this.nwdirectory);
|
|
}
|
|
// Add a click event handler
|
|
domNode.addEventListener("change",function (event) {
|
|
if(self.message) {
|
|
self.dispatchEvent({type: self.message, param: self.param, files: event.target.files});
|
|
} else {
|
|
self.wiki.readFiles(event.target.files,{
|
|
callback: function(tiddlerFieldsArray) {
|
|
self.dispatchEvent({type: "tm-import-tiddlers", param: JSON.stringify(tiddlerFieldsArray)});
|
|
},
|
|
deserializer: self.deserializer
|
|
});
|
|
}
|
|
return false;
|
|
},false);
|
|
// Insert element
|
|
parent.insertBefore(domNode,nextSibling);
|
|
this.renderChildren(domNode,null);
|
|
this.domNodes.push(domNode);
|
|
};
|
|
|
|
/*
|
|
Compute the internal state of the widget
|
|
*/
|
|
BrowseWidget.prototype.execute = function() {
|
|
this.browseMultiple = this.getAttribute("multiple");
|
|
this.deserializer = this.getAttribute("deserializer");
|
|
this.message = this.getAttribute("message");
|
|
this.param = this.getAttribute("param");
|
|
this.tooltip = this.getAttribute("tooltip");
|
|
this.nwsaveas = this.getAttribute("nwsaveas");
|
|
this.webkitdirectory = this.getAttribute("webkitdirectory");
|
|
this.nwdirectory = this.getAttribute("nwdirectory");
|
|
};
|
|
|
|
/*
|
|
Selectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering
|
|
*/
|
|
BrowseWidget.prototype.refresh = function(changedTiddlers) {
|
|
return false;
|
|
};
|
|
|
|
exports.browse = BrowseWidget;
|
|
|
|
})();
|