<!--{{{-->
<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' />
<!--}}}-->
Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88
/*{{{*/
body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}

a {color:[[ColorPalette::PrimaryMid]];}
a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
a img {border:0;}

h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}

.button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
.button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
.button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}

.header {background:[[ColorPalette::PrimaryMid]];}
.headerShadow {color:[[ColorPalette::Foreground]];}
.headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
.headerForeground {color:[[ColorPalette::Background]];}
.headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}

.tabSelected {color:[[ColorPalette::PrimaryDark]];
	background:[[ColorPalette::TertiaryPale]];
	border-left:1px solid [[ColorPalette::TertiaryLight]];
	border-top:1px solid [[ColorPalette::TertiaryLight]];
	border-right:1px solid [[ColorPalette::TertiaryLight]];
}
.tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
.tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
.tabContents .button {border:0;}

#sidebar {}
#sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
#sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}

.wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
.wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
.wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
.wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
	border:1px solid [[ColorPalette::PrimaryMid]];}
.wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
.wizardFooter {background:[[ColorPalette::PrimaryPale]];}
.wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
.wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
	border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
.wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
.wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
	border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}

.wizard .notChanged {background:transparent;}
.wizard .changedLocally {background:#80ff80;}
.wizard .changedServer {background:#8080ff;}
.wizard .changedBoth {background:#ff8080;}
.wizard .notFound {background:#ffff80;}
.wizard .putToServer {background:#ff80ff;}
.wizard .gotFromServer {background:#80ffff;}

#messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
#messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}

.popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}

.popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
.popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
.popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
.popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
.popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
.listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}

.tiddler .defaultCommand {font-weight:bold;}

.shadow .title {color:[[ColorPalette::TertiaryDark]];}

.title {color:[[ColorPalette::SecondaryDark]];}
.subtitle {color:[[ColorPalette::TertiaryDark]];}

.toolbar {color:[[ColorPalette::PrimaryMid]];}
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}

.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
.selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
.tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
.tagging .button, .tagged .button {border:none;}

.footer {color:[[ColorPalette::TertiaryLight]];}
.selected .footer {color:[[ColorPalette::TertiaryMid]];}

.error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
.warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
.lowlight {background:[[ColorPalette::TertiaryLight]];}

.zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}

.imageLink, #displayArea .imageLink {background:transparent;}

.annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}

.viewer .listTitle {list-style-type:none; margin-left:-2em;}
.viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
.viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}

.viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}

.viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
.viewer code {color:[[ColorPalette::SecondaryDark]];}
.viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}

.highlight, .marked {background:[[ColorPalette::SecondaryLight]];}

.editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
.editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
.editorFooter {color:[[ColorPalette::TertiaryMid]];}
.readOnly {background:[[ColorPalette::TertiaryPale]];}

#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:alpha(opacity=60);}
/*}}}*/
/*{{{*/
* html .tiddler {height:1%;}

body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}

hr {height:1px;}

a {text-decoration:none;}

dt {font-weight:bold;}

ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}

.txtOptionInput {width:11em;}

#contentWrapper .chkOptionInput {border:0;}

.externalLink {text-decoration:underline;}

.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}

.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}

/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}

#mainMenu .tiddlyLinkExisting,
	#mainMenu .tiddlyLinkNonExisting,
	#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}

.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0 1em 1em; left:0; top:0;}

.siteTitle {font-size:3em;}
.siteSubtitle {font-size:1.2em;}

#mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}

#sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 0.3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

.wizard {padding:0.1em 1em 0 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0 0; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0;}
.wizardFooter .status {padding:0 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em;}

#messageArea {position:fixed; top:2em; right:0; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em;}
#messageArea a {text-decoration:underline;}

.tiddlerPopupButton {padding:0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em; margin:0;}

.popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}

.tabset {padding:1em 0 0 0.5em;}
.tab {margin:0 0 0 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}

#contentWrapper {display:block;}
#splashScreen {display:none;}

#displayArea {margin:1em 17em 0 14em;}

.toolbar {text-align:right; font-size:.9em;}

.tiddler {padding:1em 1em 0;}

.missing .viewer,.missing .title {font-style:italic;}

.title {font-size:1.6em; font-weight:bold;}

.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}

.tiddler .button {padding:0.2em 0.4em;}

.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}

.footer {font-size:.9em;}
.footer li {display:inline;}

.annotation {padding:0.5em; margin:0.5em;}

* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0 0.25em; padding:0 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}

.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0 3px 0 3px;}

.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}

.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0; font-size:.9em;}
.editorFooter .button {padding-top:0; padding-bottom:0;}

.fieldsetFix {border:0; padding:0; margin:1px 0px;}

.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}

* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0; right:0;}
#backstageButton a {padding:0.1em 0.4em; margin:0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin-left:3em; padding:1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}

