From 91c8d16838b39c7726f6c0a0fb333f5ba38d2494 Mon Sep 17 00:00:00 2001 From: Rogan Creswick Date: Wed, 2 Jan 2013 15:31:43 -0800 Subject: updated addon-sdk to 1.12 --- .../annotator/data/list/annotation-list.css | 40 ++++++++++++++++++++++ .../annotator/data/list/annotation-list.html | 26 ++++++++++++++ .../annotator/data/list/annotation-list.js | 31 +++++++++++++++++ 3 files changed, 97 insertions(+) create mode 100644 tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.css create mode 100644 tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.html create mode 100644 tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.js (limited to 'tools/addon-sdk-1.12/examples/annotator/data/list') diff --git a/tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.css b/tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.css new file mode 100644 index 0000000..9063682 --- /dev/null +++ b/tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.css @@ -0,0 +1,40 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +#annotation-list .annotation-details + { + padding: 10px; + margin: 10px; + border: solid 3px #EEE; + background-color: white; + } + +#annotation-list .url, .selection-text, .annotation-text + { + padding: 5px; + margin: 5px; + } + +#annotation-list .selection-text,#annotation-list .annotation-text + { + border: solid 1px #EEE; + } + +#annotation-list .annotation-text + { + font-style: italic; + } + +body + { + background-color: #F5F5F5; + font: 100% arial, helvetica, sans-serif; + } + +h1 + { + font-family: georgia,serif; + font-size: 1.5em; + text-align:center; + } diff --git a/tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.html b/tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.html new file mode 100644 index 0000000..32a5409 --- /dev/null +++ b/tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.html @@ -0,0 +1,26 @@ + + + + + + Saved annotations + + + + +
+
+ +
+
+ +
+
+
+
+ + + + diff --git a/tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.js b/tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.js new file mode 100644 index 0000000..5653ba5 --- /dev/null +++ b/tools/addon-sdk-1.12/examples/annotator/data/list/annotation-list.js @@ -0,0 +1,31 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* +Construct the HTML for the annotation list. + +Bind a function to click events on the link that send a message back to +the add-on code, so it can open the link in the main browser. +*/ + +self.on("message", function onMessage(storedAnnotations) { + var annotationList = $('#annotation-list'); + annotationList.empty(); + storedAnnotations.forEach( + function(storedAnnotation) { + var annotationHtml = $('#template .annotation-details').clone(); + annotationHtml.find('.url').text(storedAnnotation.url) + .attr('href', storedAnnotation.url); + annotationHtml.find('.url').bind('click', function(event) { + event.stopPropagation(); + event.preventDefault(); + self.postMessage(storedAnnotation.url); + }); + annotationHtml.find('.selection-text') + .text(storedAnnotation.anchorText); + annotationHtml.find('.annotation-text') + .text(storedAnnotation.annotationText); + annotationList.append(annotationHtml); + }); +}); -- cgit v1.2.3