FIX: Visual cue for fragment selection during coding (#120)

Hypertopic · Oct 7, 2022 · 4d00505 · 4d00505
1 parent 33c4c33
commit 4d00505
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/app/_attachments/main.css b/app/_attachments/main.css
@@ -424,6 +424,16 @@ button.comment {
   transition-delay: 2s;
 }
 
+.coding-candidate {
+  background-image: url('coding.svg');
+  background-repeat: no-repeat;
+  background-position: right bottom;
+  background-color: lightgrey;
+  transition: 
+    background-color 1s,
+    background-image 5s 10s;
+}
+
 .fadeout {
   background-color: transparent;
   color: black;

diff --git a/app/_attachments/memo.js b/app/_attachments/memo.js
@@ -74,9 +74,18 @@ $('#content').on('mouseup', function() {
         p = 1 + ([].indexOf.call(posts[0].childNodes, selected))/2;
     if (this_type == 'interview') p = [].indexOf.call(posts[0].childNodes, selected.parentNode);
     if (p > -1 && Number.isInteger(p)) anchor = p;
+    if ($("#add").length > 0 && ['interview', 'field'].indexOf(this_type) > -1 && document.getSelection().toString().length > 0) {
+      $('.post').children().eq(p-1)
+        .removeClass('highlight fadeout')
+        .addClass('coding-candidate');
+    }
   }
 });
 
+$('#content').on('mousedown', function() {
+  $('.coding-candidate').removeClass('coding-candidate');
+});
+
 $('#create').on('click', function() {
   var name = $('#leave-name').val().trim(),
       classlist = $(this)[0].classList,