.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
/*}}}*/
/***
StyleSheet for use when a translation requires any css style changes.
This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
***/
/*{{{*/
body {font-size:0.8em;}
#sidebarOptions {font-size:1.05em;}
#sidebarOptions a {font-style:normal;}
#sidebarOptions .sliderPanel {font-size:0.95em;}
.subtitle {font-size:0.8em;}
.viewer table.listView {font-size:0.95em;}
/*}}}*/
/*{{{*/
@media print {
#mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none !important;}
#displayArea {margin: 1em 1em 0em;}
noscript {display:none;} /* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
}
/*}}}*/
<!--{{{-->
<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='editor' macro='edit title'></div>
<div macro='annotations'></div>
<div class='editor' macro='edit text'></div>
<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser excludeLists'></span></div>
<!--}}}-->
To get started with this blank [[TiddlyWiki]], you'll need to modify the following tiddlers:
* [[SiteTitle]] & [[SiteSubtitle]]: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
* [[MainMenu]]: The menu (usually on the left)
* [[DefaultTiddlers]]: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
You'll also need to enter your username for signing your edits: <<option txtUserName>>
These [[InterfaceOptions]] for customising [[TiddlyWiki]] are saved in your browser

Your username for signing your edits. Write it as a [[WikiWord]] (eg [[JoeBloggs]])

<<option txtUserName>>
<<option chkSaveBackups>> [[SaveBackups]]
<<option chkAutoSave>> [[AutoSave]]
<<option chkRegExpSearch>> [[RegExpSearch]]
<<option chkCaseSensitiveSearch>> [[CaseSensitiveSearch]]
<<option chkAnimate>> [[EnableAnimations]]

----
Also see [[AdvancedOptions]]
<<importTiddlers>>
[[GettingStarted]]
!Required  tiddlers
[[PersonalQuotePlugin]]

!Examples
<<list filter [tag[example]]>>
/***
|''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);
}
//}}}
[[GettingStarted]]

[[PersonalQuotes]]
[[PersonalQuoteEditor]]

[[PersonalQuotePlugin]]
<<personalQuote>>
<<personalQuote>>
<<personalQuote>>
/***
|''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"
	});
*/
//}}}
/***
|Name|[[PersonalQuotePlugin]]|
|Source|http://personalquote.tiddlyspot.com/|
|Documentation|[[PersonalQuotePlugin]]|
|Version|1.0.4|
|Author|Kristjan Brezovnik|
|License|[[Creative Commons Attribution-Share Alike 3.0 License|http://creativecommons.org/licenses/by-sa/3.0/]]|
|~CoreVersion|2.6.1|
|Type|plugin|
|Description|Displays a random quote from a particular person.|

!Use
{{{<<personalQuote>>}}} - display a random quote for a specific person, if the containing tiddler is tagged appropriately
{{{<<personalQuote>>}}} - display a random quote for a random person, if the containing tiddler is not tagged appropriately
{{{<<personalQuote "">>}}} - display a random quote for a random person
{{{<<personalQuote "Specific Person">>}}} - display a random quote for a <Specific Person>

!!Editor
This plugin also defines a macro for editing/adding the quotes, which is located in the [[PersonalQuoteEditor]] shadow tiddler. The macro itself is used in the same way as the main macro:
{{{<<personalQuoteEditor>>}}}
In the editor, you can add a new quote or edit an existing quote. If you want to delete an existing quote, just clear all the fields for that quote and save.
You can sort the quotes by dragging and dropping them. They will be saved in the order they are displayed.
You can filter the quotes by tiddler title. You don't need to reset the filter first in order to save.

!!Source format
If you want to edit/add the quotes manually, you can do so in the quote source list shadow tiddler ([[PersonalQuotes]] by default) and you must conform to the following rules:
Quotes must be separated by a horizontal line.
*The person's name in the first row must be a valid tiddler name. For example, if your tiddler name is "John Smith (person)", you need to write it as such.
*Avoid tubes (|) in tiddler names, because the plugin uses this when the same quote is used for multiple tiddlers.
*If you don't know the speaker's name or the story, you can omit them, but you still need to leave an empty line. The plugin automatically substitutes empty values with default texts.
*Multi line quote text must be in curly brackets (or other optional delimiters), because the plugin splits the quote parts by line breaks. You can omit the delimiters for single line quotes.
*Use can use markdown to link to speaker and story tiddlers.
*''Do not'' use markdown to link to tiddlers in the first line!
Version 1.0.1 changes the source formatting (see Version History), so older quote sources need to be adapted.

Quote source structure is as follows:
*tiddler (usually the speaker)|optional second tiddler|optional third tiddler
*who (speaker) to whom
*story
*quote text (needs to be in curly braces or other optional delimiters if it contains line breaks)

!!Output format
You can specify your own output format using the following placeholders:
%0 = who (speaker) to whom
%1 = story
%2 = quote text

Default format is {{{Personal quote text (person)}}} or {{{%2\n(%0, %1)}}} with placeholders. It also includes the appropriate CSS classes.
If you want, for example:
{{{"Personal quote text"}}}

{{{-person}}}
use {{{"%2"\n\n-%0}}}

!Customization
You can customize some styles in [[PersonalQuoteStylesheet]].
You can localize or modify the texts under "config.macros.personalQuote.texts"

!Configuration
<<option txtPQQuoteSource>> Source of personal quotes
<<option txtPQQuoteFormat>> Format of the displayed quote; default is {{{Personal quote text\n(person, story)}}}; if you want a different formatting, you can change it in [[PersonalQuoteStylesheet]]; the default classes are already included
<<option txtPQQuoteMultilineDelimiterStart>> Multi line quote text start delimiter (can be multi character; you can't use that character or sequence of characters in the quote itself)
<<option txtPQQuoteMultilineDelimiterEnd>> Multi line quote text end delimiter (can be multi character; you can't use that character or sequence of characters in the quote itself)
<<option txtPQQuoteQuoteDelimiter>> Delimiter between quotes (without line breaks)
<<option txtPQQuoteArticleTags>> Tiddlers of quoted persons are tagged
<<option chkPQQuoteShowNoQuoteForPersonMessage>> Show message if there are no quotes specified for a person
<<option chkPQQuoteShowNoQuotesMessage>> Show message if there are no quotes specified
<<option txtPQQuoteEditor>> Personal quote editor
<<option chkPQQuoteIgnoreWarnings>> Ignore warnings for missing speaker and story (note that the warnings will be ignored anyway, if the {{{%0}}} and {{{%1}}} placeholders are missing from the display format)

!Version History
1.0.4 - added the possibility to display a quote for a specific person in another tiddler
>added option to display random quotes for all persons in another tiddler
>added option to display a message if there are no quotes specified
1.0.3 - added quotation editor (with this, the ~AddQuotationPlugin is obsolete)
>added Changed the default quote source to [[PersonalQuotes]], because the quotes are in a different format from the [[QuoteOfTheDayPlugin|http://www.TiddlyTools.com/#QuoteOfTheDayPlugin]] and to make it more similar to the plugin name
>some code and CSS tweaks
1.0.2 - fixed an issue with version.extensions, added option descriptions
1.0.1 - modified source, so the tiddler name and speaker are separate items and you can specify multiple tiddlers where the quote can appear; also added story title item
1.0.0 - initial release

!Code
***/
//{{{
/*jslint browser: true, devel: true, bitwise: true, eval: true, for: true, multivar: true, this: true, white: true*/
/*global document version config wikify confirm prompt alert store story refreshStyles refreshDisplay removeNode createTiddlyButton createTiddlyElement createTiddlyCheckbox createTiddlyDropDown createTiddlyLink window contentWrapper autoSaveChanges Popup event tiddler displayMessage getParam contentWrapper setStylesheet console readOnly place merge jQuery resolveTarget addClass removeClass hasClass addEvent removeEvent*/
//Ensure that the plugin is only installed once
if (!version.extensions.PersonalQuotePlugin) {
version.extensions.PersonalQuotePlugin = {installed: true, major: 1, minor: 0, revision: 4, date: new Date(2018,5,27)};

//Stylesheet
config.shadowTiddlers.PersonalQuoteStylesheet = 
"/*{{{*/\n" + 
".personalQuoteDisplayContainerPersonDiv {width: 50%;}\n" + 
".personalQuoteDisplayContainerAllDiv {width: 100%;}\n" + 
".personalQuoteDisplayErrorDiv {}\n" + 
".personalQuoteEditorContainerDiv {width: 100%;}\n" + 
".personalQuoteEditorHeaderDiv, .personalQuoteEditorContentDiv {}\n" + 
".personalQuoteDisplayContainerPersonDiv, .personalQuoteDisplayContainerAllDiv, .IDPersonalQuoteDisplayErrorDiv, .personalQuoteEditorContainerDiv {background: lightgray; margin: 1px; padding: 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}\n" + 
".personalQuoteDisplayContainerPersonDiv, .personalQuoteDisplayContainerAllDiv, .personalQuoteText, .personalQuotePerson, .personalQuoteStory {color: black; font-size: 11px; font-style: italic;}\n" + 
".personalQuoteQuoteContainerDiv, .personalQuoteQuoteMessageDiv {border: 1px solid black; margin: 5px; padding: 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}\n" + 
".personalQuoteQuoteContainerDiv:hover {border: 2px solid black;}\n" + 
".personalQuoteTiddlersDiv, .personalQuoteSpeakereDiv, .personalQuoteStoryeDiv, .personalQuoteTextDiv {}\n" + 
".personalQuoteTiddlersHeaderSpan, .personalQuoteSpeakerHeaderSpan, .personalQuoteStoryHeaderSpan, .personalQuoteTextHeaderSpan {display: inline-block; width: 50px; vertical-align: top;}\n" + 
".personalQuoteTiddlersInputSpan, .personalQuoteSpeakerInputSpan, .personalQuoteStoryInputSpan, .personalQuoteTextTextareaSpan {display: inline-block; width: 80%;}\n" + 
".personalQuoteTiddlersInput, .personalQuoteSpeakerInput, .personalQuoteStoryInput {width: 100%;}\n" + 
".personalQuoteTextTextarea {width: 100%; height: 100px;}\n" + 
".personalQuoteSaveButton, .personalQuoteNewQuoteButton {display: inline; border: 1px solid black!important; padding: 1px; margin: 1px; font-size: 10px; line-height: 120%;}\n" + 
".personalQuoteMessageDiv {font-weight: bold;}\n" + 
".personalQuoteEditorHeaderDiv {margin: 5px;}\n" + 
".personalQuoteFilterInput {margin-left: 15px;}\n" + 
".personalQuoteQuoteContainerDivOnDragAndDrop {background: grey!important; border: 2px solid red!important;}\n" + 
"/*}}}*/";
store.addNotification("PersonalQuoteStylesheet", refreshStyles);

//Config options
if (config.options.txtPQQuoteSource === undefined) {
config.options.txtPQQuoteSource = "PersonalQuotes";
}
if (config.options.txtPQQuoteFormat === undefined) {
config.options.txtPQQuoteFormat = "{{personalQuoteText{%2}}}\n({{personalQuotePerson{%0}}}, {{personalQuoteStory{%1}}})";
}
if (config.options.txtPQQuoteMultilineDelimiterStart === undefined) {
config.options.txtPQQuoteMultilineDelimiterStart = "{";
}
if (config.options.txtPQQuoteMultilineDelimiterEnd === undefined) {
config.options.txtPQQuoteMultilineDelimiterEnd = "}";
}
if (config.options.txtPQQuoteQuoteDelimiter === undefined) {
config.options.txtPQQuoteQuoteDelimiter = "----";
}
if (config.options.txtPQQuoteArticleTags === undefined) {
config.options.txtPQQuoteArticleTags = "article,person";
}
if (config.options.chkPQQuoteShowNoQuoteForPersonMessage === undefined) {
config.options.chkPQQuoteShowNoQuoteForPersonMessage = true;
}
if (config.options.chkPQQuoteShowNoQuotesMessage === undefined) {
config.options.chkPQQuoteShowNoQuotesMessage = true;
}
if (config.options.txtPQQuoteEditor === undefined) {
config.options.txtPQQuoteEditor = "PersonalQuoteEditor";
}
if (config.options.chkPQQuoteIgnoreWarnings === undefined) {
config.options.chkPQQuoteIgnoreWarnings = true;
}

//Option descriptions
merge(config.optionsDesc,{
txtPQQuoteSource: "Source of personal quotes",
txtPQQuoteFormat: "Format of the displayed quote; default is {{{Personal quote text\n(person, story)}}}; if you want a different formatting, you can change specify it in [[PersonalQuoteStylesheet]]; the default classes are already included",
txtPQQuoteMultilineDelimiterStart: "Multi line quote text start delimiter (can be multi character, but you can't use those characters in the quote itself)",
txtPQQuoteMultilineDelimiterEnd: "Multi line quote text end delimiter (can be multi character, but you can't use those characters in the quote itself)",
txtPQQuoteQuoteDelimiter: "Delimter between quotes (without line breaks)",
chkPQQuoteShowNoQuoteForPersonMessage: "Show message if there are no quotes specified for a person",
chkPQQuoteShowNoQuotesMessage: "Show message if there are no quotes specified",
txtPQQuoteEditor: "Personal quote editor",
chkPQQuoteIgnoreWarnings: "Ignore warnings for missing speaker and story (note that the warnings will be ignored anyway, if the {{{%0}}} and {{{%1}}} placeholders are missing from the display format)"
});

config.macros.personalQuote = {};

//Texts
config.macros.personalQuote.texts = {
personalQuoteUnknownSpeaker: "Unknown Speaker",
personalQuoteUnknownStory: "Unknown Story",
personalQuoteTiddlers: "Tiddlers",
personalQuoteTiddlersPlaceholder: "You can specify multiple tiddlers; use tube (|) as separator; use full tiddler name",
personalQuoteSpeaker: "Speaker",
personalQuoteSpeakerPlaceholder: "Can be descriptive (eg: Person A to Person B)",
personalQuoteStory: "Story",
personalQuoteStoryPlaceholder: "Story name",
personalQuoteText: "Quote",
personalQuoteTextPlaceholder: "The quote; can be multi line; do not use multi line delimiters in text",
personalQuoteNoQuotesForPerson: "There are no quotes specified for this person (%0).",
personalQuoteNoQuotes: "There are no quotes specified.",
personalQuoteSaveButtonText: "Save",
personalQuoteSaveButtonTooltip: "Save the quotes",
personalQuoteNewQuoteButtonText: "New quote",
personalQuoteNewQuoteButtonTooltip: "Add a new quote",
personalQuoteFilterPlaceholder: "Filter quotes",
personalQuoteFilterTitle: "Filter quotes",
personalQuoteErrorQuoteNumber: "Issues in quote number ''%0''.\n",
personalQuoteErrorNoTiddler: "Missing tiddler! Tiddler is mandatory!\n",
personalQuoteErrorNoSpeaker: "Missing speaker! Speaker is optional.\n",
personalQuoteErrorNoStory: "Missing story! Story is optional.\n",
personalQuoteErrorNoQuote: "Missing quote! Quote is mandatory!\n"
};

//IDs
config.macros.personalQuote.IDs = {
IDPersonalQuoteDisplayContainerDiv: "IDPersonalQuoteDisplayContainerDiv_",
IDPersonalQuoteDisplayErrorDiv: "IDPersonalQuoteDisplayErrorDiv_",
IDPersonalQuoteEditorContainerDiv: "IDPersonalQuoteEditorContainerDiv",
IDPersonalQuoteEditorHeaderDiv: "IDPersonalQuoteEditorHeaderDiv",
IDPersonalQuoteEditorContentDiv: "IDPersonalQuoteEditorContentDiv",
IDPersonalQuoteQuoteContainerDiv: "IDPersonalQuoteQuoteContainerDiv_",
IDPersonalQuoteTiddlersDiv: "IDPersonalQuoteTiddlersDiv_",
IDPersonalQuoteTiddlersHeaderSpan: "IDPersonalQuoteTiddlersHeaderSpan_",
IDPersonalQuoteTiddlersInputSpan: "IDPersonalQuoteTiddlersInputSpan_",
IDPersonalQuoteTiddlersInput: "IDPersonalQuoteTiddlersInput_",
IDPersonalQuoteSpeakerDiv: "IDPersonalQuoteSpeakerDiv_",
IDPersonalQuoteSpeakerHeaderSpan: "IDPersonalQuoteSpeakerHeaderSpan_",
IDPersonalQuoteSpeakerInputSpan: "IDPersonalQuoteSpeakerInputSpan_",
IDPersonalQuoteSpeakerInput: "IDPersonalQuoteSpeakerInput_",
IDPersonalQuoteStoryDiv: "IDPersonalQuoteStoryDiv_",
IDPersonalQuoteStoryHeaderSpan: "IDPersonalQuoteStoryHeaderSpan_",
IDPersonalQuoteStoryInputSpan: "IDPersonalQuoteStoryInputSpan_",
IDPersonalQuoteStoryInput: "IDPersonalQuoteStoryInput_",
IDPersonalQuoteTextDiv: "IDPersonalQuoteTextDiv_",
IDPersonalQuoteTextHeaderSpan: "IDPersonalQuoteTextHeaderSpan_",
IDPersonalQuoteTextTextareaSpan: "IDPersonalQuoteTextTextareaSpan_",
IDPersonalQuoteTextTextarea: "IDPersonalQuoteTextTextarea_",
IDPersonalQuoteMessageDiv: "IDPersonalQuoteMessageDiv",
IDPersonalQuoteSaveButton: "IDPersonalQuoteSaveButton",
IDPersonalQuoteNewQuoteButton: "IDPersonalQuoteNewQuoteButton",
IDPersonalQuoteFilterInput: "IDPersonalQuoteFilterInput"
};

config.macros.personalQuote.handler = function (place,macroName,params,wikifier,paramString,tiddler) {
"use strict";

//Get options
var source = config.options.txtPQQuoteSource;

var quoteFormat = config.options.txtPQQuoteFormat;
var multilineStart = config.options.txtPQQuoteMultilineDelimiterStart;
var multilineEnd = config.options.txtPQQuoteMultilineDelimiterEnd;
var showNoQuoteForPersonMessage = config.options.chkPQQuoteShowNoQuoteForPersonMessage;
var showNoQuotesMessage = config.options.chkPQQuoteShowNoQuotesMessage;
var articleTags = config.options.txtPQQuoteArticleTags;

var personTid = params[0];

//Get current tiddler
var tid;
var here = story.findContainingTiddler(place);
if (here) {
tid = store.getTiddler(here.getAttribute("tiddler"));
}

//Parse quotations and find matches
var quotes = store.getTiddlerText(source);
if (quotes && quotes.length) { //If there are quotes
var quotesSplit = quotes.split("\n----\n");
var quotesSplitLength = quotesSplit.length;
var articleTagsSplit = articleTags.split(",");
var articleTagsSplitLength = articleTagsSplit.length;
var i, j, tiddlerRE, articleTagCounterCurrent, articleTagCounter, targetTid, errorDiv, listType;
var matches = [];
if ((personTid !== undefined) && personTid.length) { //If person is specified
targetTid = store.getTiddler(personTid);
}
else {
if ((personTid === undefined) && (articleTags.length)) { //If person is not specified and there are tags to match
articleTagCounterCurrent = 0;
for (j = 0; j < articleTagsSplitLength; j+=1) { //Go though tags and count the matches for the display tiddler
if (tid.isTagged(articleTagsSplit[j])) {
articleTagCounterCurrent+=1;
}
}
if (articleTagCounterCurrent === articleTagsSplitLength) { //If the number of matches is the same as the number of tags that need to be matched
targetTid = tid;
}
}
else { //If person is not specified and there are no tags to match
targetTid = tid;
}
}
var multilineRE = new RegExp("\\n(?=(?:[^"+multilineStart.escapeRegExp()+multilineEnd.escapeRegExp()+"]*("+multilineStart.escapeRegExp()+")[^"+multilineStart.escapeRegExp()+multilineEnd.escapeRegExp()+"]*"+multilineEnd.escapeRegExp()+")*[^"+multilineStart.escapeRegExp()+multilineEnd.escapeRegExp()+"]*$)","g");
if (((personTid === undefined) && (targetTid !== undefined)) || ((personTid !== undefined) && personTid.length)) { //If person is specified
listType = "person";
for (i = 0; i < quotesSplitLength; i+=1) {
tiddlerRE = new RegExp(quotesSplit[i].replace(multilineRE, "splitHere").split("splitHere")[0].replace(/\|/g, "tubePlaceholder").escapeRegExp().replace(/tubePlaceholder/g, "|"),""); //Needs to not escape tubes, so it can check multiple tiddlers
if (articleTags.length === 0) { //If there are no tags to be matched
if (targetTid.title.match(tiddlerRE)) {
matches.push(quotesSplit[i]); //Push matching quotes to array
}
}
else { //If there are tags to be matched
articleTagCounter = 0;
for (j = 0; j < articleTagsSplitLength; j+=1) { //Go though tags and count the matches
if (targetTid.isTagged(articleTagsSplit[j])) {
articleTagCounter+=1;
}
}
if (articleTagCounter === articleTagsSplitLength) { //If the number of matches is the same as the number of tags that need to be matched
if (targetTid.title.match(tiddlerRE)) {
matches.push(quotesSplit[i]); //Push matching quotes to array
}
}
}
}
if (!matches.length && (showNoQuoteForPersonMessage === true)) { //If there are no quotes
errorDiv = createTiddlyElement(place,"div",this.IDs.IDPersonalQuoteDisplayErrorDiv+tid.title.replace(/\s/g, ""),"personalQuoteDisplayErrorDiv");
wikify(this.texts.personalQuoteNoQuotesForPerson.format(targetTid.title),errorDiv);
}
}
else if (((personTid === undefined) && (targetTid === undefined)) || ((personTid !== undefined) && !personTid.length)) {  //If person is not specified
listType = "all";
matches = quotesSplit.slice();
}

//Parse a random match
if (matches.length) {
var rnd = Math.floor(Math.random()*matches.length);
var quote = matches[rnd]; //Get random quote
var multilineCleanRE = new RegExp(multilineStart.escapeRegExp()+"|"+multilineEnd.escapeRegExp(),"g");
var quoteSplit = quote.replace(multilineRE, "splitHere").replace(multilineCleanRE, "").split("splitHere");
quoteSplit.shift(); //Remove tiddler name
if (!quoteSplit[0].length) {
quoteSplit[0] = this.texts.personalQuoteUnknownSpeaker;
}
if (!quoteSplit[1].length) {
quoteSplit[1] = this.texts.personalQuoteUnknownStory;
}
var quoteClass;
if (listType === "person") {
quoteClass = "personalQuoteDisplayContainerPersonDiv";
}
else if (listType === "all") {
quoteClass = "personalQuoteDisplayContainerAllDiv";
}
var quoteDiv = createTiddlyElement(place,"div",this.IDs.IDPersonalQuoteDisplayContainerDiv+tid.title.replace(/\s/g, ""),quoteClass);
wikify(quoteFormat.format(quoteSplit),quoteDiv);
}

} //End if there are quotes

else if (showNoQuotesMessage === true) {
errorDiv = createTiddlyElement(place,"div",this.IDs.IDPersonalQuoteDisplayErrorDiv+tid.title.replace(/\s/g, ""),"personalQuoteDisplayErrorDiv");
wikify(this.texts.personalQuoteNoQuotes,errorDiv);
}

};//End macro

//Editor
config.macros.personalQuoteEditor = {};

config.macros.personalQuoteEditor.handler = function (place,macroName,params,wikifier,paramString,tiddler) {
"use strict";

//Get options
var source = config.options.txtPQQuoteSource;
var multilineStart = config.options.txtPQQuoteMultilineDelimiterStart;
var multilineEnd = config.options.txtPQQuoteMultilineDelimiterEnd;
var quoteDelimiter = "\n"+config.options.txtPQQuoteQuoteDelimiter+"\n";

//Containers
var editorContainerDiv = createTiddlyElement(place,"div",config.macros.personalQuote.IDs.IDPersonalQuoteEditorContainerDiv,"personalQuoteEditorContainerDiv");
var editorHeaderDiv = createTiddlyElement(editorContainerDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteEditorHeaderDiv,"personalQuoteEditorHeaderDiv");
var editorMessageDiv = createTiddlyElement(editorContainerDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteMessageDiv,"personalQuoteMessageDiv");
editorMessageDiv.style.display = "none";
var editorContentDiv = createTiddlyElement(editorContainerDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteEditorContentDiv,"personalQuoteEditorContentDiv");

//Create buttons and filter
var quoteFilter;
var saveButton = createTiddlyButton(editorHeaderDiv, config.macros.personalQuote.texts.personalQuoteSaveButtonText, config.macros.personalQuote.texts.personalQuoteSaveButtonTooltip, function() {config.macros.personalQuoteEditor.saveQuotes(editorContentDiv.id);}, "personalQuoteSaveButton", config.macros.personalQuote.IDs.IDPersonalQuoteSaveButton);
var newQuoteButton = createTiddlyButton(editorHeaderDiv, config.macros.personalQuote.texts.personalQuoteNewQuoteButtonText, config.macros.personalQuote.texts.personalQuoteNewQuoteButtonTooltip, function() {config.macros.personalQuoteEditor.newQuote(editorContentDiv,quotesSplitLength,saveButton,quoteFilter,editorMessageDiv);}, "personalQuoteNewQuoteButton", config.macros.personalQuote.IDs.IDPersonalQuoteNewQuoteButton);
quoteFilter = createTiddlyElement(editorHeaderDiv,"input",config.macros.personalQuote.IDs.IDPersonalQuoteFilterInput,"personalQuoteFilterInput");
quoteFilter.placeholder = config.macros.personalQuote.texts.personalQuoteFilterPlaceholder;
quoteFilter.title = config.macros.personalQuote.texts.personalQuoteFilterTitle;
quoteFilter.onkeyup = function(){config.macros.personalQuoteEditor.filterQuotes(this,editorContentDiv);};

var quotes = store.getTiddlerText(source);
if (quotes && quotes.length) { //If there are quotes
var quotesSplit = quotes.split(quoteDelimiter);
var quotesSplitLength = quotesSplit.length;
var multilineRE = new RegExp("\\n(?=(?:[^"+multilineStart.escapeRegExp()+multilineEnd.escapeRegExp()+"]*("+multilineStart.escapeRegExp()+")[^"+multilineStart.escapeRegExp()+multilineEnd.escapeRegExp()+"]*"+multilineEnd.escapeRegExp()+")*[^"+multilineStart.escapeRegExp()+multilineEnd.escapeRegExp()+"]*$)","g");
var multilineCleanRE = new RegExp(multilineStart.escapeRegExp()+"|"+multilineEnd.escapeRegExp(),"g");
var i, quoteContainerDiv, quoteTiddlersDiv, quoteTiddlersHeaderSpan, quoteTiddlersInputSpan, quoteTiddlersInput, quoteSpeakerDiv, quoteSpeakerHeaderSpan, quoteSpeakerInputSpan, quoteSpeakerInput, quoteStoryDiv, quoteStoryHeaderSpan, quoteStoryInputSpan, quoteStoryInput, quoteTextDiv, quoteTextHeaderSpan, quoteTextTextareaSpan, quoteTextTextarea, quoteSplit;

//Go through the quotes
for (i = 0; i < quotesSplitLength; i+=1) {
quoteContainerDiv = createTiddlyElement(editorContentDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteQuoteContainerDiv+i,"personalQuoteQuoteContainerDiv");
quoteContainerDiv.setAttribute("draggable", true);
quoteContainerDiv.setAttribute("ondragstart", "config.macros.personalQuoteEditor.dragstart(event)");
quoteContainerDiv.setAttribute("ondragenter", "config.macros.personalQuoteEditor.dragenter(event)");
quoteContainerDiv.setAttribute("ondragover", "config.macros.personalQuoteEditor.dragover(event)");
quoteContainerDiv.setAttribute("ondragleave", "config.macros.personalQuoteEditor.dragleave(event)");
quoteContainerDiv.setAttribute("ondragend", "config.macros.personalQuoteEditor.dragend(event)");
quoteContainerDiv.setAttribute("ondrop", "config.macros.personalQuoteEditor.drop(event)");
quoteTiddlersDiv = createTiddlyElement(quoteContainerDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteTiddlersDiv+i,"personalQuoteTiddlersDiv");
quoteTiddlersHeaderSpan = createTiddlyElement(quoteTiddlersDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteTiddlersHeaderSpan+i,"personalQuoteTiddlersHeaderSpan",config.macros.personalQuote.texts.personalQuoteTiddlers);
quoteTiddlersInputSpan = createTiddlyElement(quoteTiddlersDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteTiddlersInputSpan+i,"personalQuoteTiddlersInputSpan");
quoteTiddlersInput = createTiddlyElement(quoteTiddlersInputSpan,"input",config.macros.personalQuote.IDs.IDPersonalQuoteTiddlersInput+i,"personalQuoteTiddlersInput");
quoteTiddlersInput.placeholder = config.macros.personalQuote.texts.personalQuoteTiddlersPlaceholder;
quoteSpeakerDiv = createTiddlyElement(quoteContainerDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteSpeakerDiv+i,"personalQuoteSpeakereDiv");
quoteSpeakerHeaderSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteSpeakerHeaderSpan+i,"personalQuoteSpeakerHeaderSpan",config.macros.personalQuote.texts.personalQuoteSpeaker);
quoteSpeakerInputSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteSpeakerInputSpan+i,"personalQuoteSpeakerInputSpan");
quoteSpeakerInput = createTiddlyElement(quoteSpeakerInputSpan,"input",config.macros.personalQuote.IDs.IDPersonalQuoteSpeakerInput+i,"personalQuoteSpeakerInput");
quoteSpeakerInput.placeholder = config.macros.personalQuote.texts.personalQuoteSpeakerPlaceholder;
quoteStoryDiv = createTiddlyElement(quoteContainerDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteStoryDiv+i,"personalQuoteStoryeDiv");
quoteStoryHeaderSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteStoryHeaderSpan+i,"personalQuoteStoryHeaderSpan",config.macros.personalQuote.texts.personalQuoteStory);
quoteStoryInputSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteStoryInputSpan+i,"personalQuoteStoryInputSpan");
quoteStoryInput = createTiddlyElement(quoteStoryInputSpan,"input",config.macros.personalQuote.IDs.IDPersonalQuoteStoryInput+i,"personalQuoteStoryInput");
quoteStoryInput.placeholder = config.macros.personalQuote.texts.personalQuoteStoryPlaceholder;
quoteTextDiv = createTiddlyElement(quoteContainerDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteTextDiv+i,"personalQuoteTextDiv");
quoteTextHeaderSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteTextHeaderSpan+i,"personalQuoteTextHeaderSpan",config.macros.personalQuote.texts.personalQuoteText);
quoteTextTextareaSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteTextTextareaSpan+i,"personalQuoteTextTextareaSpan");
quoteTextTextarea = createTiddlyElement(quoteTextTextareaSpan,"textarea",config.macros.personalQuote.IDs.IDPersonalQuoteTextTextarea+i,"personalQuoteTextTextarea");
quoteTextTextarea.placeholder = config.macros.personalQuote.texts.personalQuoteTextPlaceholder;
//Populate the inputs
quoteSplit = quotesSplit[i].replace(multilineRE, "splitHere").replace(multilineCleanRE, "").split("splitHere");
quoteTiddlersInput.value = quoteSplit[0];
quoteSpeakerInput.value = quoteSplit[1];
quoteStoryInput.value = quoteSplit[2];
quoteTextTextarea.value = quoteSplit[3];
}
}
else { //If there are no quotes
saveButton.style.display = "none";
quoteFilter.style.display = "none";
editorMessageDiv.style.display = "block";
wikify(config.macros.personalQuote.texts.personalQuoteNoQuotes,editorMessageDiv);
}
};
//End editor

