image_annotation/commit

work in progress on judgement interface

diff --git a/web/css/annotation.css b/web/css/annotation.css
index b6c7e45..2f56d67 100644
--- a/web/css/annotation.css
+++ b/web/css/annotation.css
@@ -78,8 +78,6 @@ body {
  margin: .5% ;
  border: 2px solid #EEE;
 }
-.annotate-unsure label {
-}
 .annotate-header h3 {
 	margin: 0 0 1%;
 		    }
@@ -180,6 +178,19 @@ body {
 	text-decoration: none;
 }
 
+.taglist .judgeButton:hover {
+	background-color: gray;
+}
+.taglist .judgeButton {
+	padding-left: .3em;
+	padding-right: .3em;
+	padding-top: .3em;
+	cursor: crosshair;
+}
+.taglist .judgeButton img {
+	height: 2ex;
+	vertical-align: middle;
+}
 /* resource */
 .resource h3 {
 	margin: 0 0 6px;
diff --git a/web/icons/thumbDown.png b/web/icons/thumbDown.png
new file mode 100644
index 0000000..a40bd83
Binary files /dev/null and b/web/icons/thumbDown.png differ
diff --git a/web/icons/thumbUp.png b/web/icons/thumbUp.png
new file mode 100644
index 0000000..fefed45
Binary files /dev/null and b/web/icons/thumbUp.png differ
diff --git a/web/icons/unsure.png b/web/icons/unsure.png
new file mode 100644
index 0000000..bc8a42c
Binary files /dev/null and b/web/icons/unsure.png differ
diff --git a/web/js/annotation.js b/web/js/annotation.js
index 9efcfdd..7ae2ea9 100644
--- a/web/js/annotation.js
+++ b/web/js/annotation.js
@@ -130,19 +130,25 @@ YUI.add('annotation', function(Y) {
 				var agreeLabel = this.get('uiLabels').agreeLabel;
 				var agree_value = tag.getValue("agree");
 				var checked = (agree_value != '')?'checked':'';
-				judgement_buttons += "<span class='agreeButton " + checked + "'>[" + agreeLabel +"]</span>";
+				judgement_buttons += "<span class='judgeButton agreeButton " + checked + "'>";
+				judgement_buttons += "<img src='../icons/thumbUp.png' title='" + agreeLabel + "'/>";
+				judgement_buttons += "</span>";
 			} 
 			if (this.get('unsureEnabled')) {
 				var unsureLabel = this.get('uiLabels').unsureLabel;
 				var unsure_value = tag.getValue("unsure");
 				var checked = (unsure_value != '')?'checked':'';
-				judgement_buttons += "<span class='unsureButton " + checked + "'>[" + unsureLabel +"]</span>";
+				judgement_buttons += "<span class='judgeButton unsureButton " + checked + "'>";
+				judgement_buttons += "<img src='../icons/unsure.png' title='" + unsureLabel + "'/>";
+				judgement_buttons += "</span>";
 			}
 			if (this.get('disagreeEnabled')) {
 				var disagreeLabel = this.get('uiLabels').disagreeLabel;
 				var disagree_value = tag.getValue("disagree");
 				var checked = (disagree_value != '')?'checked':'';
-				judgement_buttons += "<span class='disagreeButton " + checked + "'>[" + disagreeLabel +"]</span>";
+				judgement_buttons += "<span class='judgeButton disagreeButton " + checked + "'>";
+				judgement_buttons += "<img src='../icons/thumbDown.png' title='" + disagreeLabel + "'/>";
+				judgement_buttons += "</span>";
 			} 
 			html = '<div class="label">';
 			if (link == '')