kopia lustrzana https://github.com/miklobit/TiddlyWiki5
109 wiersze
3.4 KiB
JavaScript
109 wiersze
3.4 KiB
JavaScript
/*\
|
|
title: js/macros/story.js
|
|
|
|
\*/
|
|
(function(){
|
|
|
|
/*jslint node: true, jquery: true */
|
|
"use strict";
|
|
|
|
var Tiddler = require("../Tiddler.js").Tiddler,
|
|
Renderer = require("../Renderer.js").Renderer,
|
|
Dependencies = require("../Dependencies.js").Dependencies,
|
|
utils = require("../Utils.js");
|
|
|
|
exports.macro = {
|
|
name: "story",
|
|
params: {
|
|
story: {byName: "default", type: "tiddler"},
|
|
defaultViewTemplate: {byName: true, type: "tiddler"}
|
|
},
|
|
events: {
|
|
"tw-navigate": function(event) {
|
|
var template = this.params.defaultViewTemplate ? this.params.defaultViewTemplate : "SimpleTemplate",
|
|
storyTiddler = this.store.getTiddler(this.params.story),
|
|
story = {tiddlers: []};
|
|
if(storyTiddler && storyTiddler.hasOwnProperty("text")) {
|
|
story = JSON.parse(storyTiddler.text);
|
|
}
|
|
story.tiddlers.unshift({title: event.navigateTo, template: template});
|
|
this.store.addTiddler(new Tiddler(storyTiddler,{text: JSON.stringify(story)}));
|
|
$("html,body").animate({
|
|
scrollTop: 0
|
|
}, 400);
|
|
event.stopPropagation();
|
|
return false;
|
|
}
|
|
},
|
|
execute: function() {
|
|
var story = JSON.parse(this.store.getTiddlerText(this.params.story)),
|
|
content = [];
|
|
for(var t=0; t<story.tiddlers.length; t++) {
|
|
var m = Renderer.MacroNode("tiddler",
|
|
{target: story.tiddlers[t].title,template: story.tiddlers[t].template},
|
|
null,
|
|
this.store);
|
|
m.execute(this.parents,this.store.getTiddler(this.tiddlerTitle));
|
|
content.push(m);
|
|
}
|
|
return content;
|
|
},
|
|
refreshInDom: function(changes) {
|
|
/*jslint browser: true */
|
|
// Get the tiddlers we're supposed to be displaying
|
|
var self = this,
|
|
story = JSON.parse(this.store.getTiddlerText(this.params.story)),
|
|
template = this.params.template,
|
|
t,n,domNode,
|
|
findTiddler = function (childIndex,tiddlerTitle,templateTitle) {
|
|
while(childIndex < self.content.length) {
|
|
var params = self.content[childIndex].params;
|
|
if(params.target === tiddlerTitle) {
|
|
if(!templateTitle || params.template === templateTitle) {
|
|
return childIndex;
|
|
}
|
|
}
|
|
childIndex++;
|
|
}
|
|
return null;
|
|
};
|
|
for(t=0; t<story.tiddlers.length; t++) {
|
|
// See if the node we want is already there
|
|
var tiddlerNode = findTiddler(t,story.tiddlers[t].title,story.tiddlers[t].template);
|
|
if(tiddlerNode === null) {
|
|
// If not, render the tiddler
|
|
var m = Renderer.MacroNode("tiddler",
|
|
{target: story.tiddlers[t].title,template: story.tiddlers[t].template},
|
|
null,
|
|
this.store);
|
|
m.execute(this.parents,this.store.getTiddler(story.tiddlers[t].title));
|
|
m.renderInDom(this.domNode,this.domNode.childNodes[t]);
|
|
this.content.splice(t,0,m);
|
|
} else {
|
|
// Delete any nodes preceding the one we want
|
|
if(tiddlerNode > t) {
|
|
// First delete the DOM nodes
|
|
for(n=t; n<tiddlerNode; n++) {
|
|
domNode = this.content[n].domNode;
|
|
domNode.parentNode.removeChild(domNode);
|
|
}
|
|
// Then delete the actual renderer nodes
|
|
this.content.splice(t,tiddlerNode-t);
|
|
}
|
|
// Refresh the DOM node we're reusing
|
|
this.content[t].refreshInDom(changes);
|
|
}
|
|
}
|
|
// Remove any left over nodes
|
|
if(this.content.length > story.tiddlers.length) {
|
|
for(t=story.tiddlers.length; t<this.content.length; t++) {
|
|
domNode = this.content[t].domNode;
|
|
domNode.parentNode.removeChild(domNode);
|
|
}
|
|
this.content.splice(story.tiddlers.length,this.content.length-story.tiddlers.length);
|
|
}
|
|
}
|
|
};
|
|
|
|
})();
|