//Filter quotes
config.macros.personalQuoteEditor.filterQuotes = function(filterInput,editorContentDiv) {
"use strict";

var i, quoteTid;
var filter = filterInput.value.toUpperCase();
var quoteDiv = editorContentDiv.children;
var quoteDivLength = quoteDiv.length;
for (i = 0; i < quoteDivLength; i+=1) {
quoteTid = quoteDiv[i].firstChild.childNodes[1].firstChild.value.toUpperCase();
if (quoteTid.indexOf(filter) !== -1) {
quoteDiv[i].style.display = "";
} else {
quoteDiv[i].style.display = "none";
}
}
};
//End filter quotes

//New quote
config.macros.personalQuoteEditor.newQuote = function(editorContentDiv,quotesSplitLength,saveButton,quoteFilter,editorMessageDiv) {
"use strict";

saveButton.style.display = "inline";
quoteFilter.style.display = "inline";
editorMessageDiv.style.display = "none";

var quoteContainerDiv = createTiddlyElement(editorContentDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteQuoteContainerDiv+quotesSplitLength,"personalQuoteQuoteContainerDiv");
quoteContainerDiv.setAttribute("draggable", true);
quoteContainerDiv.setAttribute("ondragstart", "config.macros.personalQuoteEditor.dragstart(event)");
quoteContainerDiv.setAttribute("ondragenter", "config.macros.personalQuoteEditor.dragenter(event)");
quoteContainerDiv.setAttribute("ondragover", "config.macros.personalQuoteEditor.dragover(event)");
quoteContainerDiv.setAttribute("ondragleave", "config.macros.personalQuoteEditor.dragleave(event)");
quoteContainerDiv.setAttribute("ondragend", "config.macros.personalQuoteEditor.dragend(event)");
quoteContainerDiv.setAttribute("ondrop", "config.macros.personalQuoteEditor.drop(event)");
var quoteTiddlersDiv = createTiddlyElement(quoteContainerDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteTiddlersDiv+quotesSplitLength,"personalQuoteTiddlersDiv");
var quoteTiddlersHeaderSpan = createTiddlyElement(quoteTiddlersDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteTiddlersHeaderSpan+quotesSplitLength,"personalQuoteTiddlersHeaderSpan",config.macros.personalQuote.texts.personalQuoteTiddlers);
var quoteTiddlersInputSpan = createTiddlyElement(quoteTiddlersDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteTiddlersInputSpan+quotesSplitLength,"personalQuoteTiddlersInputSpan");
var quoteTiddlersInput = createTiddlyElement(quoteTiddlersInputSpan,"input",config.macros.personalQuote.IDs.IDPersonalQuoteTiddlersInput+quotesSplitLength,"personalQuoteTiddlersInput");
quoteTiddlersInput.placeholder = config.macros.personalQuote.texts.personalQuoteTiddlersPlaceholder;
var quoteSpeakerDiv = createTiddlyElement(quoteContainerDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteSpeakerDiv+quotesSplitLength,"personalQuoteSpeakereDiv");
var quoteSpeakerHeaderSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteSpeakerHeaderSpan+quotesSplitLength,"personalQuoteSpeakerHeaderSpan",config.macros.personalQuote.texts.personalQuoteSpeaker);
var quoteSpeakerInputSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteSpeakerInputSpan+quotesSplitLength,"personalQuoteSpeakerInputSpan");
var quoteSpeakerInput = createTiddlyElement(quoteSpeakerInputSpan,"input",config.macros.personalQuote.IDs.IDPersonalQuoteSpeakerInput+quotesSplitLength,"personalQuoteSpeakerInput");
quoteSpeakerInput.placeholder = config.macros.personalQuote.texts.personalQuoteSpeakerPlaceholder;
var quoteStoryDiv = createTiddlyElement(quoteContainerDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteStoryDiv+quotesSplitLength,"personalQuoteStoryeDiv");
var quoteStoryHeaderSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteStoryHeaderSpan+quotesSplitLength,"personalQuoteStoryHeaderSpan",config.macros.personalQuote.texts.personalQuoteStory);
var quoteStoryInputSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteStoryInputSpan+quotesSplitLength,"personalQuoteStoryInputSpan");
var quoteStoryInput = createTiddlyElement(quoteStoryInputSpan,"input",config.macros.personalQuote.IDs.IDPersonalQuoteStoryInput+quotesSplitLength,"personalQuoteStoryInput");
quoteStoryInput.placeholder = config.macros.personalQuote.texts.personalQuoteStoryPlaceholder;
var quoteTextDiv = createTiddlyElement(quoteContainerDiv,"div",config.macros.personalQuote.IDs.IDPersonalQuoteTextDiv+quotesSplitLength,"personalQuoteTextDiv");
var quoteTextHeaderSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteTextHeaderSpan+quotesSplitLength,"personalQuoteTextHeaderSpan",config.macros.personalQuote.texts.personalQuoteText);
var quoteTextTextareaSpan = createTiddlyElement(quoteContainerDiv,"span",config.macros.personalQuote.IDs.IDPersonalQuoteTextTextareaSpan+quotesSplitLength,"personalQuoteTextTextareaSpan");
var quoteTextTextarea = createTiddlyElement(quoteTextTextareaSpan,"textarea",config.macros.personalQuote.IDs.IDPersonalQuoteTextTextarea+quotesSplitLength,"personalQuoteTextTextarea");
quoteTextTextarea.placeholder = config.macros.personalQuote.texts.personalQuoteTextPlaceholder;
};
//End new quote

