User action logger

standalone/annotator.html

@@ -229,6 +229,9 @@ <h5 class="modal-title" id="helpModalLabel">User guide</h5>
 				<button id="enhanced" type="button" class="btn btn-outline-primary" data-toggle="button" aria-pressed="false" autocomplete="off">
 					<i class="fa fa-tree" title="Toggle enhanced / basic dependencies"></i>
 				</button>
+                <button id="logger" type="button" class="btn btn-outline-primary" data-toggle="button" aria-pressed="false" autocomplete="off">
+                    <i id="log" class="fa fa-video-camera" title="Enable / Disable Logger"></i>
+                </button>
 
 			</div>
 	          <!--p>

standalone/lib/annotator.js

@@ -126,6 +126,7 @@ function bindHanlers() {
     $("#indata").bind("keyup", fitTable);
     $("#indata").bind("keyup", formatTabsView);
     $("#RTL").on("click", switchRtlMode);
+    $("#logger").on("click", switchLogger);
     $("#vertical").on("click", switchAlignment);
     $("#enhanced").on("click", switchEnhanced);
     document.getElementById('filename').addEventListener('change', loadFromFile, false);

standalone/lib/converters.js

@@ -3,6 +3,7 @@
  * @param {String} text Input text (sentence)
  * @return {String}     Sentence in CoNLL-U format
  */
+var anno_time = 0;
 function plainSent2Conllu(text) {
     // TODO: if there's punctuation in the middle of a sentence,
     // indices shift when drawing an arc
@@ -14,7 +15,15 @@ function plainSent2Conllu(text) {
     console.log('plainSent2Conllu() ' + text);
 
     var sent = new conllu.Sentence();
-    var lines = ["# sent_id = _" + "\n# text = " + text]; // creating comment
+
+    // creating comments
+    var lines;
+    if (LOGGER_ENABLED) {
+        anno_time = Date.now(); // Get first edit time
+        lines = ["# sent_id = _" + "\n# text = " + text.replace('\n', '' + '\n# anno_time = ' + anno_time)];
+    } else {
+        lines = ["# sent_id = _" + "\n# text = " + text];
+    }
     var tokens = text.split(" ");
 
     // enumerating tokens

standalone/lib/gui.js

@@ -87,6 +87,12 @@ function writeArc(sourceNode, destNode) {
     // For some reason we need all of this code otherwise stuff becomes undefined
     var idx = findConlluId(destNode)[1];
     var sent = buildSent();
+
+    // Log changes
+    var outerIndex = indices[1];
+    var innerIndex = indices[2];
+    logger(sent, outerIndex, innerIndex)
+
     var tokens = sent.tokens;
     console.log(idx + ' ' + tokens);
     var thisToken = tokens[idx];
@@ -449,8 +455,12 @@ function writeDeprel(deprelInp, indices) { // TODO: DRY
     } 
 
     var sent = buildSent();
-
+
+    // Log changes
     var outerIndex = indices[1];
+    var innerIndex = indices[2];
+    logger(sent, outerIndex, innerIndex);
+
     var cur = parseInt(sent.tokens[outerIndex].id);
     var head = parseInt(sent.tokens[outerIndex].head);
     console.log('writeDeprel');
@@ -554,6 +564,72 @@ function writeWF(wfInp) {
     }
 }
 
+function logger(sent, outerIndex, innerIndex) {
+    // Log last changed time
+    if (LOGGER_ENABLED) {
+        var hasTimeSet = true;
+
+        var unixTime = Date.now();
+        var timeDelta;
+        if(anno_time == 0) {
+            anno_time = Date.now();
+            hasTimeSet = false;
+        }
+        timeDelta = unixTime - anno_time;
+
+        if(innerIndex != undefined) {
+            var misc = sent.tokens[outerIndex].tokens[innerIndex].misc;
+            if(misc != undefined) {
+                if(misc.indexOf('AnnoTime=') != -1) {
+                    var finalMiscContent = '';
+
+                    if(misc.indexOf('|') != -1) {
+                        var miscContent = misc.split('|');
+                        for(var i = 0; i < miscContent.length; i++) {
+                            if(miscContent[i].startsWith('AnnoTime=')) {
+                                miscContent[i] += ',' + timeDelta;
+                            }
+                        }
+                        finalMiscContent = miscContent.join("|");
+                    } else {
+                        finalMiscContent = misc + ',' + timeDelta;
+                    }
+                    sent.tokens[outerIndex].tokens[innerIndex].misc = finalMiscContent;
+                } else {
+                    sent.tokens[outerIndex].tokens[innerIndex].misc += '|AnnoTime=' + timeDelta;
+                    sent.tokens[outerIndex].tokens[innerIndex].misc = sent.tokens[outerIndex].tokens[innerIndex].misc.replace(/\|\|/g, '|');
+                }    
+            } else {
+                sent.tokens[outerIndex].tokens[innerIndex].misc = 'AnnoTime=' + timeDelta;
+            }
+        } else {
+            var misc = sent.tokens[outerIndex].misc;
+            if(misc != undefined) {
+                if(misc.indexOf('AnnoTime=') != -1) {
+                    var finalMiscContent = '';
+
+                    if(misc.indexOf('|') != -1) {
+                        var miscContent = misc.split('|');
+                        for(var i = 0; i < miscContent.length; i++) {
+                            if(miscContent[i].startsWith('AnnoTime=')) {
+                                miscContent[i] += ',' + timeDelta;
+                            }
+                        }
+                        finalMiscContent = miscContent.join("|");
+                    } else {
+                        finalMiscContent = misc + ',' + timeDelta;
+                    }
+                    sent.tokens[outerIndex].misc = finalMiscContent;
+                } else {
+                    sent.tokens[outerIndex].misc += '|AnnoTime=' + timeDelta;
+                    sent.tokens[outerIndex].misc = sent.tokens[outerIndex].misc.replace(/\|\|/g, '|');
+                }    
+            } else {
+                sent.tokens[outerIndex].misc = 'AnnoTime=' + timeDelta;
+            }
+        }
+    }
+}
 
 function findConlluId(wfNode) { // TODO: refactor the arcitecture.
     // takes a cy wf node
@@ -861,6 +937,13 @@ function switchRtlMode() {
     drawTree();
 }
 
+function switchLogger() {
+    if (LOGGER_ENABLED) {
+        LOGGER_ENABLED = false;
+    } else {
+        LOGGER_ENABLED = true;
+    }
+}
 
 function switchAlignment() {
 	$('#vertical .fa').toggleClass('fa-rotate-90');

standalone/lib/visualiser.js

@@ -2,6 +2,7 @@
 
 var VERT_ALIGNMENT = false;
 var LEFT_TO_RIGHT = true;
+var LOGGER_ENABLED = false;
 var ACTIVE = "#2653c9";
 var NORMAL = "#7fa2ff";
 var FANCY = "#cc22fc";