mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-09-01 05:52:54 +00:00
81 lines
2.5 KiB
JavaScript
81 lines
2.5 KiB
JavaScript
/*\
|
|
title: js/macros/slider.js
|
|
|
|
\*/
|
|
(function(){
|
|
|
|
/*jslint node: true */
|
|
"use strict";
|
|
|
|
var Renderer = require("../Renderer.js").Renderer,
|
|
Dependencies = require("../Dependencies.js").Dependencies,
|
|
Tiddler = require("../Tiddler.js").Tiddler,
|
|
utils = require("../Utils.js");
|
|
|
|
exports.macro = {
|
|
name: "slider",
|
|
types: ["text/html","text/plain"],
|
|
params: {
|
|
state: {byPos: 0, type: "tiddler"},
|
|
targetTiddler: {byPos: 1, type: "tiddler"},
|
|
label: {byPos: 2, type: "text"},
|
|
tooltip: {byPos: 3, type: "text"},
|
|
content: {byName: true, type: "text"}
|
|
},
|
|
events: {
|
|
click: function(event) {
|
|
if(event.target === event.currentTarget.firstChild.firstChild) {
|
|
var el = event.currentTarget.firstChild.firstChild.nextSibling,
|
|
stateTiddler = this.params.state ? this.store.getTiddler(this.params.state) : null;
|
|
stateTiddler = stateTiddler || new Tiddler({title: this.params.state, text: ""});
|
|
var isOpen = stateTiddler.text.trim() === "open";
|
|
this.store.addTiddler(new Tiddler(stateTiddler,{text: isOpen ? "closed" : "open"}));
|
|
event.preventDefault();
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
},
|
|
execute: function() {
|
|
var isOpen = this.params.state ? this.store.getTiddlerText(this.params.state,"").trim() === "open" : true,
|
|
target = this.params.targetTiddler,
|
|
sliderContent;
|
|
if(this.params.hasOwnProperty("content")) {
|
|
sliderContent = this.store.parseText("text/x-tiddlywiki",this.params.content).tree;
|
|
} else {
|
|
sliderContent = [Renderer.MacroNode(
|
|
"tiddler",
|
|
{target: target},
|
|
null,
|
|
this.store)];
|
|
}
|
|
var content = Renderer.SliderNode(this.params.state,
|
|
this.params.label ? this.params.label : target,
|
|
this.params.tooltip,
|
|
isOpen,
|
|
sliderContent);
|
|
content.execute(this.parents,this.store.getTiddler(this.tiddlerText));
|
|
return [content];
|
|
},
|
|
refreshInDom: function(changes) {
|
|
if(this.params.target && changes.hasOwnProperty(this.params.target)) {
|
|
// If the target has changed, re-render the macro
|
|
} else {
|
|
if (this.params.state && changes.hasOwnProperty(this.params.state)) {
|
|
// If it was just the state tiddler that's changed, set the display appropriately
|
|
var el = this.domNode.firstChild.firstChild.nextSibling,
|
|
isOpen = this.store.getTiddlerText(this.params.state,"").trim() === "open";
|
|
el.style.display = isOpen ? "block" : "none";
|
|
}
|
|
// Refresh any children
|
|
for(var t=0; t<this.content.length; t++) {
|
|
this.content[t].refreshInDom(changes);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
})();
|
|
|