//Save quotes
config.macros.personalQuoteEditor.saveQuotes = function(editorContentDiv) {
"use strict";

//Get options
var source = config.options.txtPQQuoteSource;
var displayFormat = config.options.txtPQQuoteFormat;
var multilineStart = config.options.txtPQQuoteMultilineDelimiterStart;
var multilineEnd = config.options.txtPQQuoteMultilineDelimiterEnd;
var quoteDelimiter = config.options.txtPQQuoteQuoteDelimiter;
var ignoreWarnings = config.options.chkPQQuoteIgnoreWarnings;
var quoteEditor = config.options.txtPQQuoteEditor;
var user = config.options.txtUserName;

var speakerPlaceholder = "%0";
var storyPlaceholder = "%1";

var content = document.getElementById(editorContentDiv);
var inputs = content.getElementsByTagName("input");
var textareas = content.getElementsByTagName("textarea");
var i, qTiddler, qSpeaker, qStory, qQuote, errorsCounter, warningsCounter, issues;
var errors = false;
var warnings = false;
var textareasLength = textareas.length;
var out = [];
for (i = 0; i < textareasLength; i+=1) {
errorsCounter = 0;
warningsCounter = 0;
issues = [];
qTiddler = inputs[i*2+i].value;
qSpeaker = inputs[i*2+i+1].value;
qStory = inputs[i*2+i+2].value;
qQuote = textareas[i].value;
//Count errors and warnings
if (!qTiddler.length) {
errorsCounter+=1;
issues.push("1");
}
if (!qSpeaker.length) {
warningsCounter+=1;
issues.push("2");
}
if (!story.length) {
warningsCounter+=1;
issues.push("3");
}
if (!qQuote.length) {
errorsCounter+=1;
issues.push("4");
}

if ((errorsCounter !== 2) && ((warningsCounter !== 2) || ((warningsCounter === 2) && (ignoreWarnings === true)))) { //If all fields are not empty
if ((errorsCounter === 0) && ((warningsCounter === 0) || ((warningsCounter !== 0) && (ignoreWarnings === true)))) {
out.push(qTiddler);
out.push(qSpeaker);
out.push(qStory);
out.push(multilineStart+qQuote+multilineEnd);
if (i < textareasLength-1) {
out.push(quoteDelimiter);
}
}
if (errorsCounter !== 0) { //If there are errors
errors = true;
break;
}
if ((warningsCounter !== 0) && (ignoreWarnings === false)) { //If there are warnings and if warnings can't be ignored
warnings = true;
break;
}
}
}

if ((errors === false) && ((warnings === false) || ((warnings === true) && (ignoreWarnings === true)))) {
out.join("\n");
var outText = out.join("\n");
store.saveTiddler(source,source,outText,user,new Date());
//autoSaveChanges();
story.refreshTiddler(quoteEditor,null,true);
}
else {
var quoteNumber = config.macros.personalQuote.texts.personalQuoteErrorQuoteNumber.format([i+1]);
if (errors === true) {
if (issues.indexOf("1") !== -1) {
alert(quoteNumber+config.macros.personalQuote.texts.personalQuoteErrorNoTiddler);
}
if (issues.indexOf("4") !== -1) {
alert(quoteNumber+config.macros.personalQuote.texts.personalQuoteErrorNoQuote);
}
}
if ((warnings === true) && (ignoreWarnings === false)) {
if (issues.indexOf("2") !== -1) {
alert(quoteNumber+config.macros.personalQuote.texts.personalQuoteErrorNoSpeaker);
}
if (issues.indexOf("3") !== -1) {
alert(quoteNumber+config.macros.personalQuote.texts.personalQuoteErrorNoStory);
}
}
}
};
//End save quotes

