color annotations based on their state

cloverfeed · Oct 31, 2014 · d284654 · d284654
1 parent 0e18771
commit d284654
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/static/coffee/annotation.coffee b/static/coffee/annotation.coffee
@@ -1,6 +1,7 @@
 class Annotation
-  constructor: (@$tld, @docid, @page, @text, @annid, @geom) ->
+  constructor: (@$tld, @docid, @page, @text, @annid, @geom, @state) ->
     @$div = jQuery('<div>').addClass 'annotation'
+    @$div = jQuery('<div>').addClass ('annotation-' + @state)
     setGeom @$div, @geom
     $closeBtn = jQuery('<a>').text '[X]'
     @$div.append $closeBtn

diff --git a/static/coffee/pdfpage.coffee b/static/coffee/pdfpage.coffee
@@ -23,14 +23,14 @@ class PdfPage
     @$div.append @$textLayerDiv
 
     selection = new Selection @$textLayerDiv, (geom) =>
-      @addAnnotation "", null, geom
+      @addAnnotation "", null, geom, 'open'
     @$div.append selection.$div
 
     anns = annotations[@i]
     if anns
       for ann in anns
-        @addAnnotation ann.text, ann.id, ann
+        @addAnnotation ann.text, ann.id, ann, ann.state
 
-  addAnnotation: (text, id, geom) ->
-    ann = new Annotation @$textLayerDiv, @docid, @i, text, id, geom
+  addAnnotation: (text, id, geom, state) ->
+    ann = new Annotation @$textLayerDiv, @docid, @i, text, id, geom, state
     @$div.append ann.$div
diff --git a/static/css/view.css b/static/css/view.css
@@ -50,6 +50,13 @@
 }
 
 .annotation {
-    background-color: orange;
     position: absolute !important; /* important is needed for http://bugs.jqueryui.com/ticket/6939 */
 }
+
+.annotation-open {
+    background-color: orange;
+}
+
+.annotation-closed {
+    background-color: lightgreen;
+}