"The nest has fridge poetry" has been on the wall for several months.
I had an empty large container that formerly contained ground coffee, and wanted to put flour on the counter for easier access when making bread. After cleaning the container out and drying it well it worked well. Later I had an empty flour bag and decided to make a label from it. Even later I was at a Dollarama with Cassandra and she pointed out some rainbow wrapping paper and mentioned that I can cover things with it. With much gratitude I covered the silver container with Mod Podge and wrapping paper, another layer of Mod Podge and the label, and another over top of the label to seal it all down. 
function doGet() {
return HtmlService.createTemplateFromFile('page')
.evaluate()
.setSandboxMode(HtmlService.SandboxMode.NATIVE);
}
function getInboxUnreadCount() {
return GmailApp.getInboxUnreadCount();
}
<style type="text/css">
#refresh { color: blue; text-decoration: underline; }
#refresh:hover { cursor: pointer; }
</style>
<div id="inbox">
Inbox (<span id="count">...</span>)
<span id="refresh">refresh</span>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
function check() {
clearTimeout(check.timer);
google.script.run
.withSuccessHandler(function(result) {
$('#count').text(result);
$('#inbox').toggleClass('unread', result > 0);
})
.getInboxUnreadCount();
$('#count').text("...");
check.timer = setTimeout(check, 600000);
}
$(function() {
check();
$('#refresh').click(check);
});
</script>
<html><head><title>Facebook Quick Check</title></head><body>
<style type="text/css">
body { margin: 0px; }
</style>
<div id="fb-root"></div>
<div>
<span id="login"><a href="javascript:doLogin()">FB Login</a>: </span>
Notice (<span id="notice">...</span>)
Friend (<span id="friend">...</span>)
Inbox (<span id="inbox">...</span>)
<a href="javascript:loadStatus()">refresh</a>
</div>
<div id="out"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
I wanted a fluent API that felt like Google Apps Script server calls instead of the regular Facebook API, so I made a quick one...function FBRun(parent) {
this.successHandler = parent ? parent.successHandler : function(result) { };
this.errorHandler = parent ? parent.errorHandler : function(result) { };
};
FBRun.prototype.withSuccessHandler = function(handler) {
var obj = new FBRun(this);
obj.successHandler = handler;
return obj;
};
FBRun.prototype.withErrorHandler = function(handler) {
var obj = new FBRun(this);
obj.errorHandler = handler;
return obj;
};
FBRun.prototype.getHandler = function() {
var obj = this;
return function(response) {
if(!response || response.error) {
return obj.errorHandler(response);
}
return obj.successHandler(response);
}
};
FBRun.prototype.get = function(url, data) {
FB.api(url, 'get', data, this.getHandler());
return this;
};
FBRun.prototype.login = function(data) {
FB.login(this.getHandler(), data);
return this;
}
FBRun.prototype.loginStatus = function() {
FB.getLoginStatus(this.getHandler());
return this;
}
fbrun = new FBRun();
Load the Facebook API and check the login status on success...$(document).ready(function() {
$.ajaxSetup({ cache: true });
$.getScript('//connect.facebook.net/en_UK/all.js', function(){
FB.init({
appId: 'APPLICATION_KEY',
});
fbrun
.withSuccessHandler(onLogin)
.loginStatus();
});
});
The code for the login link...function doLogin() {
fbrun
.withErrorHandler(display)
.withSuccessHandler(onLogin)
.login({scope: 'manage_notifications,read_requests,read_mailbox'});
}
var perms = {};
function onLogin(response) {
if(response.status === 'connected') {
fbrun
.withErrorHandler(display)
.withSuccessHandler(function(response) {
perms = response.data[0];
if(perms.manage_notifications && perms.read_requests && perms.read_mailbox) {
$('#login').hide();
}
start();
})
.get('/me/permissions');
}
}
function display(response) {
$('#out').text(JSON.stringify(response));
}
Load the information and start the refresh timer...function start() {
loadStatus();
if(start.active) {
return;
}
start.active = true;
function check() {
loadStatus();
setTimeout(check, 600000);
}
setTimeout(check, 600000);
}
function loadStatus() {
if(perms.manage_notifications) {
$('#notice').text('...');
fbrun
.withErrorHandler(display)
.withSuccessHandler(function(response) {
if(response.summary.unseen_count != undefined) {
$('#notice').text(response.summary.unseen_count);
} else {
$('#notice').text("0");
}
})
.get('/me/notifications', { limit: 0 });
} else {
$('#notice').text('-');
}
if(perms.read_requests) {
$('#friend').text('...');
fbrun
.withErrorHandler(display)
.withSuccessHandler(function(response) {
$('#friend').text(response.summary.unread_count);
})
.get('/me/friendrequests', { limit: 0 });
} else {
$('#friend').text('-');
}
if(perms.read_mailbox) {
$('#inbox').text('...');
fbrun
.withErrorHandler(display)
.withSuccessHandler(function(response) {
$('#inbox').text(response.summary.unseen_count);
})
.get('/me/inbox', { limit: 0 });
} else {
$('#inbox').text('-');
}
}
</script>
</body></html>
function doGet() {
return HtmlService.createTemplateFromFile('page')
.evaluate()
.setSandboxMode(HtmlService.SandboxMode.NATIVE);
}
var date = new Date();
var last = -1;
function func(value) {
Utilities.sleep(100);
var out = "date = " + date + ", last = " + last;
last = value;
return out;
}
<style type="text/css">
pre {
border: 1px solid green;
}
</style>
<div id="out">
<pre>loading...</pre>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function() {
for(var i = 0; i < 2; i++) {
launch(i);
}
});
setTimeout(function() {
for(var i = 2; i < 4; i++) {
launch(i);
}
}, 2000);
function launch(id) {
$("<pre />").text("started " + id).appendTo('#out');
google.script.run
.withSuccessHandler(function(result) {
$("<pre />").text("finished " + id + ": " + result).appendTo('#out');
})
.func(id);
}
</script>
loading... started 0 started 1 finished 0: date = Sat Jan 04 2014 12:03:06 GMT-0400 (AST), last = -1 finished 1: date = Sat Jan 04 2014 12:03:06 GMT-0400 (AST), last = -1 started 2 started 3 finished 2: date = Sat Jan 04 2014 12:03:08 GMT-0400 (AST), last = -1 finished 3: date = Sat Jan 04 2014 12:03:08 GMT-0400 (AST), last = -1
var getImage = function(name) {
var images = { };
var files = MESSAGES_FOLDER.getFiles();
while(files.hasNext()) {
var file = files.next();
images[file.getName()] = file.getDownloadUrl();
}
return (getImage = function(name) {
return images[name];
})(name);
}
package ca.sarah_happy.sandbox;
import java.awt.Component;
import java.awt.Dimension;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.beans.PropertyChangeEvent;
import java.beans.PropertyChangeListener;
import java.net.URL;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JScrollPane;
import javax.swing.JSlider;
import javax.swing.JTextPane;
import javax.swing.SwingUtilities;
import javax.swing.WindowConstants;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;
import javax.swing.text.BadLocationException;
import javax.swing.text.Element;
import javax.swing.text.html.HTMLDocument;
public class HtmlGui implements Runnable {
public static void main(String[] args) {
SwingUtilities.invokeLater(new HtmlGui());
}
private JTextPane viewer;
private HTMLDocument document;
@Override
public void run() {
try {
viewer = new JTextPane();
viewer.setEditable(false);
viewer.setPreferredSize(new Dimension(400, 300));
JFrame frame = new JFrame("screen");
frame.setContentPane(new JScrollPane(viewer));
frame.pack();
frame.setLocationByPlatform(true);
frame.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);
URL screen = HtmlGui.class.getResource("screen.html");
viewer.setPage(screen);
document = (HTMLDocument) viewer.getDocument();
viewer.addPropertyChangeListener("page", onLoad);
frame.setVisible(true);
} catch (Exception e) {
e.printStackTrace();
}
}
private JSlider slider;
private PropertyChangeListener onLoad = new PropertyChangeListener() {
@Override
public void propertyChange(PropertyChangeEvent e) {
JButton button = new JButton("Button");
button.addActionListener(onButton);
insertComponent("button", button);
slider = new JSlider();
slider.addChangeListener(onSlider);
insertComponent("slider", slider);
}
};
private ChangeListener onSlider = new ChangeListener() {
@Override
public void stateChanged(ChangeEvent e) {
addOutput("changed slider: " + slider.getValue());
}
};
private void insertComponent(String id, Component component) {
Element e = document.getElement(id);
viewer.setCaretPosition(e.getStartOffset());
viewer.moveCaretPosition(e.getEndOffset());
viewer.insertComponent(component);
}
private ActionListener onButton = new ActionListener() {
@Override
public void actionPerformed(ActionEvent arg0) {
addOutput("pressed button");
}
};
private void addOutput(String text) {
try {
Element out = document.getElement("output");
document.insertString(out.getEndOffset() - 1, text + "\n", null);
} catch (BadLocationException ex) {
ex.printStackTrace();
}
}
}
<html><body> Some stuff... <p><span id="button">button</span> <span id="slider">slider</span></p> <p><i>Output:</i> <div id="output"></div></p> </body></html>
package ca.sarah_happy.sandbox;
import java.awt.Dimension;
import java.net.URL;
import javax.swing.JEditorPane;
import javax.swing.JFrame;
import javax.swing.JScrollPane;
import javax.swing.SwingUtilities;
import javax.swing.WindowConstants;
import javax.swing.event.HyperlinkEvent;
import javax.swing.event.HyperlinkListener;
import javax.swing.text.BadLocationException;
import javax.swing.text.Element;
import javax.swing.text.html.HTMLDocument;
public class HtmlText implements Runnable {
public static void main(String[] args) {
SwingUtilities.invokeLater(new HtmlText());
}
private JEditorPane viewer;
private HTMLDocument document;
@Override
public void run() {
try {
URL text = HtmlText.class.getResource("screen.html");
viewer = new JEditorPane(text);
viewer.setEditable(false);
viewer.setPreferredSize(new Dimension(400, 300));
JFrame frame = new JFrame("screen");
frame.setContentPane(new JScrollPane(viewer));
frame.pack();
frame.setLocationByPlatform(true);
frame.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);
document = (HTMLDocument) viewer.getDocument();
viewer.addHyperlinkListener(onLink);
frame.setVisible(true);
} catch (Exception e) {
e.printStackTrace();
}
}
private HyperlinkListener onLink = new HyperlinkListener() {
@Override
public void hyperlinkUpdate(HyperlinkEvent e) {
if (e.getEventType() != HyperlinkEvent.EventType.ACTIVATED) {
return;
}
String message = "pressed <" + e.getDescription() + ">";
try {
Element out = document.getElement("output");
document.insertString(out.getEndOffset() - 1,
message + "\n", null);
} catch (BadLocationException ex) {
ex.printStackTrace();
}
}
};
}
<html><body> This is a test. <p><a href="#link1">link 1</a> <a href="#link2">link 2</a></p> <p>output: <div id="output"></div> </p> </body></html>
<html>
<head><title>Facebook API Hello World</title></head>
<body>
<script type="text/javascript">
window.fbAsyncInit = function() {
// https://developers.facebook.com/docs/reference/javascript/FB.init/
FB.init({
appId: '222165227950143' /* registered application id */,
status: true /* check the login status */,
cookie: true /* set the session cookie */,
xfbml: true /* enable social plugins */
});
// get the initial login status
// https://developers.facebook.com/docs/reference/javascript/FB.getLoginStatus/
FB.getLoginStatus(onLogin);
};
// Load the SDK Asynchronously
(function(d, s, id){
if (d.getElementById(id)) {return;}
var js, fjs = d.getElementsByTagName(s)[0];
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
function onLogin(response) {
document.getElementById('onlogin-count').innerHTML++;
document.getElementById('login-status').innerHTML = response.status;
if(response.status === 'connected') {
var uid = response.authResponse.userID;
document.getElementById('user-id').innerHTML = uid;
readName();
}
}
function readName() {
// https://developers.facebook.com/docs/reference/api/user/
FB.api(
'https://graph.facebook.com/me',
'get',
function(response) {
document.getElementById("user-count").innerHTML++;
var e = document.getElementById('user-name');
if(!response) {
e.innerHTML = '<i>no object</i>';
} else if(response.error) {
e.innerHTML = '<i>Error: ' + response.error.message + '</i>';
} else {
e.innerHTML = response.name;
}
}
);
}
</script>
<p>When we are connected to facebook, read the name of the current user and
display it here. If you would like to read the name of the current user again
or before being connected to facebook, press the "read name" button.</p>
<p>
<!-- https://developers.facebook.com/docs/reference/plugins/login -->
<div><div
class="fb-login-button"
data-scope=""
data-onlogin="onLogin">
</div></div>
(Status: <span id="login-status"><i>???</i></span>)
(User ID: <span id="user-id"><i>???</i></span>)
(onLogin calls: <span id="onlogin-count">0</span>)
</p>
<p>
<input type="button" value="read name" onclick="readName()">
<span id="user-name"><i>???</i></span>
(readName calls: <span id="user-count">0</span>)
</p>
</body>
</html>
<!DOCTYPE html>
<html><head><title>Escape HTML Text</title></head><body><form>
<div>text = <br>
<textarea id="text" rows="10" cols="80"></textarea></div>
<div><button type="button" onclick="setText(escapeHtml(getText()))">text = escapeHtml(text)</button></div>
<div><button type="button" onclick="setText(unescapeHtml(getText()))">text = unescapeHtml(text)</button></div>
<script type="text/javascript">
//<![CDATA[
function getText() { return document.getElementById("text").value; }
function setText(text) { document.getElementById("text").value = text; }
function escapeHtml(text) {
return text.replace(/&/g,"&").replace(/"/g,""")
.replace(/</g,"<").replace(/>/g,">");
}
function unescapeHtml(text) {
return text.replace(/</g,"<").replace(/>/g,">")
.replace(/"/g,"\"").replace(/&/g,"&");
}
//]]>
</script>
</form></body></html>
small value multi-line line 1 line 2 line 3
type incoming subject A Picture/Video Message! date 2012-11-27 23:38 from +15555555555 Sender Name to +15656565656 My Name text the text of the message goes here... image imagejpeg_3.jpg 5e35003a0e65df1065982c07587cf147ccb76b5d.jpg done
function forEachRecord(blob, body) {
var fields = new Array();
var field = { name: "", value: new Array() };
var lines = blob.getDataAsString().split(/\r?\n/, -1);
for(var lineIndex = 0; lineIndex < lines.length; lineIndex++) {
var line = lines[lineIndex];
// indented lines are the field value
if(line.substr(0, 1) == " ") {
field.value.push(line.substr(1));
continue;
}
// blank lines are completely ignored
if(line == "") {
continue;
}
// starting a new field
field = { name: line, value: new Array() };
// records end when a field name of "done" is found
if(line == "done") {
body(fields);
fields = new Array();
continue;
}
// this field is part of the record
fields.push(field);
}
if(fields.length) {
body(fields);
}
}
function forEachMessage(blob, body) {
forEachRecord(blob, function(fields) {
var m = {
type: "",
subject: "",
date: "",
from: new Array(),
to: new Array(),
body: new Array(),
};
for(var fieldIndex = 0; fieldIndex < fields.length; fieldIndex++) {
var f = fields[fieldIndex];
if(f.name == "type") {
m.type = f.value[0];
continue;
}
if(f.name == "to") {
m.to.push({ address: f.value[0], name: f.value[1] });
continue;
}
if(f.name == "from") {
m.from.push({ address: f.value[0], name: f.value[1] });
continue;
}
if(f.name == "date") {
m.date = f.value[0];
continue;
}
if(f.name == "image") {
m.body.push({ type: "image", name: f.value[0], file: f.value[1] });
continue;
}
if(f.name == "text") {
m.body.push({ type: "text", value: f.value.join("\n") });
continue;
}
if(f.name == "slide") {
m.body.push({ type: "slide" });
continue;
}
// if we get here we found an unknown field
}
body(m);
});
}
forEachMessage(file.getBlob(), function(message) {
messages.push(message);
});