//Put the editor in a shadow tiddler
var PQEditor = config.options.txtPQQuoteEditor;
config.shadowTiddlers[PQEditor] = "<<personalQuoteEditor>>";

//Drag and drop functions
//Modified from https://stackoverflow.com/questions/10588607/tutorial-for-html5-dragdrop-sortable-list
var personalQuoteEditorSource;

config.macros.personalQuoteEditor.isbefore = function(a, b) {
"use strict";
var current;
if (a.parentNode === b.parentNode) {
for (current = a; current; current = current.previousSibling) {
if (current === b) { 
return true;
}
}
}
return false;
};

config.macros.personalQuoteEditor.dragstart = function(e) {
"use strict";
personalQuoteEditorSource = e.target;
e.dataTransfer.setData("text/plain",null);
e.dataTransfer.effectAllowed = "move";
e.dataTransfer.dropEffect = "move";
jQuery("#"+personalQuoteEditorSource.id).addClass("personalQuoteQuoteContainerDivOnDragAndDrop");
};

config.macros.personalQuoteEditor.dragenter = function(e) {
"use strict";
e.preventDefault();
if (e.target.className === "personalQuoteQuoteContainerDiv") {
if (this.isbefore(personalQuoteEditorSource, e.target)) {
e.target.parentNode.insertBefore(personalQuoteEditorSource, e.target);
}
else {
e.target.parentNode.insertBefore(personalQuoteEditorSource, e.target.nextSibling);
}
}
};

