Welcome to TiddlyWiki created by Jeremy Ruston, Copyright © 2007 UnaMesa Association
|''Type:''|file|
|''URL:''|http://tiddlywiki.abego-software.de/|
|''Workspace:''|(default)|
This tiddler was automatically created to record the details of this server
/***
|Name|DataDbPlugin|
|Source|http://baggr.tiddlyspot.com|
|Version|0.101|
|Author|molicule [at] gmail [dot] com|
|License|BSD open source|
|Type|plugin|
|Requires|DataDbPlugin|
|Description|Turn a tiddler into a database such as an address book.|
Provides the ability to create and maintain simple databses housed in a tiddler. Requires the DataTidlerPlugin.
!!!!!Usage
<<<
<<datadb name address city state zip>>
<<<
!!!!!How it works
<<<
A form input is provided and the data entered is stored within the tiddler in a JSON format.
This data is read by the plugin and displayed. Convenient actions such as move up, down,
delete and close/unclose are provided.
<<<
!!!!!Data storage format
<<<
<data>{"db": ["list", "of", "fields"]}</data>
<<<
Changelog
<<<
26 Sep 2008 Added export to html feature. This puts the output in a tiddler. Note you need to remove html tag wrapper to
use outside of a tiddler.
!!!!!Code
***/
//{{{
config.datadb = {
list_refresh: function(title) {
story.refreshTiddler(title, null, true);
},
item_over: function(e) {
e.style.backgroundColor = "#f0f0f0";
},
item_out: function(e) {
e.style.backgroundColor = "#ffffff";
},
show_view: function(title, v) {
var t = store.getTiddler(title);
var data = t.data();
data['view'] = v;
t.setData("view", data['view']);
this.list_refresh(title);
},
build_head: function(title, view) {
var txt = "<table style=\"margin:0px\" width=100%><tr><td width=85%>Data db: <u>" + view + " view</u></td><td style=\"text-align:right;\">";
txt += "<span style=\"cursor:pointer;\" onclick=\"config.datadb.show_view('" + title + "', 'form');\" title=\"Form\" >Δ</span> ";
txt += "<span style=\"cursor:pointer;\" onclick=\"config.datadb.show_view('" + title + "', 'query');\" title=\"Query\" >∈</span> ";
txt += "<span style=\"cursor:pointer;\" onclick=\"config.datadb.show_view('" + title + "', 'schema');\" title=\"Schema\" >Ψ</span> ";
txt += "<span style=\"cursor:pointer;\" onclick=\"config.datadb.show_view('" + title + "', 'tools');\" title=\"Tools\" >ξ</span> ";
txt += "<span style=\"cursor:pointer;\" onclick=\"config.datadb.show_view('" + title + "', 'help');\" title=\"Help\" >?</span> ";
txt += "</td></tr></table>";
return txt;
},
build_help: function(title, params, data) {
var stub = title.replace(/ /g, "_");
var txt = "<div id=" + stub + "_vhelp>";
txt += "<iframe src=http://baggr-help.tiddlyspot.com/ width=100% height=600px style=\"border:0px\" frameborder=no></iframe>";
txt += "</div>";
return txt;
}
};
config.datadb.form = {
about_status: "-",
build: function(title, params, data) {
var stub = title.replace(/ /g, "_");
var txt = "<div id=" + stub + "_vform>";
txt += this.build_form(title, params, data)
txt += "</div>";
return txt;
},
item_click: function(title, i) {
var i = i*1;
var t = store.getTiddler(title);
var data = t.data();
this.load_form(title, data, i);
},
item_del: function(title, num) {
var t = store.getTiddler(title);
var data = t.data("db");
data.splice(num*1, 1);
t.setData("data", data);
story.refreshTiddler(title, null, true);
},
load_form: function(title, data, rnum) {
var r = data['db'][rnum];
var stub = title.replace(/ /g, "_");
var rid = stub + "_num";
document.getElementById(rid).value = rnum;
for (var i=0; i<data['schema'].length; i++) {
var rid = title + "_" + data['schema'][i] + "_" + i.toString();
document.getElementById(rid).value = r[i];
}
// var rid = stub + "_clear";
// document.getElementById(rid).style.opacity = "1";
var rid = stub + "_add";
document.getElementById(rid).style.color = "red";
document.getElementById(rid).setAttribute("value", "edit");
},
form_submit: function(title) {
return false;
},
form_add: function(title) {
var t = store.getTiddler(title);
var data = t.data();
var r = []
for (var i=0; i<data['schema'].length; i++) {
var rid = title + "_" + data['schema'][i] + "_" + i.toString();
r[i] = document.getElementById(rid).value;
}
var rid = title.replace(/ /g, "_") + "_num";
var num = document.getElementById(rid).value;
if (num) {
num = num*1;
data['db'][num] = r;
} else {
data['db'].push(r);
}
t.setData("db", data['db']);
story.refreshTiddler(title, null, true);
},
form_clear: function(title) {
var t = store.getTiddler(title);
var data = t.data();
var stub = title.replace(/ /g, "_");
var rid = stub + "_num";
document.getElementById(rid).value = '';
for (var i=0; i<data['schema'].length; i++) {
var rid = title + "_" + data['schema'][i] + "_" + i.toString();
document.getElementById(rid).value = "";
}
// var rid = stub + "_clear";
// document.getElementById(rid).style.opacity = ".5";
var rid = stub + "_add";
document.getElementById(rid).style.color = "black";
document.getElementById(rid).setAttribute("value", "add");
},
show_view: function(title, v) {
var t = store.getTiddler(title);
var data = t.data();
data['view'] = v;
t.setData("view", data['view']);
story.refreshTiddler(title, null, true);
},
toggle_about: function(title) {
var stub = title.replace(/ /g, "_");
if (this.about_status == '+') {
document.getElementById(stub + "_about").style.height = "18px";
document.getElementById(stub + "_about_text").style.display = "none";
this.about_status = "-";
} else {
document.getElementById(stub + "_about").style.height = "100px";
document.getElementById(stub + "_about_text").style.display = "inline";
this.about_status = "+";
}
},
build_form: function(title, params, data) {
var stub = title.replace(/ /g, "_");
var txt = "<div id=" + stub + "_about style=\"background-color:#f0f0f0;margin:5px;padding:5px;overflow:none;min-height:18px\">";
txt += "<div style=\"float:right;cursor:pointer\" onclick=config.datadb.form.toggle_about('" + title + "')>(+/-)</div>";
txt += "<div id=" + stub + "_about_text style=\"display:none\">";
txt += "<h3>This form is where you enter the data</h3>";
txt += "<b>the first field:</b> is what is displayed in the record selector.<br/>";
txt += "<b>edit a record:</b> by clicking on it's selector entry and than in the form.<br/>";
txt += "<b>delete a record:</b> by clicking on the 'x' character.<br/>";
txt += "<b>clear:</b> clears the form fields and allows you to enter a new record.<br/>";
txt += "</div>";
txt += "</div>";
txt += "<div style=\"float:left;width:30%;min-width:150px;max-height:400px;overflow:auto;border:1px solid #f0f0f0\">";
txt += "<div style=\"background-color:#a0a0a0\">record selector</div>";
for (var i=0; i<data['db'].length; i++) {
txt += "<div ";
txt += " onmouseover=\"config.datadb.item_over(this)\"";
txt += " onmouseout=\"config.datadb.item_out(this)\"";
txt += " onclick=\"config.datadb.form.item_click('" + title + "', '" + i.toString() + "')\"";
txt += ">";
txt += "<table width=100% style=\"margin:0px;padding:0px;border:0px\"><tr style=\"border:0px\"><td width=80% style=\"border:0px\">" + data['db'][i][0] + "</td><td style=\"border:0px;text-align:right\"><a href=\"javascript:config.datadb.form.item_del('" + title + "', '" + i + "');\">x</a></td></tr></table>";
txt += "</div>";
}
txt += "</div>";
txt += "<div style=\"float:left;margin:0px 0px 0px 5px;padding:0px;width:68%;\">";
txt += "<div style=\"background-color:#a0a0a0;text-align:center\">the record</div>";
txt += "<form id=" + stub + "_form name=" + stub + "_form onsubmit=\"return config.datadb.form.form_submit('" + title + "');\">";
txt += "<table width=97%>";
txt += "<tr><th>Field</th><th>Value</th></tr>";
txt += "<input id=" + stub + "_num type=hidden value='' >";
for (var i=0; i<data['schema'].length; i++) {
txt += "<tr><td width=25%>" + data['schema'][i][0] + "</td><td width=75%><input id=" + title + "_" + data['schema'][i] + "_" + i.toString() + " type=text style=\"width:98%\"></td></tr>";
}
txt += "<tr><td colspan=2 style=\"text-align:right;padding:5px\"> <input style=\"opacity:.5;width:75px\" id=" + stub + "_clear type=submit name=clear value=clear onclick=config.datadb.form.form_clear('" + title + "')> <input style=\"width:75px;\" id=" + stub + "_add type=submit name=add value=add onclick=config.datadb.form.form_add('" + title + "')></td></tr>";
txt += "</table>";
txt += "</form>";
txt += "</div>";
txt += "<div style=\"clear:both\"></div>";
return txt;
}
};
config.datadb.schema = {
props: ["name", "size", "default", "Qview"],
about_status: "-",
build: function(title, params, data) {
var stub = title.replace(/ /g, "_");
var txt = "<div id=" + stub + "_vschema>";
txt += this.build_form(title, params, data)
txt += "</div>";
return txt;
},
item_up: function(title, s) {
var t = store.getTiddler(title);
var data = t.data("schema");
var s = s*1;
var a = data[s];
var b = data[s-1];
data[s] = b;
data[s-1] = a;
var db = t.data("db");
for (var i=0; i<db.length; i++) {
var a = db[i][s];
var b = db[i][s-1];
db[i][s] = b;
db[i][s-1] = a;
}
t.setData("db", db);
t.setData("schema", data);
story.refreshTiddler(title, null, true);
},
item_down: function(title, s) {
var t = store.getTiddler(title);
var data = t.data("schema");
var s = s*1;
var a = data[s];
var b = data[s+1];
data[s+1] = a;
data[s] = b;
var db = t.data("db");
for (var i=0; i<db.length; i++) {
var a = db[i][s];
var b = db[i][s+1];
db[i][s+1] = a;
db[i][s] = b;
}
t.setData("db", db);
t.setData("schema", data);
story.refreshTiddler(title, null, true);
},
item_click: function(title, i) {
var i = i*1;
var t = store.getTiddler(title);
var data = t.data();
this.load_form(title, data, i);
},
item_del: function(title, num) {
var t = store.getTiddler(title);
var data = t.data("schema");
data.splice(num*1, 1);
var db = t.data("db");
for (var i=0; i<db.length; i++) {
db[i].splice(num*1, 1);
}
t.setData("db", db);
t.setData("schema", data);
story.refreshTiddler(title, null, true);
},
load_form: function(title, data, rnum) {
var r = data['schema'][rnum];
var stub = title.replace(/ /g, "_");
var rid = stub + "_num";
document.getElementById(rid).value = rnum;
for (var i=0; i<this.props.length; i++) {
var rid = title + "_" + this.props[i] + "_" + i.toString();
document.getElementById(rid).value = r[i];
}
var rid = stub + "_clear";
document.getElementById(rid).style.opacity = "1";
var rid = stub + "_add";
document.getElementById(rid).style.color = "red";
document.getElementById(rid).setAttribute("value", "edit");
},
form_submit: function(title) {
return false;
},
form_add: function(title) {
var t = store.getTiddler(title);
var data = t.data();
var r = []
for (var i=0; i<this.props.length; i++) {
var rid = title + "_" + this.props[i] + "_" + i.toString();
r[i] = document.getElementById(rid).value;
}
var rid = title.replace(/ /g, "_") + "_num";
var num = document.getElementById(rid).value;
if (num) {
num = num*1;
data['schema'][num] = r;
} else {
data['schema'].push(r);
for (var i=0; i<data["db"].length; i++) {
data["db"][i].push("x");
}
t.setData("db", data["db"]);
}
t.setData("schema", data['schema']);
story.refreshTiddler(title, null, true);
},
form_clear: function(title) {
var t = store.getTiddler(title);
var data = t.data();
var stub = title.replace(/ /g, "_");
var rid = stub + "_num";
document.getElementById(rid).value = '';
for (var i=0; i<this.props.length; i++) {
var rid = title + "_" + this.props[i] + "_" + i.toString();
document.getElementById(rid).value = "";
}
var rid = stub + "_clear";
document.getElementById(rid).style.opacity = ".5";
var rid = stub + "_add";
document.getElementById(rid).style.color = "black";
document.getElementById(rid).setAttribute("value", "add");
},
toggle_about: function(title) {
var stub = title.replace(/ /g, "_");
if (this.about_status == '+') {
document.getElementById(stub + "_about").style.height = "18px";
document.getElementById(stub + "_about_text").style.display = "none";
this.about_status = "-";
} else {
document.getElementById(stub + "_about").style.height = "100px";
document.getElementById(stub + "_about_text").style.display = "inline";
this.about_status = "+";
}
},
build_form: function(title, params, data) {
var stub = title.replace(/ /g, "_");
var txt = "<div id=" + stub + "_vform>";
txt += "<div id=" + stub + "_about style=\"background-color:#f0f0f0;margin:5px;padding:5px;min-height:18px\">";
txt += "<div style=\"float:right;cursor:pointer\" onclick=config.datadb.schema.toggle_about('" + title + "')>(+/-)</div>";
txt += "<div id=" + stub + "_about_text style=\"display:none\">";
txt += "<h3>This form is where you enter the fields that your database will have</h3>";
txt += "<b>name:</b> field name- no spaces<br/>";
txt += "<b>size:</b> for later use<br/>";
txt += "<b>default:</b> the default value to use<br/>";
txt += "<b>Qview:</b> enter y to ensure this field is visble in query view.<br/>";
txt += "</div>";
txt += "</div>";
txt += "<div style=\"float:left;width:35%;min-width:150px;max-height:400px;overflow:auto;border:1px solid #f0f0f0\">";
txt += "<div style=\"background-color:#ffffe0\">field selector</div>";
for (var i=0; i<data['schema'].length; i++) {
txt += "<div ";
txt += " onmouseover=\"config.datadb.item_over(this)\"";
txt += " onmouseout=\"config.datadb.item_out(this)\"";
txt += " onclick=\"config.datadb.schema.item_click('" + title + "', '" + i.toString() + "')\"";
txt += ">";
txt += "<table width=100% style=\"margin:0px;padding:0px;border:0px\"><tr style=\"border:0px\"><td width=80% style=\"border:0px\">" + data['schema'][i][0] + "</td>";
txt += "<td style=\"border:0px;text-align:right\">";
txt += "<a ";
if (i>0) {
txt += "href=\"javascript:config.datadb.schema.item_up('" + title + "', '" + i + "');\"";
}
txt += ">";
txt += "↑</a> ";
txt += "<a ";
if (i != data['schema'].length-1) {
txt += "href=\"javascript:config.datadb.schema.item_down('" + title + "', '" + i + "');\"";
}
txt += ">";
txt += "↓</a> ";
txt += "<a style=\"color:red;\" href=\"javascript:config.datadb.schema.item_del('" + title + "', '" + i + "');\">x</a>";
txt += "</td></tr></table>";
txt += "</div>";
}
txt += "</div>";
txt += "<div style=\"float:left;margin:0px 0px 0px 5px;padding:0px;width:63%;\">";
txt += "<div style=\"background-color:#ffffe0;text-align:center\">field properties</div>";
txt += "<form id=" + stub + "_form name=" + stub + "_form onsubmit=\"return config.datadb.schema.form_submit('" + title + "');\">";
txt += "<table width=97%>";
txt += "<tr><th>Field</th><th>Value</th></tr>";
txt += "<input id=" + stub + "_num type=hidden value='' >";
for (var i=0; i<this.props.length; i++) {
txt += "<tr><td width=25%>" + this.props[i] + "</td><td width=75%><input id=" + title + "_" + this.props[i] + "_" + i.toString() + " type=text style=\"width:98%\"></td></tr>";
}
txt += "<tr><td colspan=2 style=\"text-align:right;padding:5px\"> <input style=\"opacity:.5;width:75px\" id=" + stub + "_clear type=submit name=clear value=clear onclick=config.datadb.schema.form_clear('" + title + "')> <input style=\"width:75px;\" id=" + stub + "_add type=submit name=add value=add onclick=config.datadb.schema.form_add('" + title + "')></td></tr>";
txt += "</table>";
txt += "</form>";
txt += "</div>";
txt += "</div>";
txt += "<div style=\"clear:both\">";
txt += "</div>";
return txt;
}
};
config.datadb.query = {
build: function(title, params, data) {
var stub = title.replace(/ /g, "_");
var txt = "<div id=" + stub + "_vquery>";
txt += this.build_form(title, params, data)
txt += "</div>";
return txt;
},
item_view: function(e, num, title) {
var t = store.getTiddler(title);
var data = t.data('schema');
if (e.checked){
data[num][3] = 'y';
} else {
data[num][3] = '';
}
t.setData("schema", data);
story.refreshTiddler(title, null, true);
},
item_q: function(title) {
var stub = title.replace(/ /g, "_");
var t = store.getTiddler(title);
var data = t.data('zq');
var rid = stub + "_q";
data = document.getElementById(rid).value;
t.setData("zq", data);
story.refreshTiddler(title, null, true);
},
form_submit: function(title) {
return false;
},
build_form: function(title, params, data) {
var stub = title.replace(/ /g, "_");
var txt = "<div id=" + stub + "_vform>";
txt += "<div style=\"float:left;width:100%;\">";
txt += "<div style=\"background-color:#f0f0f0;margin:5px 2px 2px 2px;padding:10px\">";
txt += "<div style=\"float:left;width:20%;height:60px;overflow:auto;border:0px solid #000000\">";
for (var i=0; i<data['schema'].length; i++) {
txt += "<input type=checkbox onclick=\"config.datadb.query.item_view(this, '" + i.toString() + "', '" + title + "');\"";
if (data['schema'][i][3] == 'y') {
txt += " checked ";
}
txt += "> ";
txt += data['schema'][i][0] + "<br/>";
}
txt += "</div>";
txt += "<div style=\"float:left;width:78%;padding-top:20px\">";
txt += "<form id=" + stub + "_form name=" + stub + "_form onsubmit=\"return config.datadb.query.form_submit('" + title + "');\">";
txt += "<center><b>Q</b>: <input id=" + stub + "_q name=q value=\"" + data['zq'] + "\" type=text style=\"width:70%\"> <input type=submit value=go onclick=config.datadb.query.item_q('" + title + "')></center>";
txt += "</form>";
txt += "</div>";
txt += "<div style=\"clear:both\"></div>";
txt += "</div>";
txt += "<table width=97%>";
for (var i=0; i<data['schema'].length; i++) {
if (data['schema'][i][3] != '' || i == 0){
txt += "<th>" + data['schema'][i][0] + "</th>";
}
}
for (var i=0; i<data['db'].length; i++) {
showit = true;
if (data['zq'] != '') {
showit = false;
var q = data['zq'].toLowerCase();
for (var j=0; j<data['db'][i].length; j++) {
var qq = data['db'][i][j].toLowerCase();
if (qq.indexOf(q) != -1) {
showit = true;
}
}
}
if (showit) {
txt += "<tr ";
txt += " onmouseover=\"config.datadb.item_over(this)\"";
txt += " onmouseout=\"config.datadb.item_out(this)\"";
txt += " onclick=\"config.datadb.schema.item_click('" + title + "', '" + i.toString() + "')\"";
txt += ">";
for (var j=0; j<data['db'][i].length; j++) {
if (data['schema'][j][3] != '' || j == 0){
txt += "<td>" + data['db'][i][j] + "</td>";
}
}
txt += "</tr>";
}
}
txt += "</table>";
txt += "</div>";
txt += "</div>";
txt += "<div style=\"clear:both\"></div>";
return txt;
}
};
config.datadb.tools = {
build: function(title, params, data) {
var stub = title.replace(/ /g, "_");
var txt = "<div id=" + stub + "_vtools>";
txt += this.build_form(title, params, data)
txt += "</div>";
return txt;
},
xportcsv: function(title) {
var stub = title.replace(/ /g, "_");
var rid = stub + "_export_csv";
extid = document.getElementById(rid).value;
if (extid != "") {
var newDate = new Date();
var t = store.getTiddler(title);
var data = t.data();
var h = [];
for (var i=0; i<data['schema'].length; i++) {
h.push(data['schema'][i][0]);
}
txt = h.join(", ") + "\n";
for (var i=0; i<data['db'].length; i++){
txt += data['db'][i].join(", ") + "\n";
}
tags = "datadb";
store.saveTiddler(extid, extid, txt, "datadb", newDate, tags, "", true, newDate);
story.displayTiddler('top', extid, '', true, '', '', false);
}
},
xporthtml: function(title) {
var stub = title.replace(/ /g, "_");
var rid = stub + "_export_html";
extid = document.getElementById(rid).value;
if (extid != "") {
var newDate = new Date();
var t = store.getTiddler(title);
var data = t.data();
var h = [];
for (var i=0; i<data['schema'].length; i++) {
h.push(data['schema'][i][0]);
}
txt = "<html>\n<table>";
txt += "<tr><th>" + h.join("</th><th>") + "</th></tr>";
for (var i=0; i<data['db'].length; i++){
txt += "<tr><td>" + data['db'][i].join("</td><td>") + "</td></tr>";
}
txt += "</table>\n</html>";
tags = "datadb";
store.saveTiddler(extid, extid, txt, "datadb", newDate, tags, "", true, newDate);
story.displayTiddler('top', extid, '', true, '', '', false);
}
},
mport: function(title) {
var stub = title.replace(/ /g, "_");
var rid = stub + "_import";
extid = document.getElementById(rid).value;
if (extid != "") {
var t = store.getTiddler(extid);
var lines = t.text.split("\n");
var db = [];
for (var i=0; i<lines.length; i++) {
if (lines[i].length>1) {
if (i==0) {
var f = lines[i].split(',');
var schema = []
for (var j=0; j<f.length; j++) {
if (j<3) {
schema[j] = [f[j], "", "", "y"];
} else {
schema[j] = [f[j], "", "", ""];
}
}
} else {
var f = lines[i].split(',');
var x = [];
for (var j=0; j<f.length; j++) {
x.push(f[j]);
}
db.push(x);
}
}
}
var t = store.getTiddler(title);
t.setData("db", db);
t.setData("schema", schema);
t.setData("view", "query");
story.refreshTiddler(title, null, true);
}
},
build_form: function(title, params, data) {
var stub = title.replace(/ /g, "_");
var txt = "<div id=" + stub + "_vform>";
txt += "<div style=\"float:left;width:100%;min-width:300px;max-height:400px;overflow:auto;border:0px solid #f0f0f0\">";
txt += "<div style=\"background-color:#f0f0f0;margin:5px 2px 2px 2px;padding:10px\">";
txt += "<fieldset><legend>Export</legend>";
txt += "<table style=\"border:0px\">";
txt += "<tr style=\"border:0px\"><td style=\"border:0px\">Export to tiddler (csv):</td><td style=\"border:0px\"><input id=" + stub + "_export_csv type=text name=export_csv value=\"" + stub + "_export_csv\">";
txt += " <input type=submit value=go onclick=config.datadb.tools.xportcsv('" + title + "')></td></tr>";
txt += "<tr style=\"border:0px\"><td style=\"border:0px\">Export to tiddler (html):</td><td style=\"border:0px\"><input id=" + stub + "_export_html type=text name=export_html value=\"" + stub + "_export_html\">";
txt += " <input type=submit value=go onclick=config.datadb.tools.xporthtml('" + title + "')></td></tr>";
txt += "</table>";
txt += "</fieldset>";
txt += "<fieldset><legend>Import</legend>";
txt += "Import from tiddler (csv): <input id=" + stub + "_import type=text name=import value=\"" + stub + "_import\">";
txt += " <input type=submit value=go onclick=config.datadb.tools.mport('" + title + "')><br/>";
txt += "Note: <ul>";
txt += "<li>This imports data in a csv format from the specified tiddler.</li>";
txt += "<li>The first line is interpreted to be the field names</li>";
txt += "<li>Any existing data will be <u>overwritten</u></li>";
txt += "</ul>";
txt += "</fieldset>";
txt += "</div>";
txt += "</div>";
txt += "</div>";
txt += "<div style=\"clear:both\"></div>";
return txt;
}
};
config.macros.datadb = {
handler: function(place,macroName,params, wikifier, paramString, tiddler) {
var data = tiddler.data();
if (!data) { data = {}; };
if (!data['db']) { data['db'] = []; tiddler.setData('db', data['db']); }
if (!data['schema']) { data['schema'] = [["name","","", "y"]]; tiddler.setData('schema', data['schema']); }
if (!data['view']) { data['view'] = 'schema'; tiddler.setData('form', data['form']); }
if (!data['zq']) { data['zq'] = ''; tiddler.setData('zq', data['zq']); }
var txt = "<table width=92% style=\"margin:0px;padding:0px;border:0px;\"><tr style=\"border:0px\"><td style=\"border:0px\">";
txt += config.datadb.build_head(tiddler.title, data['view']);
switch (data['view']) {
case 'form':
txt += config.datadb.form.build_form(tiddler.title, params, data);
break;
case 'query':
txt += config.datadb.query.build(tiddler.title, params, data);
break;
case 'schema':
txt += config.datadb.schema.build(tiddler.title, params, data);
break;
case 'tools':
txt += config.datadb.tools.build(tiddler.title, params, data);
break;
case 'help':
txt += config.datadb.build_help(tiddler.title, params, data);
break;
}
txt += "</td></tr></table>";
wikify("<html> " + txt + " </html>", place);
}
};
//}}}
/***
|Name|DataListPlugin|
|Source|http://baggr.tiddlyspot.com|
|Version|0.111|
|Author|molicule [at] gmail [dot] com|
|License|BSD open source|
|Type|plugin|
|Requires|DataTiddlerPlugin|
|Description|Turn a tiddler into a data list such as a todo list.|
Provides the ability to create and maintain simple lists housed in a tiddler. Requires the DataTidlerPlugin.
!!!!!Usage
<<<
{{{
<<datalist>>
}}}
<<<
!!!!!How it works
<<<
A form input is provided and the data entered is stored within the tiddler in a JSON format.
This data is read by the plugin and displayed. Convenient actions such as move up, down,
delete and close/unclose are provided.
<<<
!!!!!Data storage format
<<<
{{{<data>{"open": ["list", "of", "open", "items"], "closed": ["list", "of", "closed", "items"], "order": "up" ]}</data>}}}
<<<
!!!!!Change Log
<<<
Sep 26 2008: Added entry order toggle up / down, default being up. New entries can now be added on top or
on the bottom.
<<<
!!!!!Code
***/
//{{{
config.datalist = {
list_refresh: function(title) {
story.refreshTiddler(title, null, true);
},
open_add: function(title) {
var stub = "datalist_" + title.replace(/ /g, "_");
var new_item = document.getElementById(stub + "_add").value;
var t = store.getTiddler(title);
var data = t.data("open");
var order = t.data("order");
if (order == "up") {
data.unshift(new_item);
} else {
data.push(new_item);
}
t.setData("open", data);
this.list_refresh(title);
return false;
},
change_order:function(title) {
var stub = "datalist_" + title.replace(/ /g, "_");
var t = store.getTiddler(title);
var data = t.data("order");
if (data == 'up') {
data = "down";
} else {
data = "up";
}
t.setData("order", data);
this.list_refresh(title);
},
open_click: function(title, num) {
var t = store.getTiddler(title);
var data = t.data("open");
var r = data.splice(num*1, 1);
var h = t.data("closed");
if (!h) { h = [] };
h.push(r[0]);
t.setData("open", data);
t.setData("closed", h);
this.list_refresh(title);
},
closed_click: function(title, num) {
var t = store.getTiddler(title);
var data_d = t.data("closed");
var r = data_d.splice(num*1, 1);
var h = t.data("open");
if (!h) { h = [] };
h.unshift(r[0]);
t.setData("open", h);
t.setData("closed", data_d);
this.list_refresh(title);
},
open_del: function(title, num) {
var t = store.getTiddler(title);
var data = t.data("open");
data.splice(num*1, 1);
t.setData("open", data);
this.list_refresh(title);
},
closed_del: function(title, num) {
var t = store.getTiddler(title);
var data = t.data("closed");
data.splice(num*1, 1);
t.setData("closed", data);
this.list_refresh(title);
},
item_over: function(e) {
e.style.backgroundColor = "#f0f0f0";
},
item_out: function(e) {
e.style.backgroundColor = "#ffffff";
},
open_up: function(title, s) {
var t = store.getTiddler(title);
var data = t.data("open");
var s = s*1;
var a = data[s];
var b = data[s-1];
data[s] = b;
data[s-1] = a;
t.setData("open", data);
this.list_refresh(title);
},
open_down: function(title, s) {
var t = store.getTiddler(title);
var data = t.data("open");
var s = s*1;
var a = data[s];
var b = data[s+1];
data[s+1] = a;
data[s] = b;
t.setData("open", data);
this.list_refresh(title);
},
open_delall: function(title) {
var t = store.getTiddler(title);
t.setData("open", []);
this.list_refresh(title);
},
item_closeall: function(title) {
var t = store.getTiddler(title);
var data_l = t.data("open").reverse();
var data_d = t.data("closed");
for (var i=0; i<data_l.length; i++) {
data_d.unshift(data_l[i]);
}
t.setData("open", []);
t.setData("closed", data_d);
this.list_refresh(title);
},
item_openall: function(title) {
var t = store.getTiddler(title);
var data_l = t.data("open");
var data_d = t.data("closed").reverse();
for (var i=0; i<data_d.length; i++) {
data_l.unshift(data_d[i]);
}
t.setData("open", data_l);
t.setData("closed", []);
this.list_refresh(title);
},
closed_delall: function(title) {
var t = store.getTiddler(title);
t.setData("closed", []);
this.list_refresh(title);
},
open_build: function(title, stub, data) {
var txt = "<div id=" + stub + "_thelist style=\"\">";
txt += "<div style=\"float:right;margin:0px\">[<input type=checkbox checked onclick='config.datalist.item_closeall(\"" + title + "\")'>all] <a href='javascript:config.datalist.open_delall(\"" + title + "\")' style=\"color:red\">[x all]</a></div>";
txt += "<div style=\"padding-top:5px;border-bottom:1px solid #f0f0f0\"><b>open</b></div>";
for (var i=0; i<data.length; i++) {
var s = i.toString();
txt += "<div id=" + stub + "_theitem_" + i.toString();
txt += " onmouseover=\"config.datalist.item_over(this)\"";
txt += " onmouseout=\"config.datalist.item_out(this)\"";
txt += ">";
txt += "<table width=98% style=\"margin:0px;padding:0px;border:0px\"><tr style=\"border:0px\"><td style=\"border:0px\" width=85%>";
txt += "<input id=" + stub + "_checkbox_" + s + " type=checkbox onclick='config.datalist.open_click(\"" + title + "\", \"" + s + "\");'> " + data[i];
txt += "</td><td style=\"text-align:right;border:0px;\">";
txt += "<a ";
if (i>0) {
txt += "href=\"javascript:config.datalist.open_up('" + title + "', '" + s + "');\"";
}
txt += ">";
txt += "↑</a> ";
txt += "<a ";
if (i != data.length-1) {
txt += "href=\"javascript:config.datalist.open_down('" + title + "', '" + s + "');\"";
}
txt += ">";
txt += "↓</a> ";
txt += "<a style=\"color:red;\" href=\"javascript:config.datalist.open_del('" + title + "', '" + s + "');\">x</a>";
txt += "</td></tr></table>";
txt += "</div>";
}
txt += "</div>";
return txt;
},
closed_build: function(title, stub, data) {
var txt = "<div id=" + stub + "_theclosed style=\"margin-top:10px\">";
txt += "<div style=\"float:right;margin:0px\">[<input type=checkbox onclick='config.datalist.item_openall(\"" + title + "\")'>all] <a href='javascript:config.datalist.closed_delall(\"" + title + "\")' style=\"color:red\">[x all]</a></div>";
txt += "<div style=\"padding-top:4px;border-bottom:1px solid #f0f0f0\"><b>closed</b></div>";
for (var i=0; i<data.length; i++) {
var s = i.toString();
txt += "<div id=" + stub + "_closeditem_" + i.toString();
txt += " onmouseover=\"config.datalist.item_over(this)\"";
txt += " onmouseout=\"config.datalist.item_out(this)\"";
txt += ">";
txt += "<table width=98% style=\"margin:0px;padding:0px;border:0px\"><tr style=\"border:0px\"><td style=\"border:0px\" width=85%>";
txt += "<input id=" + stub + "_checkclosed_" + s + " type=checkbox checked onclick='config.datalist.closed_click(\"" + title + "\", \"" + s + "\");'> " + data[i];
txt += "</td><td style=\"text-align:right;border:0px;\">";
txt += "<a style=\"color:red;\" href=\"javascript:config.datalist.closed_del('" + title + "', '" + s + "');\">x</a>";
txt += "</td></tr></table>";
txt += "</div>";
}
txt += "</div>";
return txt;
},
form_build: function(title, data) {
var stub = "datalist_" + title.replace(/ /g, "_");
var form_name = stub + "_form";
var txt = "<table width=100% style=\"margin:0px;padding:0px;border:0px;\"><tr style=\"border:0px\"><td style=\"border:0px\"><form id=" + form_name + " name= " + form_name + " onsubmit='return config.datalist.open_add(\"" + title + "\");'>";
txt += "<input id=" + stub + "_add name=" + stub + "_add type=text style='width:70%'> <input type=submit name=add value=add>";
txt += " <span id=" + stub + "_order style=\"cursor:pointer\" onclick=config.datalist.change_order('" + title + "')>";
if (data['order'] == 'up') {
txt += "↑";
} else {
txt += "↓";
}
txt += "</span><br/>";
txt += "<input type=hidden id=" + stub + "_numitems name=" + stub + "_numitems value=" + data['open'].length + ">";
if (data['open'].length >0) {
txt += this.open_build(title, stub, data['open']);
}
if (data['closed'].length>0) {
txt += this.closed_build(title, stub, data['closed']);
}
txt += "</form></table>";
return txt;
}
};
config.macros.datalist = {
handler: function(place,macroName,params, wikifier, paramString, tiddler) {
var data = tiddler.data();
if (!data) { data = {} };
if (!data['open']) { data['open'] = []; tiddler.setData('open', []);}
if (!data['closed']) { data['closed'] = []; tiddler.setData('closed', []);}
if (!data['order']) { data['order'] = "up"; tiddler.setData('order', "up");}
if (params.length>0) {
if (params[0].toLowerCase() == "down") {
config.datalist.entry_order="down";
}
}
var txt = config.datalist.form_build(tiddler.title, data);
// place.innerHTML += txt;
wikify("<html> " + txt + " </html>", place);
}
};
//}}}
/***
|''Name:''|DataTiddlerPlugin|
|''Version:''|1.0.6 (2006-08-26)|
|''Source:''|http://tiddlywiki.abego-software.de/#DataTiddlerPlugin|
|''Author:''|UdoBorkowski (ub [at] abego-software [dot] de)|
|''Licence:''|[[BSD open source license]]|
|''TiddlyWiki:''|1.2.38+, 2.0|
|''Browser:''|Firefox 1.0.4+; InternetExplorer 6.0|
!Description
Enhance your tiddlers with structured data (such as strings, booleans, numbers, or even arrays and compound objects) that can be easily accessed and modified through named fields (in JavaScript code).
Such tiddler data can be used in various applications. E.g. you may create tables that collect data from various tiddlers.
''//Example: "Table with all December Expenses"//''
{{{
<<forEachTiddler
where
'tiddler.tags.contains("expense") && tiddler.data("month") == "Dec"'
write
'"|[["+tiddler.title+"]]|"+tiddler.data("descr")+"| "+tiddler.data("amount")+"|\n"'
>>
}}}
//(This assumes that expenses are stored in tiddlers tagged with "expense".)//
<<forEachTiddler
where
'tiddler.tags.contains("expense") && tiddler.data("month") == "Dec"'
write
'"|[["+tiddler.title+"]]|"+tiddler.data("descr")+"| "+tiddler.data("amount")+"|\n"'
>>
For other examples see DataTiddlerExamples.
''Access and Modify Tiddler Data''
You can "attach" data to every tiddler by assigning a JavaScript value (such as a string, boolean, number, or even arrays and compound objects) to named fields.
These values can be accessed and modified through the following Tiddler methods:
|!Method|!Example|!Description|
|{{{data(field)}}}|{{{t.data("age")}}}|Returns the value of the given data field of the tiddler. When no such field is defined or its value is undefined {{{undefined}}} is returned.|
|{{{data(field,defaultValue)}}}|{{{t.data("isVIP",false)}}}|Returns the value of the given data field of the tiddler. When no such field is defined or its value is undefined the defaultValue is returned.|
|{{{data()}}}|{{{t.data()}}}|Returns the data object of the tiddler, with a property for every field. The properties of the returned data object may only be read and not be modified. To modify the data use DataTiddler.setData(...) or the corresponding Tiddler method.|
|{{{setData(field,value)}}}|{{{t.setData("age",42)}}}|Sets the value of the given data field of the tiddler to the value. When the value is {{{undefined}}} the field is removed.|
|{{{setData(field,value,defaultValue)}}}|{{{t.setData("isVIP",flag,false)}}}|Sets the value of the given data field of the tiddler to the value. When the value is equal to the defaultValue no value is set (and the field is removed).|
Alternatively you may use the following functions to access and modify the data. In this case the tiddler argument is either a tiddler or the name of a tiddler.
|!Method|!Description|
|{{{DataTiddler.getData(tiddler,field)}}}|Returns the value of the given data field of the tiddler. When no such field is defined or its value is undefined {{{undefined}}} is returned.|
|{{{DataTiddler.getData(tiddler,field,defaultValue)}}}|Returns the value of the given data field of the tiddler. When no such field is defined or its value is undefined the defaultValue is returned.|
|{{{DataTiddler.getDataObject(tiddler)}}}|Returns the data object of the tiddler, with a property for every field. The properties of the returned data object may only be read and not be modified. To modify the data use DataTiddler.setData(...) or the corresponding Tiddler method.|
|{{{DataTiddler.setData(tiddler,field,value)}}}|Sets the value of the given data field of the tiddler to the value. When the value is {{{undefined}}} the field is removed.|
|{{{DataTiddler.setData(tiddler,field,value,defaultValue)}}}|Sets the value of the given data field of the tiddler to the value. When the value is equal to the defaultValue no value is set (and the field is removed).|
//(For details on the various functions see the detailed comments in the source code.)//
''Data Representation in a Tiddler''
The data of a tiddler is stored as plain text in the tiddler's content/text, inside a "data" section that is framed by a {{{<data>...</data>}}} block. Inside the data section the information is stored in the [[JSON format|http://www.crockford.com/JSON/index.html]].
//''Data Section Example:''//
{{{
<data>{"isVIP":true,"user":"John Brown","age":34}</data>
}}}
The data section is not displayed when viewing the tiddler (see also "The showData Macro").
Beside the data section a tiddler may have all kind of other content.
Typically you will not access the data section text directly but use the methods given above. Nevertheless you may retrieve the text of the data section's content through the {{{DataTiddler.getDataText(tiddler)}}} function.
''Saving Changes''
The "setData" methods respect the "ForceMinorUpdate" and "AutoSave" configuration values. I.e. when "ForceMinorUpdate" is true changing a value using setData will not affect the "modifier" and "modified" attributes. With "AutoSave" set to true every setData will directly save the changes after a setData.
''Notifications''
No notifications are sent when a tiddler's data value is changed through the "setData" methods.
''Escape Data Section''
In case that you want to use the text {{{<data>}}} or {{{</data>}}} in a tiddler text you must prefix the text with a tilde ('~'). Otherwise it may be wrongly considered as the data section. The tiddler text {{{~<data>}}} is displayed as {{{<data>}}}.
''The showData Macro''
By default the data of a tiddler (that is stored in the {{{<data>...</data>}}} section of the tiddler) is not displayed. If you want to display this data you may used the {{{<<showData ...>>}}} macro:
''Syntax:''
|>|{{{<<}}}''showData '' [''JSON''] [//tiddlerName//] {{{>>}}}|
|''JSON''|By default the data is rendered as a table with a "Name" and "Value" column. When defining ''JSON'' the data is rendered in JSON format|
|//tiddlerName//|Defines the tiddler holding the data to be displayed. When no tiddler is given the tiddler containing the showData macro is used. When the tiddler name contains spaces you must quote the name (or use the {{{[[...]]}}} syntax.)|
|>|~~Syntax formatting: Keywords in ''bold'', optional parts in [...]. 'or' means that exactly one of the two alternatives must exist.~~|
!Revision history
* v1.0.6 (2006-08-26)
** Removed misleading comment
* v1.0.5 (2006-02-27) (Internal Release Only)
** Internal
*** Make "JSLint" conform
* v1.0.4 (2006-02-05)
** Bugfix: showData fails in TiddlyWiki 2.0
* v1.0.3 (2006-01-06)
** Support TiddlyWiki 2.0
* v1.0.2 (2005-12-22)
** Enhancements:
*** Handle texts "<data>" or "</data>" more robust when used in a tiddler text or as a field value.
*** Improved (JSON) error messages.
** Bugs fixed:
*** References are not updated when using the DataTiddler.
*** Changes to compound objects are not always saved.
*** "~</data>" is not rendered correctly (expected "</data>")
* v1.0.1 (2005-12-13)
** Features:
*** The showData macro supports an optional "tiddlername" argument to specify the tiddler containing the data to be displayed
** Bugs fixed:
*** A script immediately following a data section is deleted when the data is changed. (Thanks to GeoffS for reporting.)
* v1.0.0 (2005-12-12)
** initial version
!Code
***/
//{{{
//============================================================================
//============================================================================
// DataTiddlerPlugin
//============================================================================
//============================================================================
// Ensure that the DataTiddler Plugin is only installed once.
//
if (!version.extensions.DataTiddlerPlugin) {
version.extensions.DataTiddlerPlugin = {
major: 1, minor: 0, revision: 6,
date: new Date(2006, 7, 26),
type: 'plugin',
source: "http://tiddlywiki.abego-software.de/#DataTiddlerPlugin"
};
// For backward compatibility with v1.2.x
//
if (!window.story) window.story=window;
if (!TiddlyWiki.prototype.getTiddler) {
TiddlyWiki.prototype.getTiddler = function(title) {
var t = this.tiddlers[title];
return (t !== undefined && t instanceof Tiddler) ? t : null;
};
}
//============================================================================
// DataTiddler Class
//============================================================================
// ---------------------------------------------------------------------------
// Configurations and constants
// ---------------------------------------------------------------------------
function DataTiddler() {
}
DataTiddler = {
// Function to stringify a JavaScript value, producing the text for the data section content.
// (Must match the implementation of DataTiddler.parse.)
//
stringify : null,
// Function to parse the text for the data section content, producing a JavaScript value.
// (Must match the implementation of DataTiddler.stringify.)
//
parse : null
};
// Ensure access for IE
window.DataTiddler = DataTiddler;
// ---------------------------------------------------------------------------
// Data Accessor and Mutator
// ---------------------------------------------------------------------------
// Returns the value of the given data field of the tiddler.
// When no such field is defined or its value is undefined
// the defaultValue is returned.
//
// @param tiddler either a tiddler name or a tiddler
//
DataTiddler.getData = function(tiddler, field, defaultValue) {
var t = (typeof tiddler == "string") ? store.getTiddler(tiddler) : tiddler;
if (!(t instanceof Tiddler)) {
throw "Tiddler expected. Got "+tiddler;
}
return DataTiddler.getTiddlerDataValue(t, field, defaultValue);
};
// Sets the value of the given data field of the tiddler to
// the value. When the value is equal to the defaultValue
// no value is set (and the field is removed)
//
// Changing data of a tiddler will not trigger notifications.
//
// @param tiddler either a tiddler name or a tiddler
//
DataTiddler.setData = function(tiddler, field, value, defaultValue) {
var t = (typeof tiddler == "string") ? store.getTiddler(tiddler) : tiddler;
if (!(t instanceof Tiddler)) {
throw "Tiddler expected. Got "+tiddler+ "("+t+")";
}
DataTiddler.setTiddlerDataValue(t, field, value, defaultValue);
};
// Returns the data object of the tiddler, with a property for every field.
//
// The properties of the returned data object may only be read and
// not be modified. To modify the data use DataTiddler.setData(...)
// or the corresponding Tiddler method.
//
// If no data section is defined a new (empty) object is returned.
//
// @param tiddler either a tiddler name or a Tiddler
//
DataTiddler.getDataObject = function(tiddler) {
var t = (typeof tiddler == "string") ? store.getTiddler(tiddler) : tiddler;
if (!(t instanceof Tiddler)) {
throw "Tiddler expected. Got "+tiddler;
}
return DataTiddler.getTiddlerDataObject(t);
};
// Returns the text of the content of the data section of the tiddler.
//
// When no data section is defined for the tiddler null is returned
//
// @param tiddler either a tiddler name or a Tiddler
// @return [may be null]
//
DataTiddler.getDataText = function(tiddler) {
var t = (typeof tiddler == "string") ? store.getTiddler(tiddler) : tiddler;
if (!(t instanceof Tiddler)) {
throw "Tiddler expected. Got "+tiddler;
}
return DataTiddler.readDataSectionText(t);
};
// ---------------------------------------------------------------------------
// Internal helper methods (must not be used by code from outside this plugin)
// ---------------------------------------------------------------------------
// Internal.
//
// The original JSONError is not very user friendly,
// especially it does not define a toString() method
// Therefore we extend it here.
//
DataTiddler.extendJSONError = function(ex) {
if (ex.name == 'JSONError') {
ex.toString = function() {
return ex.name + ": "+ex.message+" ("+ex.text+")";
};
}
return ex;
};
// Internal.
//
// @param t a Tiddler
//
DataTiddler.getTiddlerDataObject = function(t) {
if (t.dataObject === undefined) {
var data = DataTiddler.readData(t);
t.dataObject = (data) ? data : {};
}
return t.dataObject;
};
// Internal.
//
// @param tiddler a Tiddler
//
DataTiddler.getTiddlerDataValue = function(tiddler, field, defaultValue) {
var value = DataTiddler.getTiddlerDataObject(tiddler)[field];
return (value === undefined) ? defaultValue : value;
};
// Internal.
//
// @param tiddler a Tiddler
//
DataTiddler.setTiddlerDataValue = function(tiddler, field, value, defaultValue) {
var data = DataTiddler.getTiddlerDataObject(tiddler);
var oldValue = data[field];
if (value == defaultValue) {
if (oldValue !== undefined) {
delete data[field];
DataTiddler.save(tiddler);
}
return;
}
data[field] = value;
DataTiddler.save(tiddler);
};
// Internal.
//
// Reads the data section from the tiddler's content and returns its text
// (as a String).
//
// Returns null when no data is defined.
//
// @param tiddler a Tiddler
// @return [may be null]
//
DataTiddler.readDataSectionText = function(tiddler) {
var matches = DataTiddler.getDataTiddlerMatches(tiddler);
if (matches === null || !matches[2]) {
return null;
}
return matches[2];
};
// Internal.
//
// Reads the data section from the tiddler's content and returns it
// (as an internalized object).
//
// Returns null when no data is defined.
//
// @param tiddler a Tiddler
// @return [may be null]
//
DataTiddler.readData = function(tiddler) {
var text = DataTiddler.readDataSectionText(tiddler);
try {
return text ? DataTiddler.parse(text) : null;
} catch(ex) {
throw DataTiddler.extendJSONError(ex);
}
};
// Internal.
//
// Returns the serialized text of the data of the given tiddler, as it
// should be stored in the data section.
//
// @param tiddler a Tiddler
//
DataTiddler.getDataTextOfTiddler = function(tiddler) {
var data = DataTiddler.getTiddlerDataObject(tiddler);
return DataTiddler.stringify(data);
};
// Internal.
//
DataTiddler.indexOfNonEscapedText = function(s, subString, startIndex) {
var index = s.indexOf(subString, startIndex);
while ((index > 0) && (s[index-1] == '~')) {
index = s.indexOf(subString, index+1);
}
return index;
};
// Internal.
//
DataTiddler.getDataSectionInfo = function(text) {
// Special care must be taken to handle "<data>" and "</data>" texts inside
// a data section.
// Also take care not to use an escaped <data> (i.e. "~<data>") as the start
// of a data section. (Same for </data>)
// NOTE: we are explicitly searching for a data section that contains a JSON
// string, i.e. framed with braces. This way we are little bit more robust in
// case the tiddler contains unescaped texts "<data>" or "</data>". This must
// be changed when using a different stringifier.
var startTagText = "<data>{";
var endTagText = "}</data>";
var startPos = 0;
// Find the first not escaped "<data>".
var startDataTagIndex = DataTiddler.indexOfNonEscapedText(text, startTagText, 0);
if (startDataTagIndex < 0) {
return null;
}
// Find the *last* not escaped "</data>".
var endDataTagIndex = text.indexOf(endTagText, startDataTagIndex);
if (endDataTagIndex < 0) {
return null;
}
var nextEndDataTagIndex;
while ((nextEndDataTagIndex = text.indexOf(endTagText, endDataTagIndex+1)) >= 0) {
endDataTagIndex = nextEndDataTagIndex;
}
return {
prefixEnd: startDataTagIndex,
dataStart: startDataTagIndex+(startTagText.length)-1,
dataEnd: endDataTagIndex,
suffixStart: endDataTagIndex+(endTagText.length)
};
};
// Internal.
//
// Returns the "matches" of a content of a DataTiddler on the
// "data" regular expression. Return null when no data is defined
// in the tiddler content.
//
// Group 1: text before data section (prefix)
// Group 2: content of data section
// Group 3: text behind data section (suffix)
//
// @param tiddler a Tiddler
// @return [may be null] null when the tiddler contains no data section, otherwise see above.
//
DataTiddler.getDataTiddlerMatches = function(tiddler) {
var text = tiddler.text;
var info = DataTiddler.getDataSectionInfo(text);
if (!info) {
return null;
}
var prefix = text.substr(0,info.prefixEnd);
var data = text.substr(info.dataStart, info.dataEnd-info.dataStart+1);
var suffix = text.substr(info.suffixStart);
return [text, prefix, data, suffix];
};
// Internal.
//
// Saves the data in a <data> block of the given tiddler (as a minor change).
//
// The "chkAutoSave" and "chkForceMinorUpdate" options are respected.
// I.e. the TiddlyWiki *file* is only saved when AutoSave is on.
//
// Notifications are not send.
//
// This method should only be called when the data really has changed.
//
// @param tiddler
// the tiddler to be saved.
//
DataTiddler.save = function(tiddler) {
var matches = DataTiddler.getDataTiddlerMatches(tiddler);
var prefix;
var suffix;
if (matches === null) {
prefix = tiddler.text;
suffix = "";
} else {
prefix = matches[1];
suffix = matches[3];
}
var dataText = DataTiddler.getDataTextOfTiddler(tiddler);
var newText =
(dataText !== null)
? prefix + "<data>" + dataText + "</data>" + suffix
: prefix + suffix;
if (newText != tiddler.text) {
// make the change in the tiddlers text
// ... see DataTiddler.MyTiddlerChangedFunction
tiddler.isDataTiddlerChange = true;
// ... do the action change
tiddler.set(
tiddler.title,
newText,
config.options.txtUserName,
config.options.chkForceMinorUpdate? undefined : new Date(),
tiddler.tags);
// ... see DataTiddler.MyTiddlerChangedFunction
delete tiddler.isDataTiddlerChange;
// Mark the store as dirty.
store.dirty = true;
// AutoSave if option is selected
if(config.options.chkAutoSave) {
saveChanges();
}
}
};
// Internal.
//
DataTiddler.MyTiddlerChangedFunction = function() {
// Remove the data object from the tiddler when the tiddler is changed
// by code other than DataTiddler code.
//
// This is necessary since the data object is just a "cached version"
// of the data defined in the data section of the tiddler and the
// "external" change may have changed the content of the data section.
// Thus we are not sure if the data object reflects the data section
// contents.
//
// By deleting the data object we ensure that the data object is
// reconstructed the next time it is needed, with the data defined by
// the data section in the tiddler's text.
// To indicate that a change is a "DataTiddler change" a temporary
// property "isDataTiddlerChange" is added to the tiddler.
if (this.dataObject && !this.isDataTiddlerChange) {
delete this.dataObject;
}
// call the original code.
DataTiddler.originalTiddlerChangedFunction.apply(this, arguments);
};
//============================================================================
// Formatters
//============================================================================
// This formatter ensures that "~<data>" is rendered as "<data>". This is used to
// escape the "<data>" of a data section, just in case someone really wants to use
// "<data>" as a text in a tiddler and not start a data section.
//
// Same for </data>.
//
config.formatters.push( {
name: "data-escape",
match: "~<\\/?data>",
handler: function(w) {
w.outputText(w.output,w.matchStart + 1,w.nextMatch);
}
} );
// This formatter ensures that <data>...</data> sections are not rendered.
//
config.formatters.push( {
name: "data",
match: "<data>",
handler: function(w) {
var info = DataTiddler.getDataSectionInfo(w.source);
if (info && info.prefixEnd == w.matchStart) {
w.nextMatch = info.suffixStart;
} else {
w.outputText(w.output,w.matchStart,w.nextMatch);
}
}
} );
//============================================================================
// Tiddler Class Extension
//============================================================================
// "Hijack" the changed method ---------------------------------------------------
DataTiddler.originalTiddlerChangedFunction = Tiddler.prototype.changed;
Tiddler.prototype.changed = DataTiddler.MyTiddlerChangedFunction;
// Define accessor methods -------------------------------------------------------
// Returns the value of the given data field of the tiddler. When no such field
// is defined or its value is undefined the defaultValue is returned.
//
// When field is undefined (or null) the data object is returned. (See
// DataTiddler.getDataObject.)
//
// @param field [may be null, undefined]
// @param defaultValue [may be null, undefined]
// @return [may be null, undefined]
//
Tiddler.prototype.data = function(field, defaultValue) {
return (field)
? DataTiddler.getTiddlerDataValue(this, field, defaultValue)
: DataTiddler.getTiddlerDataObject(this);
};
// Sets the value of the given data field of the tiddler to the value. When the
// value is equal to the defaultValue no value is set (and the field is removed).
//
// @param value [may be null, undefined]
// @param defaultValue [may be null, undefined]
//
Tiddler.prototype.setData = function(field, value, defaultValue) {
DataTiddler.setTiddlerDataValue(this, field, value, defaultValue);
};
//============================================================================
// showData Macro
//============================================================================
config.macros.showData = {
// Standard Properties
label: "showData",
prompt: "Display the values stored in the data section of the tiddler"
};
config.macros.showData.handler = function(place,macroName,params) {
// --- Parsing ------------------------------------------
var i = 0; // index running over the params
// Parse the optional "JSON"
var showInJSONFormat = false;
if ((i < params.length) && params[i] == "JSON") {
i++;
showInJSONFormat = true;
}
var tiddlerName = story.findContainingTiddler(place).id.substr(7);
if (i < params.length) {
tiddlerName = params[i];
i++;
}
// --- Processing ------------------------------------------
try {
if (showInJSONFormat) {
this.renderDataInJSONFormat(place, tiddlerName);
} else {
this.renderDataAsTable(place, tiddlerName);
}
} catch (e) {
this.createErrorElement(place, e);
}
};
config.macros.showData.renderDataInJSONFormat = function(place,tiddlerName) {
var text = DataTiddler.getDataText(tiddlerName);
if (text) {
createTiddlyElement(place,"pre",null,null,text);
}
};
config.macros.showData.renderDataAsTable = function(place,tiddlerName) {
var text = "|!Name|!Value|\n";
var data = DataTiddler.getDataObject(tiddlerName);
if (data) {
for (var i in data) {
var value = data[i];
text += "|"+i+"|"+DataTiddler.stringify(value)+"|\n";
}
}
wikify(text, place);
};
// Internal.
//
// Creates an element that holds an error message
//
config.macros.showData.createErrorElement = function(place, exception) {
var message = (exception.description) ? exception.description : exception.toString();
return createTiddlyElement(place,"span",null,"showDataError","<<showData ...>>: "+message);
};
// ---------------------------------------------------------------------------
// Stylesheet Extensions (may be overridden by local StyleSheet)
// ---------------------------------------------------------------------------
//
setStylesheet(
".showDataError{color: #ffffff;background-color: #880000;}",
"showData");
} // of "install only once"
// Used Globals (for JSLint) ==============
// ... TiddlyWiki Core
/*global createTiddlyElement, saveChanges, store, story, wikify */
// ... DataTiddler
/*global DataTiddler */
// ... JSON
/*global JSON */
/***
!JSON Code, used to serialize the data
***/
/*
Copyright (c) 2005 JSON.org
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The Software shall be used for Good, not Evil.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
/*
The global object JSON contains two methods.
JSON.stringify(value) takes a JavaScript value and produces a JSON text.
The value must not be cyclical.
JSON.parse(text) takes a JSON text and produces a JavaScript value. It will
throw a 'JSONError' exception if there is an error.
*/
var JSON = {
copyright: '(c)2005 JSON.org',
license: 'http://www.crockford.com/JSON/license.html',
/*
Stringify a JavaScript value, producing a JSON text.
*/
stringify: function (v) {
var a = [];
/*
Emit a string.
*/
function e(s) {
a[a.length] = s;
}
/*
Convert a value.
*/
function g(x) {
var c, i, l, v;
switch (typeof x) {
case 'object':
if (x) {
if (x instanceof Array) {
e('[');
l = a.length;
for (i = 0; i < x.length; i += 1) {
v = x[i];
if (typeof v != 'undefined' &&
typeof v != 'function') {
if (l < a.length) {
e(',');
}
g(v);
}
}
e(']');
return;
} else if (typeof x.toString != 'undefined') {
e('{');
l = a.length;
for (i in x) {
v = x[i];
if (x.hasOwnProperty(i) &&
typeof v != 'undefined' &&
typeof v != 'function') {
if (l < a.length) {
e(',');
}
g(i);
e(':');
g(v);
}
}
return e('}');
}
}
e('null');
return;
case 'number':
e(isFinite(x) ? +x : 'null');
return;
case 'string':
l = x.length;
e('"');
for (i = 0; i < l; i += 1) {
c = x.charAt(i);
if (c >= ' ') {
if (c == '\\' || c == '"') {
e('\\');
}
e(c);
} else {
switch (c) {
case '\b':
e('\\b');
break;
case '\f':
e('\\f');
break;
case '\n':
e('\\n');
break;
case '\r':
e('\\r');
break;
case '\t':
e('\\t');
break;
default:
c = c.charCodeAt();
e('\\u00' + Math.floor(c / 16).toString(16) +
(c % 16).toString(16));
}
}
}
e('"');
return;
case 'boolean':
e(String(x));
return;
default:
e('null');
return;
}
}
g(v);
return a.join('');
},
/*
Parse a JSON text, producing a JavaScript value.
*/
parse: function (text) {
var p = /^\s*(([,:{}\[\]])|"(\\.|[^\x00-\x1f"\\])*"|-?\d+(\.\d*)?([eE][+-]?\d+)?|true|false|null)\s*/,
token,
operator;
function error(m, t) {
throw {
name: 'JSONError',
message: m,
text: t || operator || token
};
}
function next(b) {
if (b && b != operator) {
error("Expected '" + b + "'");
}
if (text) {
var t = p.exec(text);
if (t) {
if (t[2]) {
token = null;
operator = t[2];
} else {
operator = null;
try {
token = eval(t[1]);
} catch (e) {
error("Bad token", t[1]);
}
}
text = text.substring(t[0].length);
} else {
error("Unrecognized token", text);
}
} else {
token = operator = undefined;
}
}
function val() {
var k, o;
switch (operator) {
case '{':
next('{');
o = {};
if (operator != '}') {
for (;;) {
if (operator || typeof token != 'string') {
error("Missing key");
}
k = token;
next();
next(':');
o[k] = val();
if (operator != ',') {
break;
}
next(',');
}
}
next('}');
return o;
case '[':
next('[');
o = [];
if (operator != ']') {
for (;;) {
o.push(val());
if (operator != ',') {
break;
}
next(',');
}
}
next(']');
return o;
default:
if (operator !== null) {
error("Missing value");
}
k = token;
next();
return k;
}
}
next();
return val();
}
};
/***
!Setup the data serialization
***/
DataTiddler.format = "JSON";
DataTiddler.stringify = JSON.stringify;
DataTiddler.parse = JSON.parse;
//}}}
[[Welcome to Baggr]] [[TwitterUsage]] [[todo]] [[planned features]] [[feedback]]
/***
|''Name:''|LoadRemoteFileThroughProxy (previous LoadRemoteFileHijack)|
|''Description:''|When the TiddlyWiki file is located on the web (view over http) the content of [[SiteProxy]] tiddler is added in front of the file url. If [[SiteProxy]] does not exist "/proxy/" is added. |
|''Version:''|1.1.0|
|''Date:''|mar 17, 2007|
|''Source:''|http://tiddlywiki.bidix.info/#LoadRemoteFileHijack|
|''Author:''|BidiX (BidiX (at) bidix (dot) info)|
|''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]|
|''~CoreVersion:''|2.2.0|
***/
//{{{
version.extensions.LoadRemoteFileThroughProxy = {
major: 1, minor: 1, revision: 0,
date: new Date("mar 17, 2007"),
source: "http://tiddlywiki.bidix.info/#LoadRemoteFileThroughProxy"};
if (!window.bidix) window.bidix = {}; // bidix namespace
if (!bidix.core) bidix.core = {};
bidix.core.loadRemoteFile = loadRemoteFile;
loadRemoteFile = function(url,callback,params)
{
if ((document.location.toString().substr(0,4) == "http") && (url.substr(0,4) == "http")){
url = store.getTiddlerText("SiteProxy", "/proxy/") + url;
}
return bidix.core.loadRemoteFile(url,callback,params);
}
//}}}
[[Welcome to Baggr]]
[[TwitterUsage]]
[[todo]]
[[planned features]]
[[feedback]]
----
[[WelcomeToTiddlyspot]] [[GettingStarted]]
/***
|''Name:''|PasswordOptionPlugin|
|''Description:''|Extends TiddlyWiki options with non encrypted password option.|
|''Version:''|1.0.2|
|''Date:''|Apr 19, 2007|
|''Source:''|http://tiddlywiki.bidix.info/#PasswordOptionPlugin|
|''Author:''|BidiX (BidiX (at) bidix (dot) info)|
|''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]|
|''~CoreVersion:''|2.2.0 (Beta 5)|
***/
//{{{
version.extensions.PasswordOptionPlugin = {
major: 1, minor: 0, revision: 2,
date: new Date("Apr 19, 2007"),
source: 'http://tiddlywiki.bidix.info/#PasswordOptionPlugin',
author: 'BidiX (BidiX (at) bidix (dot) info',
license: '[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D]]',
coreVersion: '2.2.0 (Beta 5)'
};
config.macros.option.passwordCheckboxLabel = "Save this password on this computer";
config.macros.option.passwordInputType = "password"; // password | text
setStylesheet(".pasOptionInput {width: 11em;}\n","passwordInputTypeStyle");
merge(config.macros.option.types, {
'pas': {
elementType: "input",
valueField: "value",
eventName: "onkeyup",
className: "pasOptionInput",
typeValue: config.macros.option.passwordInputType,
create: function(place,type,opt,className,desc) {
// password field
config.macros.option.genericCreate(place,'pas',opt,className,desc);
// checkbox linked with this password "save this password on this computer"
config.macros.option.genericCreate(place,'chk','chk'+opt,className,desc);
// text savePasswordCheckboxLabel
place.appendChild(document.createTextNode(config.macros.option.passwordCheckboxLabel));
},
onChange: config.macros.option.genericOnChange
}
});
merge(config.optionHandlers['chk'], {
get: function(name) {
// is there an option linked with this chk ?
var opt = name.substr(3);
if (config.options[opt])
saveOptionCookie(opt);
return config.options[name] ? "true" : "false";
}
});
merge(config.optionHandlers, {
'pas': {
get: function(name) {
if (config.options["chk"+name]) {
return encodeCookie(config.options[name].toString());
} else {
return "";
}
},
set: function(name,value) {config.options[name] = decodeCookie(value);}
}
});
// need to reload options to load passwordOptions
loadOptionsCookie();
/*
if (!config.options['pasPassword'])
config.options['pasPassword'] = '';
merge(config.optionsDesc,{
pasPassword: "Test password"
});
*/
//}}}
/***
Description: Contains the stuff you need to use Tiddlyspot
Note, you also need UploadPlugin, PasswordOptionPlugin and LoadRemoteFileThroughProxy
from http://tiddlywiki.bidix.info for a complete working Tiddlyspot site.
***/
//{{{
// edit this if you are migrating sites or retrofitting an existing TW
config.tiddlyspotSiteId = 'baggr';
// make it so you can by default see edit controls via http
config.options.chkHttpReadOnly = false;
window.readOnly = false; // make sure of it (for tw 2.2)
window.showBackstage = true; // show backstage too
// disable autosave in d3
if (window.location.protocol != "file:")
config.options.chkGTDLazyAutoSave = false;
// tweak shadow tiddlers to add upload button, password entry box etc
with (config.shadowTiddlers) {
SiteUrl = 'http://'+config.tiddlyspotSiteId+'.tiddlyspot.com';
SideBarOptions = SideBarOptions.replace(/(<<saveChanges>>)/,"$1<<tiddler TspotSidebar>>");
OptionsPanel = OptionsPanel.replace(/^/,"<<tiddler TspotOptions>>");
DefaultTiddlers = DefaultTiddlers.replace(/^/,"[[WelcomeToTiddlyspot]] ");
MainMenu = MainMenu.replace(/^/,"[[WelcomeToTiddlyspot]] ");
}
// create some shadow tiddler content
merge(config.shadowTiddlers,{
'WelcomeToTiddlyspot':[
"This document is a ~TiddlyWiki from tiddlyspot.com. A ~TiddlyWiki is an electronic notebook that is great for managing todo lists, personal information, and all sorts of things.",
"",
"@@font-weight:bold;font-size:1.3em;color:#444; //What now?// @@ Before you can save any changes, you need to enter your password in the form below. Then configure privacy and other site settings at your [[control panel|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/controlpanel]] (your control panel username is //" + config.tiddlyspotSiteId + "//).",
"<<tiddler TspotControls>>",
"See also GettingStarted.",
"",
"@@font-weight:bold;font-size:1.3em;color:#444; //Working online// @@ You can edit this ~TiddlyWiki right now, and save your changes using the \"save to web\" button in the column on the right.",
"",
"@@font-weight:bold;font-size:1.3em;color:#444; //Working offline// @@ A fully functioning copy of this ~TiddlyWiki can be saved onto your hard drive or USB stick. You can make changes and save them locally without being connected to the Internet. When you're ready to sync up again, just click \"upload\" and your ~TiddlyWiki will be saved back to tiddlyspot.com.",
"",
"@@font-weight:bold;font-size:1.3em;color:#444; //Help!// @@ Find out more about ~TiddlyWiki at [[TiddlyWiki.com|http://tiddlywiki.com]]. Also visit [[TiddlyWiki.org|http://tiddlywiki.org]] for documentation on learning and using ~TiddlyWiki. New users are especially welcome on the [[TiddlyWiki mailing list|http://groups.google.com/group/TiddlyWiki]], which is an excellent place to ask questions and get help. If you have a tiddlyspot related problem email [[tiddlyspot support|mailto:support@tiddlyspot.com]].",
"",
"@@font-weight:bold;font-size:1.3em;color:#444; //Enjoy :)// @@ We hope you like using your tiddlyspot.com site. Please email [[feedback@tiddlyspot.com|mailto:feedback@tiddlyspot.com]] with any comments or suggestions."
].join("\n"),
'TspotControls':[
"| tiddlyspot password:|<<option pasUploadPassword>>|",
"| site management:|<<upload http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/store.cgi index.html . . " + config.tiddlyspotSiteId + ">>//(requires tiddlyspot password)//<br>[[control panel|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/controlpanel]], [[download (go offline)|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/download]]|",
"| links:|[[tiddlyspot.com|http://tiddlyspot.com/]], [[FAQs|http://faq.tiddlyspot.com/]], [[blog|http://tiddlyspot.blogspot.com/]], email [[support|mailto:support@tiddlyspot.com]] & [[feedback|mailto:feedback@tiddlyspot.com]], [[donate|http://tiddlyspot.com/?page=donate]]|"
].join("\n"),
'TspotSidebar':[
"<<upload http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/store.cgi index.html . . " + config.tiddlyspotSiteId + ">><html><a href='http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/download' class='button'>download</a></html>"
].join("\n"),
'TspotOptions':[
"tiddlyspot password:",
"<<option pasUploadPassword>>",
""
].join("\n")
});
//}}}
!This database contains a sample breakdown of how a few microbloggers use twitter
<<datadb>><data>{"db":[["factoryjoe","13","24","24","25","14","","100"],["davewiner","6","19","14","56","3","2","100"],["missrogue","14","42","29","12","3","","100"],["biz","5","10","84","1","","","100"],["jeffbarr","5","54","26","9","2","4","100"],["scobleizer","4","75","4","16","1","","100"],["chrispirillo","4","12","1","77","6","","100"],["anildash","3","69","14","9","5","","100"],["steverubel","5","36","9","42","8","","100"],["fredwilson","1","22","55","21","1","","100"]],"schema":[["name","","","y"],["announce","","","y"],["comment","","","y"],["docast","","","y"],["point","","","y"],["request","","","y"],["other","","","y"],["total","","","y"]],"view":"query","zq":""}</data>
| !date | !user | !location | !storeUrl | !uploadDir | !toFilename | !backupdir | !origin |
| 26/09/2008 07:31:11 | baggr | [[/|http://baggr.tiddlyspot.com/]] | [[store.cgi|http://baggr.tiddlyspot.com/store.cgi]] | . | [[index.html | http://baggr.tiddlyspot.com/index.html]] | . |
| 26/09/2008 07:31:53 | baggr | [[/|http://baggr.tiddlyspot.com/]] | [[store.cgi|http://baggr.tiddlyspot.com/store.cgi]] | . | [[index.html | http://baggr.tiddlyspot.com/index.html]] | . |
| 26/09/2008 07:50:58 | baggr | [[/|http://baggr.tiddlyspot.com/]] | [[store.cgi|http://baggr.tiddlyspot.com/store.cgi]] | . | [[index.html | http://baggr.tiddlyspot.com/index.html]] | . |
| 26/09/2008 07:54:33 | baggr | [[/|http://baggr.tiddlyspot.com/]] | [[store.cgi|http://baggr.tiddlyspot.com/store.cgi]] | . | [[index.html | http://baggr.tiddlyspot.com/index.html]] | . | ok |
| 26/09/2008 07:57:27 | baggr | [[/|http://baggr.tiddlyspot.com/]] | [[store.cgi|http://baggr.tiddlyspot.com/store.cgi]] | . | [[index.html | http://baggr.tiddlyspot.com/index.html]] | . | ok |
| 26/09/2008 08:31:24 | baggr | [[/|http://baggr.tiddlyspot.com/]] | [[store.cgi|http://baggr.tiddlyspot.com/store.cgi]] | . | [[index.html | http://baggr.tiddlyspot.com/index.html]] | . |
| 14/10/2008 11:31:26 | Baggr | [[/|http://baggr.tiddlyspot.com/]] | [[store.cgi|http://baggr.tiddlyspot.com/store.cgi]] | . | [[index.html | http://baggr.tiddlyspot.com/index.html]] | . |
| 24/01/2010 16:17:58 | YourName | [[/|http://baggr.tiddlyspot.com/]] | [[store.cgi|http://baggr.tiddlyspot.com/store.cgi]] | . | [[index.html | http://baggr.tiddlyspot.com/index.html]] | . | failed |
| 24/01/2010 16:18:15 | YourName | [[/|http://baggr.tiddlyspot.com/]] | [[store.cgi|http://baggr.tiddlyspot.com/store.cgi]] | . | [[index.html | http://baggr.tiddlyspot.com/index.html]] | . | failed |
| 24/01/2010 16:19:51 | YourName | [[/|http://baggr.tiddlyspot.com/]] | [[store.cgi|http://baggr.tiddlyspot.com/store.cgi]] | . | [[index.html | http://baggr.tiddlyspot.com/index.html]] | . |
/***
|''Name:''|UploadPlugin|
|''Description:''|Save to web a TiddlyWiki|
|''Version:''|4.1.3|
|''Date:''|Feb 24, 2008|
|''Source:''|http://tiddlywiki.bidix.info/#UploadPlugin|
|''Documentation:''|http://tiddlywiki.bidix.info/#UploadPluginDoc|
|''Author:''|BidiX (BidiX (at) bidix (dot) info)|
|''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]|
|''~CoreVersion:''|2.2.0|
|''Requires:''|PasswordOptionPlugin|
***/
//{{{
version.extensions.UploadPlugin = {
major: 4, minor: 1, revision: 3,
date: new Date("Feb 24, 2008"),
source: 'http://tiddlywiki.bidix.info/#UploadPlugin',
author: 'BidiX (BidiX (at) bidix (dot) info',
coreVersion: '2.2.0'
};
//
// Environment
//
if (!window.bidix) window.bidix = {}; // bidix namespace
bidix.debugMode = false; // true to activate both in Plugin and UploadService
//
// Upload Macro
//
config.macros.upload = {
// default values
defaultBackupDir: '', //no backup
defaultStoreScript: "store.php",
defaultToFilename: "index.html",
defaultUploadDir: ".",
authenticateUser: true // UploadService Authenticate User
};
config.macros.upload.label = {
promptOption: "Save and Upload this TiddlyWiki with UploadOptions",
promptParamMacro: "Save and Upload this TiddlyWiki in %0",
saveLabel: "save to web",
saveToDisk: "save to disk",
uploadLabel: "upload"
};
config.macros.upload.messages = {
noStoreUrl: "No store URL in parmeters or options",
usernameOrPasswordMissing: "Username or password missing"
};
config.macros.upload.handler = function(place,macroName,params) {
if (readOnly)
return;
var label;
if (document.location.toString().substr(0,4) == "http")
label = this.label.saveLabel;
else
label = this.label.uploadLabel;
var prompt;
if (params[0]) {
prompt = this.label.promptParamMacro.toString().format([this.destFile(params[0],
(params[1] ? params[1]:bidix.basename(window.location.toString())), params[3])]);
} else {
prompt = this.label.promptOption;
}
createTiddlyButton(place, label, prompt, function() {config.macros.upload.action(params);}, null, null, this.accessKey);
};
config.macros.upload.action = function(params)
{
// for missing macro parameter set value from options
if (!params) params = {};
var storeUrl = params[0] ? params[0] : config.options.txtUploadStoreUrl;
var toFilename = params[1] ? params[1] : config.options.txtUploadFilename;
var backupDir = params[2] ? params[2] : config.options.txtUploadBackupDir;
var uploadDir = params[3] ? params[3] : config.options.txtUploadDir;
var username = params[4] ? params[4] : config.options.txtUploadUserName;
var password = config.options.pasUploadPassword; // for security reason no password as macro parameter
// for still missing parameter set default value
if ((!storeUrl) && (document.location.toString().substr(0,4) == "http"))
storeUrl = bidix.dirname(document.location.toString())+'/'+config.macros.upload.defaultStoreScript;
if (storeUrl.substr(0,4) != "http")
storeUrl = bidix.dirname(document.location.toString()) +'/'+ storeUrl;
if (!toFilename)
toFilename = bidix.basename(window.location.toString());
if (!toFilename)
toFilename = config.macros.upload.defaultToFilename;
if (!uploadDir)
uploadDir = config.macros.upload.defaultUploadDir;
if (!backupDir)
backupDir = config.macros.upload.defaultBackupDir;
// report error if still missing
if (!storeUrl) {
alert(config.macros.upload.messages.noStoreUrl);
clearMessage();
return false;
}
if (config.macros.upload.authenticateUser && (!username || !password)) {
alert(config.macros.upload.messages.usernameOrPasswordMissing);
clearMessage();
return false;
}
bidix.upload.uploadChanges(false,null,storeUrl, toFilename, uploadDir, backupDir, username, password);
return false;
};
config.macros.upload.destFile = function(storeUrl, toFilename, uploadDir)
{
if (!storeUrl)
return null;
var dest = bidix.dirname(storeUrl);
if (uploadDir && uploadDir != '.')
dest = dest + '/' + uploadDir;
dest = dest + '/' + toFilename;
return dest;
};
//
// uploadOptions Macro
//
config.macros.uploadOptions = {
handler: function(place,macroName,params) {
var wizard = new Wizard();
wizard.createWizard(place,this.wizardTitle);
wizard.addStep(this.step1Title,this.step1Html);
var markList = wizard.getElement("markList");
var listWrapper = document.createElement("div");
markList.parentNode.insertBefore(listWrapper,markList);
wizard.setValue("listWrapper",listWrapper);
this.refreshOptions(listWrapper,false);
var uploadCaption;
if (document.location.toString().substr(0,4) == "http")
uploadCaption = config.macros.upload.label.saveLabel;
else
uploadCaption = config.macros.upload.label.uploadLabel;
wizard.setButtons([
{caption: uploadCaption, tooltip: config.macros.upload.label.promptOption,
onClick: config.macros.upload.action},
{caption: this.cancelButton, tooltip: this.cancelButtonPrompt, onClick: this.onCancel}
]);
},
options: [
"txtUploadUserName",
"pasUploadPassword",
"txtUploadStoreUrl",
"txtUploadDir",
"txtUploadFilename",
"txtUploadBackupDir",
"chkUploadLog",
"txtUploadLogMaxLine"
],
refreshOptions: function(listWrapper) {
var opts = [];
for(i=0; i<this.options.length; i++) {
var opt = {};
opts.push();
opt.option = "";
n = this.options[i];
opt.name = n;
opt.lowlight = !config.optionsDesc[n];
opt.description = opt.lowlight ? this.unknownDescription : config.optionsDesc[n];
opts.push(opt);
}
var listview = ListView.create(listWrapper,opts,this.listViewTemplate);
for(n=0; n<opts.length; n++) {
var type = opts[n].name.substr(0,3);
var h = config.macros.option.types[type];
if (h && h.create) {
h.create(opts[n].colElements['option'],type,opts[n].name,opts[n].name,"no");
}
}
},
onCancel: function(e)
{
backstage.switchTab(null);
return false;
},
wizardTitle: "Upload with options",
step1Title: "These options are saved in cookies in your browser",
step1Html: "<input type='hidden' name='markList'></input><br>",
cancelButton: "Cancel",
cancelButtonPrompt: "Cancel prompt",
listViewTemplate: {
columns: [
{name: 'Description', field: 'description', title: "Description", type: 'WikiText'},
{name: 'Option', field: 'option', title: "Option", type: 'String'},
{name: 'Name', field: 'name', title: "Name", type: 'String'}
],
rowClasses: [
{className: 'lowlight', field: 'lowlight'}
]}
};
//
// upload functions
//
if (!bidix.upload) bidix.upload = {};
if (!bidix.upload.messages) bidix.upload.messages = {
//from saving
invalidFileError: "The original file '%0' does not appear to be a valid TiddlyWiki",
backupSaved: "Backup saved",
backupFailed: "Failed to upload backup file",
rssSaved: "RSS feed uploaded",
rssFailed: "Failed to upload RSS feed file",
emptySaved: "Empty template uploaded",
emptyFailed: "Failed to upload empty template file",
mainSaved: "Main TiddlyWiki file uploaded",
mainFailed: "Failed to upload main TiddlyWiki file. Your changes have not been saved",
//specific upload
loadOriginalHttpPostError: "Can't get original file",
aboutToSaveOnHttpPost: 'About to upload on %0 ...',
storePhpNotFound: "The store script '%0' was not found."
};
bidix.upload.uploadChanges = function(onlyIfDirty,tiddlers,storeUrl,toFilename,uploadDir,backupDir,username,password)
{
var callback = function(status,uploadParams,original,url,xhr) {
if (!status) {
displayMessage(bidix.upload.messages.loadOriginalHttpPostError);
return;
}
if (bidix.debugMode)
alert(original.substr(0,500)+"\n...");
// Locate the storeArea div's
var posDiv = locateStoreArea(original);
if((posDiv[0] == -1) || (posDiv[1] == -1)) {
alert(config.messages.invalidFileError.format([localPath]));
return;
}
bidix.upload.uploadRss(uploadParams,original,posDiv);
};
if(onlyIfDirty && !store.isDirty())
return;
clearMessage();
// save on localdisk ?
if (document.location.toString().substr(0,4) == "file") {
var path = document.location.toString();
var localPath = getLocalPath(path);
saveChanges();
}
// get original
var uploadParams = new Array(storeUrl,toFilename,uploadDir,backupDir,username,password);
var originalPath = document.location.toString();
// If url is a directory : add index.html
if (originalPath.charAt(originalPath.length-1) == "/")
originalPath = originalPath + "index.html";
var dest = config.macros.upload.destFile(storeUrl,toFilename,uploadDir);
var log = new bidix.UploadLog();
log.startUpload(storeUrl, dest, uploadDir, backupDir);
displayMessage(bidix.upload.messages.aboutToSaveOnHttpPost.format([dest]));
if (bidix.debugMode)
alert("about to execute Http - GET on "+originalPath);
var r = doHttp("GET",originalPath,null,null,username,password,callback,uploadParams,null);
if (typeof r == "string")
displayMessage(r);
return r;
};
bidix.upload.uploadRss = function(uploadParams,original,posDiv)
{
var callback = function(status,params,responseText,url,xhr) {
if(status) {
var destfile = responseText.substring(responseText.indexOf("destfile:")+9,responseText.indexOf("\n", responseText.indexOf("destfile:")));
displayMessage(bidix.upload.messages.rssSaved,bidix.dirname(url)+'/'+destfile);
bidix.upload.uploadMain(params[0],params[1],params[2]);
} else {
displayMessage(bidix.upload.messages.rssFailed);
}
};
// do uploadRss
if(config.options.chkGenerateAnRssFeed) {
var rssPath = uploadParams[1].substr(0,uploadParams[1].lastIndexOf(".")) + ".xml";
var rssUploadParams = new Array(uploadParams[0],rssPath,uploadParams[2],'',uploadParams[4],uploadParams[5]);
var rssString = generateRss();
// no UnicodeToUTF8 conversion needed when location is "file" !!!
if (document.location.toString().substr(0,4) != "file")
rssString = convertUnicodeToUTF8(rssString);
bidix.upload.httpUpload(rssUploadParams,rssString,callback,Array(uploadParams,original,posDiv));
} else {
bidix.upload.uploadMain(uploadParams,original,posDiv);
}
};
bidix.upload.uploadMain = function(uploadParams,original,posDiv)
{
var callback = function(status,params,responseText,url,xhr) {
var log = new bidix.UploadLog();
if(status) {
// if backupDir specified
if ((params[3]) && (responseText.indexOf("backupfile:") > -1)) {
var backupfile = responseText.substring(responseText.indexOf("backupfile:")+11,responseText.indexOf("\n", responseText.indexOf("backupfile:")));
displayMessage(bidix.upload.messages.backupSaved,bidix.dirname(url)+'/'+backupfile);
}
var destfile = responseText.substring(responseText.indexOf("destfile:")+9,responseText.indexOf("\n", responseText.indexOf("destfile:")));
displayMessage(bidix.upload.messages.mainSaved,bidix.dirname(url)+'/'+destfile);
store.setDirty(false);
log.endUpload("ok");
} else {
alert(bidix.upload.messages.mainFailed);
displayMessage(bidix.upload.messages.mainFailed);
log.endUpload("failed");
}
};
// do uploadMain
var revised = bidix.upload.updateOriginal(original,posDiv);
bidix.upload.httpUpload(uploadParams,revised,callback,uploadParams);
};
bidix.upload.httpUpload = function(uploadParams,data,callback,params)
{
var localCallback = function(status,params,responseText,url,xhr) {
url = (url.indexOf("nocache=") < 0 ? url : url.substring(0,url.indexOf("nocache=")-1));
if (xhr.status == 404)
alert(bidix.upload.messages.storePhpNotFound.format([url]));
if ((bidix.debugMode) || (responseText.indexOf("Debug mode") >= 0 )) {
alert(responseText);
if (responseText.indexOf("Debug mode") >= 0 )
responseText = responseText.substring(responseText.indexOf("\n\n")+2);
} else if (responseText.charAt(0) != '0')
alert(responseText);
if (responseText.charAt(0) != '0')
status = null;
callback(status,params,responseText,url,xhr);
};
// do httpUpload
var boundary = "---------------------------"+"AaB03x";
var uploadFormName = "UploadPlugin";
// compose headers data
var sheader = "";
sheader += "--" + boundary + "\r\nContent-disposition: form-data; name=\"";
sheader += uploadFormName +"\"\r\n\r\n";
sheader += "backupDir="+uploadParams[3] +
";user=" + uploadParams[4] +
";password=" + uploadParams[5] +
";uploaddir=" + uploadParams[2];
if (bidix.debugMode)
sheader += ";debug=1";
sheader += ";;\r\n";
sheader += "\r\n" + "--" + boundary + "\r\n";
sheader += "Content-disposition: form-data; name=\"userfile\"; filename=\""+uploadParams[1]+"\"\r\n";
sheader += "Content-Type: text/html;charset=UTF-8" + "\r\n";
sheader += "Content-Length: " + data.length + "\r\n\r\n";
// compose trailer data
var strailer = new String();
strailer = "\r\n--" + boundary + "--\r\n";
data = sheader + data + strailer;
if (bidix.debugMode) alert("about to execute Http - POST on "+uploadParams[0]+"\n with \n"+data.substr(0,500)+ " ... ");
var r = doHttp("POST",uploadParams[0],data,"multipart/form-data; ;charset=UTF-8; boundary="+boundary,uploadParams[4],uploadParams[5],localCallback,params,null);
if (typeof r == "string")
displayMessage(r);
return r;
};
// same as Saving's updateOriginal but without convertUnicodeToUTF8 calls
bidix.upload.updateOriginal = function(original, posDiv)
{
if (!posDiv)
posDiv = locateStoreArea(original);
if((posDiv[0] == -1) || (posDiv[1] == -1)) {
alert(config.messages.invalidFileError.format([localPath]));
return;
}
var revised = original.substr(0,posDiv[0] + startSaveArea.length) + "\n" +
store.allTiddlersAsHtml() + "\n" +
original.substr(posDiv[1]);
var newSiteTitle = getPageTitle().htmlEncode();
revised = revised.replaceChunk("<title"+">","</title"+">"," " + newSiteTitle + " ");
revised = updateMarkupBlock(revised,"PRE-HEAD","MarkupPreHead");
revised = updateMarkupBlock(revised,"POST-HEAD","MarkupPostHead");
revised = updateMarkupBlock(revised,"PRE-BODY","MarkupPreBody");
revised = updateMarkupBlock(revised,"POST-SCRIPT","MarkupPostBody");
return revised;
};
//
// UploadLog
//
// config.options.chkUploadLog :
// false : no logging
// true : logging
// config.options.txtUploadLogMaxLine :
// -1 : no limit
// 0 : no Log lines but UploadLog is still in place
// n : the last n lines are only kept
// NaN : no limit (-1)
bidix.UploadLog = function() {
if (!config.options.chkUploadLog)
return; // this.tiddler = null
this.tiddler = store.getTiddler("UploadLog");
if (!this.tiddler) {
this.tiddler = new Tiddler();
this.tiddler.title = "UploadLog";
this.tiddler.text = "| !date | !user | !location | !storeUrl | !uploadDir | !toFilename | !backupdir | !origin |";
this.tiddler.created = new Date();
this.tiddler.modifier = config.options.txtUserName;
this.tiddler.modified = new Date();
store.addTiddler(this.tiddler);
}
return this;
};
bidix.UploadLog.prototype.addText = function(text) {
if (!this.tiddler)
return;
// retrieve maxLine when we need it
var maxLine = parseInt(config.options.txtUploadLogMaxLine,10);
if (isNaN(maxLine))
maxLine = -1;
// add text
if (maxLine != 0)
this.tiddler.text = this.tiddler.text + text;
// Trunck to maxLine
if (maxLine >= 0) {
var textArray = this.tiddler.text.split('\n');
if (textArray.length > maxLine + 1)
textArray.splice(1,textArray.length-1-maxLine);
this.tiddler.text = textArray.join('\n');
}
// update tiddler fields
this.tiddler.modifier = config.options.txtUserName;
this.tiddler.modified = new Date();
store.addTiddler(this.tiddler);
// refresh and notifiy for immediate update
story.refreshTiddler(this.tiddler.title);
store.notify(this.tiddler.title, true);
};
bidix.UploadLog.prototype.startUpload = function(storeUrl, toFilename, uploadDir, backupDir) {
if (!this.tiddler)
return;
var now = new Date();
var text = "\n| ";
var filename = bidix.basename(document.location.toString());
if (!filename) filename = '/';
text += now.formatString("0DD/0MM/YYYY 0hh:0mm:0ss") +" | ";
text += config.options.txtUserName + " | ";
text += "[["+filename+"|"+location + "]] |";
text += " [[" + bidix.basename(storeUrl) + "|" + storeUrl + "]] | ";
text += uploadDir + " | ";
text += "[[" + bidix.basename(toFilename) + " | " +toFilename + "]] | ";
text += backupDir + " |";
this.addText(text);
};
bidix.UploadLog.prototype.endUpload = function(status) {
if (!this.tiddler)
return;
this.addText(" "+status+" |");
};
//
// Utilities
//
bidix.checkPlugin = function(plugin, major, minor, revision) {
var ext = version.extensions[plugin];
if (!
(ext &&
((ext.major > major) ||
((ext.major == major) && (ext.minor > minor)) ||
((ext.major == major) && (ext.minor == minor) && (ext.revision >= revision))))) {
// write error in PluginManager
if (pluginInfo)
pluginInfo.log.push("Requires " + plugin + " " + major + "." + minor + "." + revision);
eval(plugin); // generate an error : "Error: ReferenceError: xxxx is not defined"
}
};
bidix.dirname = function(filePath) {
if (!filePath)
return;
var lastpos;
if ((lastpos = filePath.lastIndexOf("/")) != -1) {
return filePath.substring(0, lastpos);
} else {
return filePath.substring(0, filePath.lastIndexOf("\\"));
}
};
bidix.basename = function(filePath) {
if (!filePath)
return;
var lastpos;
if ((lastpos = filePath.lastIndexOf("#")) != -1)
filePath = filePath.substring(0, lastpos);
if ((lastpos = filePath.lastIndexOf("/")) != -1) {
return filePath.substring(lastpos + 1);
} else
return filePath.substring(filePath.lastIndexOf("\\")+1);
};
bidix.initOption = function(name,value) {
if (!config.options[name])
config.options[name] = value;
};
//
// Initializations
//
// require PasswordOptionPlugin 1.0.1 or better
bidix.checkPlugin("PasswordOptionPlugin", 1, 0, 1);
// styleSheet
setStylesheet('.txtUploadStoreUrl, .txtUploadBackupDir, .txtUploadDir {width: 22em;}',"uploadPluginStyles");
//optionsDesc
merge(config.optionsDesc,{
txtUploadStoreUrl: "Url of the UploadService script (default: store.php)",
txtUploadFilename: "Filename of the uploaded file (default: in index.html)",
txtUploadDir: "Relative Directory where to store the file (default: . (downloadService directory))",
txtUploadBackupDir: "Relative Directory where to backup the file. If empty no backup. (default: ''(empty))",
txtUploadUserName: "Upload Username",
pasUploadPassword: "Upload Password",
chkUploadLog: "do Logging in UploadLog (default: true)",
txtUploadLogMaxLine: "Maximum of lines in UploadLog (default: 10)"
});
// Options Initializations
bidix.initOption('txtUploadStoreUrl','');
bidix.initOption('txtUploadFilename','');
bidix.initOption('txtUploadDir','');
bidix.initOption('txtUploadBackupDir','');
bidix.initOption('txtUploadUserName','');
bidix.initOption('pasUploadPassword','');
bidix.initOption('chkUploadLog',true);
bidix.initOption('txtUploadLogMaxLine','10');
// Backstage
merge(config.tasks,{
uploadOptions: {text: "upload", tooltip: "Change UploadOptions and Upload", content: '<<uploadOptions>>'}
});
config.backstageTasks.push("uploadOptions");
//}}}
!Fire Baggr
Is a web workbench and information organizer extension to the firefox browser. For more details see http://www.baggr.com/firebaggr
!Pure Jasper
Is an all-in-a-page Javascript app and app maker. For more details see http://www.baggr.com/purejasper
!Plugins
The DataDbPlugin
>allows you to create and maintain an in-tiddler database
>see [[TwitterUsage]] for an example
The DataListPlugin
>allows you to create and maintain an in-tiddler list
> See [[todo]] [[planned features]] for examples
Play around with it to see how it works.
Feedback, bug reports etc. are appreciated and can be sent to the email in the plugin
You can send feedback, questions etc. to the email listed in the plugin and/or to the tiddlywiki google group.
<<datalist down>><data>{"open":["add editing capabilities i.e. edit a previously entered entry","ability to import and export as a newline delimited string"],"closed":["to fix: list refresh makes tiddler the current active tiddler and moves it away to the top","allow for entry order up i.e. ↑. and down i.e. ↓"],"order":"up"}</data>
List of tasks to be done for the DataListPlugin on baggr.tiddlyspot.com
<<datalist>><data>{"open":["change the skin","add more help"],"closed":["setup baggr.tiddlyspot.com","add DataListPlugin","upload DataTiddlerPlugin","test it","to fix: links to tiddlers within text in the encased tiddler don't work"],"order":"up"}</data>
Note: The size grows dynamically as you add items.