G.PAD - an innovatory password manager

<!--{{{-->
<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]];}

#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]];}

.sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
.sparktick {background:[[ColorPalette::PrimaryDark]];}

.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]];}

#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 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}

.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:0em 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 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

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

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

.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 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 0em;}
.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 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 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 0em 14em;}

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

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

.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:0em 0.25em; padding:0em 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:0px 3px 0px 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 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}

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

.sparkline {line-height:1em;}
.sparktick {outline:0;}

.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 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 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 1em;}
/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
noscript {display:none;}
}
/*}}}*/

<!--{{{-->
<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 closeTiddler closeOthers +editTiddler > fields syncing permalink references jump'></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 +saveTiddler -cancelTiddler deleteTiddler'></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'></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>>

@@demouser@@

This is a demo user data. Look up google.com tiddler from the tab index to see further information.

[[GPAD]]
[[Notes]]

* Add new Domain/User information:<<newTiddler label:"+New Domain" title:"domain.com" text:"@@user@@" tag:GPAD_DATA>>
* Then drag this link to your bookmark toolbar to update your G.PAD button: <<GPAD_LINK>>
<<tabs txtGPadTab
"#" # 'GPAD_ZONE #'
"A" A 'GPAD_ZONE A'
"B" B 'GPAD_ZONE B'
"C" C 'GPAD_ZONE C'
"D" D 'GPAD_ZONE D'
"E" E 'GPAD_ZONE E'
"F" F 'GPAD_ZONE F'
"G" G 'GPAD_ZONE G'
"H" H 'GPAD_ZONE H'
"I" I 'GPAD_ZONE I'
"J" J 'GPAD_ZONE J'
"K" K 'GPAD_ZONE K'
"L" L 'GPAD_ZONE L'
"M" M 'GPAD_ZONE M'
"N" N 'GPAD_ZONE N'
"O" O 'GPAD_ZONE O'
"P" P 'GPAD_ZONE P'
"Q" Q 'GPAD_ZONE Q'
"R" R 'GPAD_ZONE R'
"S" S 'GPAD_ZONE S'
"T" T 'GPAD_ZONE T'
"U" U 'GPAD_ZONE U'
"V" V 'GPAD_ZONE V'
"W" W 'GPAD_ZONE W'
"X" X 'GPAD_ZONE X'
"Y" Y 'GPAD_ZONE Y'
"Z" Z 'GPAD_ZONE Z'
>>

/*{{{*/
var i=-1,d=document,e;
if(document.getElementsByTagName("frameset").length>0)
for(i=0;i<frames.length;i++)try{
  var f,t=frames[i].document.body.style.border;
  frames[i].document.body.style.border="maroon dashed thick";
  f=confirm(frames[i].name);
  frames[i].document.body.style.border=t;
  if(f){d=frames[i].document;break;}}
catch(e){alert("frame: " + i + " is not accessible!");}
if(i<frames.length){
  e=d.getElementById("GPAD_ID");if(!e){

  e=d.createElement("div");
  e.style.display="none";
  e.innerHTML="GPAD_DATA";
  d.body.appendChild(e);

  e=d.createElement("script");
  e.textContent="GPAD_PG_CODE";
  d.body.appendChild(e);

  e=d.createElement("style");
  e.textContent="GPAD_STYLE";
  d.body.appendChild(e);

  e=d.createElement("table");
  e.id="GPAD_ID";
  d.body.appendChild(e);}
i<0?v():frames[i].v();}void 0
/*}}}*/

/*{{{*/
var Z;
function z(s,u,n){
  var A=new Array(),p="",a,b,c,d,i=0,j=33,k=0,m;
  while(j<127)A[i++]=j++;m=i;if(!s)s="Bad2C";
  for(a=0;a<Z.length;a++)for(b=0;b<s.length;b++)
  for(c=0;c<u.length;c++)for(d=0;d<n.length;d++){
    k=(Z.charCodeAt(a)+j)%s.charCodeAt(b)+
      (u.charCodeAt(c)+j)%n.charCodeAt(d);
    for(i=0;i<m;i++){
      j=(j+k)%m;A[m]=A[i];A[i]=A[j];A[j]=A[m];}}
  a=0;b=0;c=0;d=0;
  for(i=0;i<s.length;i++){
    j=s.charCodeAt(i);
    (j==48)?a+=10:
    (j>48 && j<58)?a+=j-48:
    (j>64 && j<91)?b+=j-64:
    (j>96 && j<123)?c+=j-96:
    d+=j-32;}
  for(i=k;a+b+c+d>0;i++){
    j=A[i%m];(d>0 && j<48)?d--:
    (a>0 && j>47 && j<58)?a--:
    (d>0 && j>57 && j<65)?d--:
    (b>0 && j>64 && j<91)?b--:
    (d>0 && j>90 && j<97)?d--:
    (c>0 && j>96 && j<123)?c--:
    (d>0 && j>122)?d--:j=0;
    if(j>0)p+=String.fromCharCode(j);}
  return p;}
function x(w){
  var e,i,g,w=w.split("/"),n=w[2]?w[2]=="ietab"?w[6]:w[2]:w[3],
      p="<tr><th style='background:#"+z("6","Key","Pad")+"'>";
  w=n?n.toUpperCase():"???";n=w;while(n.length>0)
  if(e=document.getElementById(n.toUpperCase())){
    g=e.textContent.split("|");if(g[0]){p+=n+"</th></tr>";n="";
      for(i=0;i<g.length;i++)if(g[i])p+="<tr><td>"+g[i]+"</td></tr>";}
  else n=g[1];}else{i=n.indexOf(".");n=(i>0)?n.slice(i+1):"";}
  return p.indexOf("td")>0?p:p+w+"</th></tr>";}
function k(n,m){
  var v=m.textContent.split(":"),i,u,c=z("6","Pad","Key"),
      p=z(v[1],v[0],n.textContent.toLowerCase()),
      a=document.getElementsByTagName("INPUT");
  for(i=0;i<a.length;i++)if(a[i].type=="text")u=a[i];
  else if(a[i].type=="password" && a[i].value==""){
    a[i].value=p;a[i].style.color="white";
    a[i].style.background="#"+c;if(u){
      u.value=v[0];u.style.color="white";
      u.style.background="#"+c;u=null;}}
  return "<tr><th style='background:#"+c+"'>"
    +n.textContent.toUpperCase()+"</th></tr><tr><td>"
    +v[0]+"</td></tr><tr><td>"+p+"</td></tr>"
    +(v[2]?"<tr><td>"+v[2]+"</td></tr>":"");}

function v(){
  Z="";var e=document.getElementById("GPAD_ID");
  e.className="GPAD_CSS";e.innerHTML="GPAD_TABLE";
  e.onclick=function(event){

  var m=event.target||window.event.srcElement;
  if(m.tagName=="TD")Z+=m.textContent;else{
    if(Z=="")this.className="HIDDEN";else{
      this.innerHTML=x(location.href);
      this.onclick=function(event){

  var n,m=event.target||window.event.srcElement;
  if(m.tagName=="TH"){
    n=prompt("Domain ?",m.textContent);
    if(n)this.innerHTML=x("//"+n);
    else this.className="HIDDEN";}
  else{
    this.innerHTML=k(this.getElementsByTagName("TH")[0],m);
    this.onclick=function(event){
    
  var m=event.srcElement;if(!m)m=event.target;
  if(m.tagName=="TH")this.className="HIDDEN";} } } } } }
}


/*}}}*/

/***
|Name|GPAD_PLUGIN|
|Source|http://www.gpad.org/key.html#GPAD_PLUGIN|
|Version|1.0.0|
|Author|Han Chen|
|License|[[Creative Commons License|http://creativecommons.org/licenses/by-sa/3.0/]]|
|Type|plugin|
|Requires|[[GTAB_PLUGIN]]|
|Overrides||
|Description|GPAD password bookmarklet generator|
!!!!!Installation
<<<
import (or copy/paste) the following tiddlers into your document:
* ''[[GTAB_PLUGIN]]'' (tagged with <<tag systemConfig>>)
* ''[[GPAD_PLUGIN]]'' (tagged with <<tag systemConfig>>)
* ''[[GPAD_PG_CODE]]''
* ''[[GPAD_BM_CODE]]''
* ''[[GPAD_STYLE]]''
* ''[[GPAD_TABLE]]''
* ''[[GPAD]]'' (showing the GPAD bookmarklet)
*''StyleSheet'' (for flexible tabs)
*''PageTemplate'' (for a simple layout)
<<<
!!!!!Revision History
<<<
''2007.12.07 [1.0.0]'' initial release - converted from my 2-step older script
<<<
!!!!!Credits
<<<
This feature was developed by Han Chen from http:/www.gpad.org/
<<<
!!!!!Code
***/
//{{{
function r(s){
  return s.replace(/\\/g,"\\\\").replace(/\"/g,"\\\"");
}
config.macros.GPAD_ZONE={list:[],dirty:true};
config.macros.GPAD_ZONE.handler=function(place,macroName,params,wikifier,paramString,tiddler){
  var i,t=params[0]?params[0]:tiddler.title,
      r=new RegExp("^"+(t=="#"?"[0-9]":t),"i"),
      ul=createTiddlyElement(place,"ul");
  if(this.dirty){
    var a=store.getTaggedTiddlers("GPAD_DATA");
    this.list=new Array();for(i=0;i<a.length;i++)this.list.push(a[i].title);
    this.dirty=false;
  }
  for(i=0;i<this.list.length;i++)if(this.list[i].match(r))
    createTiddlyLink(createTiddlyElement(ul,"li"),this.list[i],true);
};

config.macros.GPAD_LINK={href:"",dirty:true};
config.macros.GPAD_LINK.handler=function(place,macroName,params,wikifier,paramString,tiddler){
  if(this.dirty){
    var s=store.getTiddlerText("GPAD_PG_CODE");
    s=s.replace("GPAD_TABLE",r(store.getTiddlerText("GPAD_TABLE")));
    s=store.getTiddlerText("GPAD_BM_CODE").replace("GPAD_PG_CODE",r(s));
    s=s.replace("GPAD_STYLE",r(store.getTiddlerText("GPAD_STYLE")));
    var i,t="",a=store.getTaggedTiddlers("GPAD_DATA");
    for(i=0;i<a.length;i++){
      var j,b=a[i].text.split("\n");
      t+="<p id='"+a[i].title.toUpperCase()+"'>";
      for(j=0;j<b.length;j++){
        var k=b[j].match(new RegExp("@@(.+)@@"));
        if(k)t+=k[1]+"|";}
      t+="</p>";}
    this.href="javascript:"+s.replace("GPAD_DATA",r(t));
    this.dirty=false;
  }
  var p=createTiddlyElement(place, "a");
  p.textContent="[#]";
  p.style.fontSize="3em";
  p.href=this.href;}
//}}}

/*{{{*/
.GPAD_CSS{
  position:fixed;
  z-index:300000;
  cursor:pointer;
  right:2px;
  bottom:2px;
  border:steelblue solid thin;
  border-spacing:1ex;
  border-collapse:separate;
  background:white;
  opacity:0.9;}
.GPAD_CSS th{
  color:white;
  background:cornflowerblue;
  border-top:double;
  border-bottom:double;
  text-align:center;
  font-style:normal;
  font-variant:normal;
  font-weight:bolder;
  font-size:30px;
  font-family:georgia;
  line-height:normal;
  padding:1em;}
.GPAD_CSS td{
  color:steelblue;
  background:linen;
  border:outset thin;
  text-align:center;
  font-style:normal;
  font-variant:normal;
  font-weight:bolder;
  font-size:25px;
  font-family:georgia;
  line-height:normal;
  padding:1em;}
.HIDDEN{
  display:none;}
/*}}}*/

<tr><th colspan="9">= [ G.PAD ] =</th></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td><td>0</td><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
<tr><td>I</td><td>J</td><td>K</td><td>L</td><td>M</td><td>N</td></tr>
<tr><td>O</td><td>P</td><td>Q</td><td>R</td><td>S</td><td>T</td></tr>
<tr><td>U</td><td>V</td><td>W</td><td>X</td><td>Y</td><td>Z</td></tr>

/***
|Name|GTAB_PLUGIN|
|Source|http://www.gpad.org/key.html#GTAB_PLUGIN|
|Version|1.0.0|
|Author|Han Chen|
|License|[[Creative Commons License|http://creativecommons.org/licenses/by-sa/3.0/]]|
|Type|plugin|
|Requires||
|Overrides||
|Description|Make tab macro render other macros directly|
!!!!!Installation
<<<
import (or copy/paste) the following tiddlers into your document:
*''GTAB_PLUGIN'' (tagged with <<tag systemConfig>>)
<<<
!!!!!Revision History
<<<
*''2007.12.14 [1.0.0]'' initial release
<<<
!!!!!Credits
<<<
This enhancement was developed by Han Chen from http:/www.gpad.org/
<<<
!!!!!Code
***/
//{{{
config.macros.tabs.handler = function(place,macroName,params)
{
  var cookie = params[0];
  var numTabs = (params.length-1)/3;
  var wrapper = createTiddlyElement(null,"div",null,cookie);
  var tabset = createTiddlyElement(wrapper,"div",null,"tabset");
  tabset.setAttribute("cookie",cookie);
  var validTab = false;
  for(var t=0; t<numTabs; t++) {
    var label = params[t*3+1];
    var prompt = params[t*3+2];
    var content = params[t*3+3];
    if(label=="-"){
      createTiddlyElement(tabset,"span");
    }else{
      var tab = createTiddlyButton(tabset,label,prompt,this.onClickTab,"tab tabUnselected");
      tab.setAttribute("tab",label);
      tab.setAttribute("content",content);
      tab.title = prompt;
      if(config.options[cookie] == label) validTab = true;
    }
  }
  if(!validTab)
    config.options[cookie] = params[1];
  place.appendChild(wrapper);
  this.switchTab(tabset,config.options[cookie]);
};
config.macros.tabs.switchTab=function(tabset,tab){
  var cookie = tabset.getAttribute("cookie");
  var theTab = null;
  var nodes = tabset.childNodes;
  for(var t=0; t<nodes.length; t++) {
    if(nodes[t].getAttribute && nodes[t].getAttribute("tab") == tab) {
      theTab = nodes[t];
      theTab.className = "tab tabSelected";
    } else {
      nodes[t].className = nodes[t].getAttribute("tab")?"tab tabUnselected":"spacer";
    }
  }
  if(theTab) {
    if(tabset.nextSibling && tabset.nextSibling.className == "tabContents")
      removeNode(tabset.nextSibling);
    var tabContent = createTiddlyElement(null,"div",null,"tabContents");
    tabset.parentNode.insertBefore(tabContent,tabset.nextSibling);
    var content = theTab.getAttribute("content");
    eval("config.macros."+content.split(" ")[0])?wikify("<<"+content+">>",tabContent)
    :wikify(store.getTiddlerText(content),tabContent,null,store.getTiddler(content))
    if(cookie) {
      config.options[cookie] = tab;
      saveOptionCookie(cookie);
    }
  }
};
TiddlyWiki.prototype.setDirty = function(dirty)
{
  this.dirty=dirty;if(dirty){
    if(config.macros.GTAG_LIST)config.macros.GTAG_LIST.dirty=true;
    if(config.macros.GPAD_LINK)config.macros.GPAD_LINK.dirty=true;
    if(config.macros.GPAD_ZONE)config.macros.GPAD_ZONE.dirty=true;
  }
};
//}}}

[[G.PAD|GPAD]][[Q&A]]UseCase[[News]]

<<today "DDD : MMM DD, YYYY">>

!!!12/19/2007
G.PAD version 1.0 uploaded to http://pad.tiddlyspot.com/
!!!12/20/2007
Simplify the intro and help documents.
!!!12/21/2007
Add a UseCase section.

!!![+New Domain] button
It will not appear here online. Please download this page to your local disk to see it in full function.
!!!Internet Explorer users
Sorry, the only reason you can ''NOT'' enjoy this tool is the 2000 character URL length limit in IE. Nothing I can do there.

<!--{{{-->
<div class='header' macro='gradient vert [[ColorPalette::PrimaryMid]] [[ColorPalette::PrimaryLight]]'>
<span refresh='content' tiddler='MainMenu'></span>
</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>
<!--}}}-->

/***
|''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"
	});
*/
//}}}

!How to install this tool on my machine?
# Save this web page to your local disk and open it from there (or click the "download" button on sidebar)
# Add Domain/User information as much as you want
# Drag-n-drop the bookmarklet to your bookmark boolbar
# Click "save changes" from sidebar to save your data
That's all.

!I see an "upload" button appear in sidebar, what's it?
That's a plugin I used to update this page on the web. You can easily drop it by deleting these tiddlers:
*PasswordOptionPlugin
*UploadPlugin
*UploadLog

!How to add a new user information?
# From G.PAD central, click the "[+New Domain]" button
# Set title as the domain name. e.g. @@google.com@@
# Add one or more user name in the following format: @@{{{@@user name@@}}}@@
Tips:
# One user name for each line
# Add any other information as you wish

!I installed the bookmarklet, browse to other site, click it, and see a live G.PAD, now what?
# Click those alphanumerical buttons to enter a "secret word"
# Then click the title button
You will see a user list for that site. Click any names to get the passwords

!I have a gmail account, how do I use it on another website, say, google.com, or blogger.com?
You are talking about passport-like logins. You can specify the user names like this:
{{{
@@|gmail.com@@
}}}
That vertial bar tells G.PAD to redirect your user/password request to another domain.

!How do I specify the password strength?
Please use the following format for your user names:
{{{
@@UserName:strength@@
}}}
The ''strength'' looks like this: Ab4, Bc2, or #8.

|A|there should be 1 upper case letter|
|B|there should be 2 upper case letters|
|...|there should be ... upper case letters|

|a|there should be 1 lower case letter|
|b|there should be 2 lower case letters|
|...|there should be ... lower case letters|

|1|there should be 1 number|
|2|there should be 2 numbers|
|...|there should be ... numbers|
|0|there should be 10 numbers|

|{{{!}}}|there should be 1 special character|
|"|there should be 2 special characters|
|#|there should be 3 special characters|
|$|there should be 4 special characters|
|%|there should be 5 special characters|
|&|there should be 6 special characters|
|'|there should be 7 special characters|
|(|there should be 8 special characters|
|)|there should be 9 special characters|
|*|there should be 10 special characters|
So:
!!!Ab4
means 1 upper case letter, 2 lower case letter, and 4 numbers.
!!!#8
means 3 special characters and 8 numbers.

!Where do I get support?
* G.PAD is built upon TiddlyWiki. All credits, and support on TiddlyWiki, goes to http://www.tiddlywiki.com
* For G.PAD itself, check here: http://groups.google.com/group/pswd

<<search>><<closeAll>><<permaview>><<newTiddler>><<newJournal "DD MMM YYYY" "journal">><<saveChanges>><<upload>><<slider chkSliderOptionsPanel OptionsPanel "options »" "Change TiddlyWiki advanced options">>

an innovatory password manager

G.PAD

/*{{{*/
.header {
  border:solid thin [[ColorPalette::Background]];
  border-bottom:solid thin [[ColorPalette::PrimaryMid]];
  text-align:right;padding-right:2em;
  color:[[ColorPalette::SecondaryLight]];}
.header a{border-right:solid thin white;color:white;padding:1.2em 3em 1em 3em;font-size:1.25em;word-spacing:1em;float:left;}
.header a:hover{background:[[ColorPalette::PrimaryLight]];}

#sidebar {right:2em;}
#displayArea {margin-left:1em;}

#sidebarTabs .tab {padding:0.2em;line-height:normal;}
.tab {padding:0.5em 1em 0.5em 1em;line-height:2.1em;word-spacing:1em;}
span.spacer {padding-left:2em;background:white;}

.viewer {border-bottom:double [[ColorPalette::TertiaryPale]];margin-bottom:3em;padding-bottom:2em;}
.tagging {float:right;}
/*}}}*/

[[TiddlyWiki|http://www.tiddlywiki.com]] is a complete [[wiki|http://en.wikipedia.org/wiki/Wiki]] in a single HTML file. It contains the entire text of the wiki, and all the ~JavaScript, CSS and HTML goodness to be able to display it, and let you edit it or search it. Without needing a server.

[[TiddlyWiki|http://www.tiddlywiki.com]] is published under an OpenSourceLicense and maintained by a busy [[Community]] of independent developers.

/***
Contains the stuff you need to use Tiddlyspot
Note you must also have UploadPlugin installed
***/
//{{{

// edit this if you are migrating sites or retrofitting an existing TW
config.tiddlyspotSiteId = 'fox';

// make it so you can by default see edit controls via http
config.options.chkHttpReadOnly = false;

// 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(/^/,"[[Welcome to Tiddlyspot]] ");
 MainMenu = MainMenu.replace(/^/,"[[Welcome to Tiddlyspot]] ");
}

// create some shadow tiddler content
merge(config.shadowTiddlers,{

'Welcome to Tiddlyspot':[
 "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 Guides|http://tiddlywikiguides.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"),

'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/]], [[announcements|http://announce.tiddlyspot.com/]], [[blog|http://tiddlyspot.com/blog/]], email [[support|mailto:support@tiddlyspot.com]] & [[feedback|mailto:feedback@tiddlyspot.com]], [[donate|http://tiddlyspot.com/?page=donate]]|"
].join("\n"),

'TspotSidebar':[
 "<<upload http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/store.cgi index.html . . " + config.tiddlyspotSiteId + ">><html><a href='http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/download' class='button'>download</a></html>"
].join("\n"),

'TspotOptions':[
 "tiddlyspot password:",
 "<<option pasUploadPassword>>",
 ""
].join("\n")

});
//}}}

| !date | !user | !location | !storeUrl | !uploadDir | !toFilename | !backupdir | !origin |
| 20/12/2007 10:28:18 | H.C | [[pad.htm|file:///C:/WORK/0/Wiki/pad.htm]] | [[store.cgi|http://pad.tiddlyspot.com/store.cgi]] | . | [[index.html | http://pad.tiddlyspot.com/index.html]] | backups | ok |
| 20/12/2007 10:34:32 | BackBuffer | [[pad.htm|file:///C:/WORK/0/Wiki/pad.htm]] | [[store.cgi|http://pad.tiddlyspot.com/store.cgi]] | . | [[index.html | http://pad.tiddlyspot.com/index.html]] | backups | ok |
| 20/12/2007 10:42:23 | BackBuffer | [[pad.htm|file:///C:/WORK/0/Wiki/pad.htm]] | [[store.cgi|http://pad.tiddlyspot.com/store.cgi]] | . | [[index.html | http://pad.tiddlyspot.com/index.html]] | backups | ok |
| 20/12/2007 11:51:02 | BB | [[pad.htm|file:///C:/WORK/0/Wiki/pad.htm]] | [[store.cgi|http://pad.tiddlyspot.com/store.cgi]] | . | [[index.html | http://pad.tiddlyspot.com/index.html]] | backups | ok |
| 21/12/2007 10:32:22 | BB | [[pad.htm|file:///C:/WORK/0/Wiki/pad.htm]] | [[store.cgi|http://pad.tiddlyspot.com/store.cgi]] | . | [[index.html | http://pad.tiddlyspot.com/index.html]] | backups | ok |
| 21/12/2007 10:47:48 | BB | [[pad.htm|file:///C:/WORK/0/Wiki/pad.htm]] | [[store.cgi|http://pad.tiddlyspot.com/store.cgi]] | . | [[index.html | http://pad.tiddlyspot.com/index.html]] | backups | ok |
| 21/12/2007 11:26:56 | BB | [[pad.htm|file:///C:/WORK/0/Wiki/pad.htm]] | [[store.cgi|http://pad.tiddlyspot.com/store.cgi]] | . | [[index.html | http://pad.tiddlyspot.com/index.html]] | backups | ok |
| 21/12/2007 11:48:46 | BB | [[pad.htm|file:///C:/WORK/0/Wiki/pad.htm]] | [[store.cgi|http://pad.tiddlyspot.com/store.cgi]] | . | [[index.html | http://pad.tiddlyspot.com/index.html]] | backups | ok |
| 21/12/2007 11:49:22 | BB | [[pad.htm|file:///C:/WORK/0/Wiki/pad.htm]] | [[store.cgi|http://pad.tiddlyspot.com/store.cgi]] | . | [[index.html | http://pad.tiddlyspot.com/index.html]] | backups |
| 22/12/2007 09:47:30 | H.C | [[pad.htm|file:///D:/0/Wiki/pad.htm]] | [[store.cgi|http://pad.tiddlyspot.com/store.cgi]] | . | [[index.html | http://pad.tiddlyspot.com/index.html]] |  |

/***
|''Name:''|UploadPlugin|
|''Description:''|Save to web a TiddlyWiki|
|''Version:''|4.1.1|
|''Date:''|Sep 15, 2007|
|''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 (#3125)|
|''Requires:''|PasswordOptionPlugin|
***/
//{{{
version.extensions.UploadPlugin = {
	major: 4, minor: 1, revision: 1,
	date: new Date("Sep 15, 2007"),
	source: 'http://tiddlywiki.bidix.info/#UploadPlugin',
	author: 'BidiX (BidiX (at) bidix (dot) info',
	coreVersion: '2.2.0 (#3125)'
};

//
// 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) {
	createTiddlyElement(place,"a",null,"button","download",{"href":"http://pad.tiddlyspot.com/download"});
	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
		var storeUrl = params[0] ? params[0] : config.options.txtUploadUrlPad;
		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.txtUploadUserPad;
		var password = config.options.pasUploadPad; // 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}
				
			]);
	},
	refreshOptions: function(listWrapper) {
		var uploadOpts = [
			"txtUploadUserPad",
			"pasUploadPad",
			"txtUploadUrlPad",
			"txtUploadDir",
			"txtUploadFilename",
			"txtUploadBackupDir",
			"chkUploadLog",
			"txtUploadLogMaxLine",
			]
		var opts = [];
		for(i=0; i<uploadOpts.length; i++) {
			var opt = {};
			opts.push()
			opt.option = "";
			n = uploadOpts[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 = 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,null,null,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 = 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 destPos = responseText.indexOf("destfile:");
			var destfile = destPos<0?"":responseText.substring(destPos+9,responseText.indexOf("\n", destPos));
			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 == httpStatus.NotFound)
			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; 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('.txtUploadUrlPad, .txtUploadBackupDir, .txtUploadDir {width: 22em;}',"uploadPluginStyles");

//optionsDesc
merge(config.optionsDesc,{
	txtUploadUrlPad: "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))",
	txtUploadUserPad: "Upload Username",
	pasUploadPad: "Upload Password",
	chkUploadLog: "do Logging in UploadLog (default: true)",
	txtUploadLogMaxLine: "Maximum of lines in UploadLog (default: 10)"
});

// Options Initializations
bidix.initOption('txtUploadUrlPad','');
bidix.initOption('txtUploadFilename','');
bidix.initOption('txtUploadDir','');
bidix.initOption('txtUploadBackupDir','');
bidix.initOption('txtUploadUserPad','');
bidix.initOption('pasUploadPad','');
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");

//}}}

!!A new account at google.com with user name: foobar
''Local Steps''
# Create a new tiddler titled: google.com
# Tag it with: ~GPAD_DATA (the [+New Domain] button will do this for you)
# Add a line as: {{{@@foobar@@}}}
# Save it.
# Reinstall the bookmarklet from G.PAD control center.
You may need to close/open the G.PAD control center to refresh the link.

''Login Steps''
# Browse to google.com
# Click bookmarklet to activate the G.PAD
# Enter a secret word as you wish. For example: @@~MASTER123@@
# Click the title box
# Click the user name: foobar
# Password generated and shown.
If there are "password" fields at current page and they are empty, they will be filled automatically for you.

!!A website is built entirely on FLASH, you auto-fill-in feature does not work!
Well, you could always try to highlight the password, then drag-n-drop it to the password box.

!!A website, (for example: tiddlyspot.com), use pop-up login box, even your drag-n-drop does not work now!
OK, I admit in this case you will Have To copy the password into clipboard. Be careful not to do this in a public computer...

<!--{{{-->
<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler > fields syncing permalink references jump'></div>
<div class='title' macro='view title'></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>
<!--}}}-->

@@demouser@@
# Install G.PAD bookmarklet from the control center.
# Browse to google.com
# Click the bookmarklet and you will see a live G.PAD there!
Read [[Q&A]] for how to use it.

@@TestUser@@
@@CautiousUser:Hh3@@
@@CasualUser:Bc2@@
@@ExtremeUser:#Ff4@@