config.macros.personalQuoteEditor.dragover = function(e) {
"use strict";
e.preventDefault();
};

config.macros.personalQuoteEditor.dragleave = function(e) {
"use strict";
e.preventDefault();
};

config.macros.personalQuoteEditor.dragend = function(e) {
"use strict";
e.preventDefault();
};

config.macros.personalQuoteEditor.drop = function(e) {
"use strict";
e.preventDefault();
jQuery("#"+personalQuoteEditorSource.id).removeClass("personalQuoteQuoteContainerDivOnDragAndDrop");
};

} //End of install only once
//}}}
Semany Tahl
Semany Tahl

Religion requires faith and blind belief. When you know something exists and you can use it, then it's no longer a religion.
----
Semany Tahl
Semany Tahl

"The how is easy, it's the when and the why that are tricky."
----
Mina (person)
Mina

"We are all freaks in our own way."
----
Mina (person)
Mina

"Why do you need to label me? As though a label will help you understand me. As though a label can describe everything that I am. Will you fear me less if you can give me a label?"
----
Unknown Hero


"We all suck"
----
Random Person 1|Random Person 2
Random Person 1 to Random Person 2
Some Story
{"You suck."
"You suck worse."}
Test
<<personalQuote>>
<<personalQuote>>
!No specified person (show quotes from all people)
<<personalQuote>>
!Specified person
<<personalQuote "Mina (person)">>
!No specified person, but the first param exists (show quotes from all people)
<<personalQuote "">>
<<personalQuote>>
Display a random quote from a particular person
PersonalQuotePlugin
txtUserName: Kristjan
/***
|Name|[[TiddlyFileImportr|TiddlyFileImportr]]|
|Version|0.2.7|
|Status|experimental|
|Source|https://github.com/jdlrobson/TiddlyWikiPlugins/tree/master/apps/fileimport|
|Latest|http://repository.tiddlyspace.com/TiddlyFileImportr|
***/
//{{{
var ImportWizard, WizardMaker;

