notepad

body>div {
    position: absolute;
    height: 100%;
    width: 100%;
    transition: all 2.0s ease;
    display: none;
}

#entryTitle {
    width: 50%;
}
#entryContent {
    width: 100%;
    height: 200px;
}

body>div {
    position: absolute;
    height: 100%;
    width: 100%;
    transition: all 1.0s ease;
    display: none;
}

#entryTitle {
    width: 50%;
}
#entryContent {
    width: 100%;
    height: 200px;
}
#entries>button {
    background-color: pink;
    border-radius: 25px;
}

// Last time value when updated from server
let server_tm = null;

// When we need to fake a timestamp to offer sequential, new
//  changes to our server when our own clock is borked.
let tm_off = 0.0;




// Try to pull in current store on startup
function startup() {
    if (localStorage.getItem("user") == null) {
	// Initial state
	localStorage.tm = "0.0";
	server_tm = 0.0;
................................................................................
}

// Transition to displaying an item
// (Switching to "display: none" side steps a bunch of grotty
//  details on z-index touch item priority.)
function to_item() {
    mainmenu.style.opacity = 0.0;
    setTimeout(() => {mainmenu.style.display = "none";}, 2000);
    editor.style.display = "block";
    editor.style.opacity = 1.0;
}

// Transition back to main menu
function to_menu() {
    editor.style.opacity = 0.0;
    setTimeout(() => {editor.style.display = "none";}, 2000);
    mainmenu.style.display = "block";
    mainmenu.style.opacity = 1.0;
}

// They've chosen from our list of items
function item_click(key) {
    cur_item = JSON.parse(localStorage(key));
    entryTitle.textContent = cur_item.title;
    entryTitle.readOnly = true;
    entryContent.value = cur_item.content;
    to_item();
}

// Sort notes by their alphabetic title ordering
................................................................................

    // Order by title
    ents.sort(cmpTitles);

    // Populate our list of notes
    ents.forEach( ent => {
	// Clickable span w. text
	let e = document.createElement("span");
	e.textContent = ent.title;
	e.onclick = () => { item_click(ent.key); };
	entries.appendChild(e);
    });
}

// Update timestamp on our storage, because we've changed something
................................................................................

    // Back to main menu
    to_menu();
}

// Update content and timestamp for this note
function edit_keep() {


    const new_item = {};
    new_item.key = new_key();

    new_item.tm = timestamp();
    new_item.title = entryTitle.value;
    new_item.content = entryContent.value;
    localStorage[new_item.key] = JSON.stringify(new_item);
    sync();
    update_entries();
    to_menu();
}

// Create a delta of changes, so we only have to submit back things
//  which have changed WRT our last update from the server
................................................................................
    }
    localStorage.clear();
    location.reload();
}

// Create a new entry
function tool_new() {

    entryTitle.textContent = "";
    entryTitle.readOnly = false;
    entryContent.value = "";
    to_item();
}

// Initial setup, try to log in
function try_login() {

// Last time value when updated from server
let server_tm = null;

// When we need to fake a timestamp to offer sequential, new
//  changes to our server when our own clock is borked.
let tm_off = 0.0;

// Number of milliseconds for menu transitions
const TSECS = 1000;

// Try to pull in current store on startup
function startup() {
    if (localStorage.getItem("user") == null) {
	// Initial state
	localStorage.tm = "0.0";
	server_tm = 0.0;
................................................................................
}

// Transition to displaying an item
// (Switching to "display: none" side steps a bunch of grotty
//  details on z-index touch item priority.)
function to_item() {
    mainmenu.style.opacity = 0.0;
    setTimeout(() => {mainmenu.style.display = "none";}, TSECS);
    editor.style.display = "block";
    editor.style.opacity = 1.0;
}

// Transition back to main menu
function to_menu() {
    editor.style.opacity = 0.0;
    setTimeout(() => {editor.style.display = "none";}, TSECS);
    mainmenu.style.display = "block";
    mainmenu.style.opacity = 1.0;
}

// They've chosen from our list of items
function item_click(key) {
    cur_item = JSON.parse(localStorage[key]);
    entryTitle.textContent = cur_item.title;
    entryTitle.readOnly = true;
    entryContent.value = cur_item.content;
    to_item();
}

// Sort notes by their alphabetic title ordering
................................................................................

    // Order by title
    ents.sort(cmpTitles);

    // Populate our list of notes
    ents.forEach( ent => {
	// Clickable span w. text
	let e = document.createElement("button");
	e.textContent = ent.title;
	e.onclick = () => { item_click(ent.key); };
	entries.appendChild(e);
    });
}

// Update timestamp on our storage, because we've changed something
................................................................................

    // Back to main menu
    to_menu();
}

// Update content and timestamp for this note
function edit_keep() {
    if (cur_item == null) {
	// New item, not replacing contents of an existing one
	cur_item = {};
	cur_item.key = new_key();
    }
    cur_item.tm = timestamp();
    cur_item.title = entryTitle.value;
    cur_item.content = entryContent.value;
    localStorage[cur_item.key] = JSON.stringify(cur_item);
    sync();
    update_entries();
    to_menu();
}

// Create a delta of changes, so we only have to submit back things
//  which have changed WRT our last update from the server
................................................................................
    }
    localStorage.clear();
    location.reload();
}

// Create a new entry
function tool_new() {
    cur_item = null;
    entryTitle.value = "";
    entryTitle.readOnly = false;
    entryContent.value = "";
    to_item();
}

// Initial setup, try to log in
function try_login() {

# Commit DB changes
if changes:
    conn.commit()
conn.close()

# Give them an update including time
resp["tm"] = time.time()
w("Status: 200 OK\n\n%s" % (json.dumps(resp),))

sys.exit(0)

# Commit DB changes
if changes:
    conn.commit()
conn.close()

# Give them an update including time
resp["tm"] = time.time()*1000
w("Status: 200 OK\n\n%s" % (json.dumps(resp),))

sys.exit(0)