TiddlyWiki5/js/macros/slider.js

/*\
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"}
	},
	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;
			var content = Renderer.SliderNode(this.params.state,
										this.params.label ? this.params.label : target,
										this.params.tooltip,
										isOpen,
										[
											Renderer.MacroNode(
												"tiddler",
												{target: target},
												null,
												this.store)
										]);
			content.execute(this.parents,this.store.getTiddler(this.tiddlerText));
			return [content];
	},
	refresh: function(changes) {
		if(this.params.target && changes.hasOwnProperty(this.params.target) !== -1) {
			// If the target has changed, re-render the macro
		} else if (this.params.state && changes.hasOwnProperty(this.params.state) !== -1) {
			// 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";
		}
	}
};

})();