(function($) {
window.WizardMaker = function(place, wizard) {
	var steps = wizard[0];
	var options = wizard[1] || {};
	$("<h1 />").text(options.heading || "Wizard").appendTo(place);
	var wizard = this;
	$('<button class="button">restart wizard</button>').click(function(ev) {
		wizard.jumpTo(0);
		}).appendTo(place)[0];
	this.currentStep = 0;
	this.body = $('<div class="wizardBody"/>').appendTo(place)[0];
	this.steps = steps;
	this.values = {};
	this.createStep(0);
};

WizardMaker.prototype = {
	/*
	OPTIONS
	step: [function, options]
	*/
	createStep: function(stepNumber) {
		$(this.body).empty();
		var step = this.steps[stepNumber];
		if(!step) {
			throw "invalid step (" + stepNumber + ")"
		}
		var options = step[1] || {};
		var humanStep = stepNumber + 1;
		var heading = "Step " + humanStep;
		if(options.heading) {
			heading += ": " + options.heading;
		}
		$("<h2 />").text(heading).appendTo(this.body);
		var container = $('<div class="wizardStep" />').appendTo(this.body)[0];
		step[0](container, this);
	},
	next: function() {
		if(this.currentStep < this.steps.length - 1) {
			this.currentStep += 1;
		}
		this.createStep(this.currentStep);
	},
	jumpTo: function(step) {
		this.currentStep = step;
		this.createStep(step);
	},
	setValue: function(name, val) {
		this.values[name] = val;
	},
	getValue: function(name) {
		return this.values[name];
	}
};

if(window.FileReader) {
	window.ImportWizard = function(options) {
		var proxy = options.proxy, saveFunction = options.save,
			internalizeTiddler = options.internalizeTiddler, proxyType = options.proxyType || "GET";
		return [
			[
				[function(body, wizard) {
					$(body).html('Where do you want to import from? <select><option value="1">file</option><option value="2">the web</option></select><button class="button">ok</button>');
					$("button", body).click(function(ev) {
						var opt = $("select", body).val();
						if(opt === "1") {
							wizard.next();
						} else {
							wizard.jumpTo(2);
						}
					});
				},
				{ heading: "File or Web?" }],
				[function(body, wizard) {
					$(body).html('Browse for a file: <input type="file" size="50" name="txtBrowse"><br><hr><div class="wizardFooter"><div class="message"></div></div>');
					function handleFileSelect(evt) {
						reader = new FileReader();
						reader.onerror = function(e, msg) {
							alert("Error occurred")
						};
						reader.onabort = function(e) {
							alert('File read cancelled');
						};
						reader.onload = function(e) {
							var html = reader.result;
							wizard.setValue("html", html);
							wizard.jumpTo(3)
						}
						// Read in the image file as a binary string.
						window.reader = reader;
						reader.readAsText(evt.target.files[0]);
					}
					$("[type=file]", body)[0].addEventListener('change', handleFileSelect, false);
				}, { heading: "Locate TiddlyWiki file" }],
				[function(body, wizard) {
					$(body).html('Enter the URL or pathname here: <div class="message"></div><input type="text" size="50" name="txtPath"><button class="button">open</button>');

					$("button", body).click(function(ev) {
						var url = proxy.replace("%0", $("input", body).val())
						ajaxReq({
							type: options.proxyType,
							url: url,
							success: function(html) {
								wizard.setValue("html", html);
								wizard.jumpTo(3);
							},
							error: function() {
								$(".message").html("There is something wrong with that url please try another.");
								$("input", body).addClass("error");
							}
						})
					})
				},
				{ heading: "Import from Web" }],
				[function(body, wizard) {
					var html = wizard.getValue("html");
					var doc = $(html);
					var store;
					$(html).each(function(i, el) {
						if(el.id === "storeArea") {
							store = el;
						}
					});
					if(store) {
						var tiddlers = [];
						$(store).children().each(function(i, el) {
							var title = $(el).attr("title");
							tiddlers.push(internalizeTiddler(el));
						});
						$("<div />").text("Choose tiddlers that you wish to import");
						var table = $("<table />").appendTo(body)[0];
						$("<tr />").html('<th><input type="checkbox" checked/></th><th>title</th>').
							appendTo(table)
						$("input", table).change(function(ev) {
							var checked = $(ev.target).is(':checked');
							$("input[type=checkbox]", body).attr("checked", checked);
						});
						for(var i = 0; i < tiddlers.length; i++) {
							var title = tiddlers[i].title;
							var row = $("<tr />").data("tiddler", tiddlers[i]).appendTo(table)[0];
							$("<td />").html('<input type="checkbox" checked="checked"/>').appendTo(row);
							$("<td />").text(title).appendTo(row);
						}
						$('<button class="button">import all selected tiddlers</button>').click(function(ev) {
							var tids = [];
							$("input[type=checkbox]:checked").each(function(i, chk) {
								var tiddler = $(chk).parents("tr").data("tiddler");
								if(tiddler) {
									tids.push(tiddler);
								}
							});
							wizard.setValue("selected", tids);
							wizard.jumpTo(4)
						}).prependTo(body);
					}
				},
				{ heading: "Choose tiddlers" }],
				[function(body, wizard) {
					var tids = wizard.getValue("selected");
					$(body).text("Please wait");
					// do import
					var save = 0;
					var complete = function() {
						save += 1;
						if(save === tids.length) {
							wizard.jumpTo(5);
						}
					};
					$(body).text("Please wait (Importing " + tids.length + " tiddlers)");
					for(var i = 0; i < tids.length; i++) {
						var tid = tids[i];
						$(body).text("Please wait (Importing " + tid.title + ")");
						saveFunction(tid, complete);
					}
				},
				{ heading: "Importing" }],
				[function(body, wizard) {
					$(body).html("Good news! Everything is now imported.");
				},
				{ heading: "Finished!" }]
			],
			{
				heading: "Import tiddlers from another file or server"
			}
		];
	}
} else {
  $("#container").addClass("error").text("Your browser is not modern enough to support this app.");
}

})(jQuery);
(function($) {

if(window.ImportWizard) {
	var proxy = "%0", proxyType = "GET";
	if(config.extensions.tiddlyspace) {
		proxy = "/reflector?uri=%0";
		proxyType: "POST";
	}
	var loader = new TW21Loader();
	var internalizer = function(node) {
		var title = $(node).attr("title");
		var tiddler = new Tiddler(title);
		loader.internalizeTiddler(store, tiddler, title, node);
		return tiddler;
	};

	var importer = ImportWizard({proxy:"%0", save: function(tid, callback) {
		merge(tid.fields, config.defaultCustomFields);
		delete tid.fields["server.page.revision"];
		delete tid.fields["server.etag"];
		tid = store.saveTiddler(tid.title, tid.title, tid.text,
			tid.modifier, tid.modified, tid.tags, tid.fields, null, tid.created, tid.creator);
		autoSaveChanges(null, [tid]);
		callback();
	}, internalizeTiddler: internalizer, proxyType: proxyType });

	config.macros.importTiddlers = {
		handler: function(place) {
			var container = $("<div />").appendTo(place)[0];
			new WizardMaker(container, importer);
		}
	};
} else if(config.macros.importTiddlers) {
	var _import = config.macros.importTiddlers.handler;
	config.macros.importTiddlers.handler = function(place) {
		_import.apply(this, arguments);
		jQuery("<div class='annotation error' />").text("Please upgrade your browser to take advantage of the modernised file import mechanism of the TiddlyFileImportr plugin.").prependTo(place);
	};
}

})(jQuery);
//}}}

/***
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 = 'personalquote';

// 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,{

'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"),

'TspotOptions':[
 "tiddlyspot password:",
 "<<option pasUploadPassword>>",
 ""
].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"),

'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?// &nbsp;&nbsp;@@ 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// &nbsp;&nbsp;@@ 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// &nbsp;&nbsp;@@ 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!// &nbsp;&nbsp;@@ 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 :)// &nbsp;&nbsp;@@ 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")

});
//}}}
<<personalQuote>>
| !date | !user | !location | !storeUrl | !uploadDir | !toFilename | !backupdir | !origin |
| 08/05/2018 15:34:27 | Kristjan | [[/|http://personalquote.tiddlyspot.com/]] | [[store.cgi|http://personalquote.tiddlyspot.com/store.cgi]] | . | [[index.html | http://personalquote.tiddlyspot.com/index.html]] | . |
| 08/05/2018 15:35:05 | Kristjan | [[/|http://personalquote.tiddlyspot.com/]] | [[store.cgi|http://personalquote.tiddlyspot.com/store.cgi]] | . | [[index.html | http://personalquote.tiddlyspot.com/index.html]] | . |
| 08/05/2018 16:01:18 | Kristjan | [[/|http://personalquote.tiddlyspot.com/]] | [[store.cgi|http://personalquote.tiddlyspot.com/store.cgi]] | . | [[index.html | http://personalquote.tiddlyspot.com/index.html]] | . |
| 08/05/2018 17:52:32 | Kristjan | [[/|http://personalquote.tiddlyspot.com/]] | [[store.cgi|http://personalquote.tiddlyspot.com/store.cgi]] | . | [[index.html | http://personalquote.tiddlyspot.com/index.html]] | . |
| 08/05/2018 18:38:09 | Kristjan | [[/|http://personalquote.tiddlyspot.com/]] | [[store.cgi|http://personalquote.tiddlyspot.com/store.cgi]] | . | [[index.html | http://personalquote.tiddlyspot.com/index.html]] | . |
| 12/05/2018 23:55:10 | Kristjan | [[/|http://personalquote.tiddlyspot.com/]] | [[store.cgi|http://personalquote.tiddlyspot.com/store.cgi]] | . | [[index.html | http://personalquote.tiddlyspot.com/index.html]] | . |
| 12/05/2018 23:55:25 | Kristjan | [[/|http://personalquote.tiddlyspot.com/]] | [[store.cgi|http://personalquote.tiddlyspot.com/store.cgi]] | . | [[index.html | http://personalquote.tiddlyspot.com/index.html]] | . |
| 25/05/2018 19:31:42 | Kristjan | [[/|http://personalquote.tiddlyspot.com/]] | [[store.cgi|http://personalquote.tiddlyspot.com/store.cgi]] | . | [[index.html | http://personalquote.tiddlyspot.com/index.html]] | . |
| 27/05/2018 17:24:48 | Kristjan | [[/|http://personalquote.tiddlyspot.com/]] | [[store.cgi|http://personalquote.tiddlyspot.com/store.cgi]] | . | [[index.html | http://personalquote.tiddlyspot.com/index.html]] | . |
| 27/05/2018 17:29:19 | Kristjan | [[/|http://personalquote.tiddlyspot.com/]] | [[store.cgi|http://personalquote.tiddlyspot.com/store.cgi]] | . | [[index.html | http://personalquote.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");


//}}}