From 3f222f53f6355eeef21e4fd95b6047ceea088615 Mon Sep 17 00:00:00 2001
From: rjawor <rjawor@amu.edu.pl>
Date: Thu, 21 Jan 2016 13:12:46 +0100
Subject: [PATCH] new cat interface

---
 cat/css/iatagger.css         |  34 +++++++++++-
 cat/images/cancel-button.png | Bin 0 -> 2973 bytes
 cat/images/phrase.png        | Bin 0 -> 1309 bytes
 cat/images/reset.png         | Bin 0 -> 3009 bytes
 cat/images/search.png        | Bin 0 -> 4716 bytes
 cat/index.html_pattern       |  14 +++--
 cat/js/cat.js                |  98 ++++++++++++++++++++++++++++++++---
 7 files changed, 129 insertions(+), 17 deletions(-)
 create mode 100644 cat/images/cancel-button.png
 create mode 100644 cat/images/phrase.png
 create mode 100755 cat/images/reset.png
 create mode 100644 cat/images/search.png

diff --git a/cat/css/iatagger.css b/cat/css/iatagger.css
index 2d3ca66..7043eae 100644
--- a/cat/css/iatagger.css
+++ b/cat/css/iatagger.css
@@ -21,10 +21,36 @@
 	padding:0;
 }
 
+#cancel-button {
+    cursor:pointer;
+    vertical-align:middle;
+}
+
+#phrase-selection {
+    height:50px;
+}
+
 .hidden {
     display:none;
 }
 
+#phrase-icon {
+    cursor:pointer;
+    vertical-align:middle;
+    margin-right:20px;
+}
+
+#reset-icon {
+    cursor:pointer;
+    vertical-align:middle;
+    margin-right:20px;
+}
+
+#search-icon {
+    cursor:pointer;
+}
+
+
 #help-icon {
     margin-left:20px;
     cursor:pointer;
@@ -34,7 +60,7 @@
     margin-top:10px;
 }
 
-#searchInput {
+#search-input {
     margin-bottom:10px;
 }
 
@@ -101,6 +127,12 @@
     cursor:pointer;
 }
 
+#result-sentence.phrase-mode .matchedFragment {
+    background-color:#e5e5ff;
+    border-color:#e5e5ff;
+    cursor:text;
+}
+
 .matchedFragment {
     background-color:#99CCFF;
     border-style: solid;
diff --git a/cat/images/cancel-button.png b/cat/images/cancel-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..a109612f67a7889160422670d35c09c9cc895f0b
GIT binary patch
literal 2973
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
TET`t%00000NkvXXu0mjf{Dy_8

literal 0
HcmV?d00001

diff --git a/cat/images/phrase.png b/cat/images/phrase.png
new file mode 100644
index 0000000000000000000000000000000000000000..64e0fb448c042e348ac93d486fbc96ab8b35db1c
GIT binary patch
literal 1309
zcmV+&1>*XNP)<h;3K|Lk000e1NJLTq001oj001or0{{R34a5?t00090P)t-s)YQ~@
znZ5Ap>Z!ff;@#cc<nH<U{KV4Yp|{bVw9wVw>)GP%?C|yI?eyK<-SPDJZj!d0wa&fG
z--@Qi>Eq+T&fu%R)#2#zvBKFyaH7uI=Y5*Nf}O<r`1tJR=2m^J&dkiGy4A|o=9{w5
z`S$jOpvAJp+Lo=&g`&e=g0WhFuix9-Re!3BrN_$2$xnEx(A((b<m60sr{CuA^zrf1
z($f0-{m9hiaFV(5?(XmD>AK6^;^N}M(Bs$O>&(o|(%k5FmAtpe+;x+_#?<3-k-fOc
z-L=QtfS$p&#@v#v$<o~F(A?<C*5&Bv=!2lb>FMd%*x1L^<kr*Ebd<aN`uf<_)xOQ&
zW{R}*_xg^g$mi_yiKEAVo5FmXzPrlbSb?pTuF8j`!*Z0lZjiZZjJI2atwnO9@9*#N
z@$tsS#`gC1^Yiod_4W7n_xt<%{QUg+`T6kh@bdEV`uh6x^z``n`0efO_Ve@F*4FFm
z>*nU>I%=IcYMexHqfvRPL2jW~ey(4GvOa8|J#3#lYo2C^wmfT|Xo<IJin!t7;W=uZ
zOm?VFcc@T!sZ)EaIBA?qb*D{ts9b@tNpz-Fe5^=wr9y9_TY#`fa-~Xirbcn3KW(5#
za->pvt8b3GNpq!Pg|k$9tV3_2U4pSiaidv(uSRmDV}`V0gtKCXv_Ng3WQVn7hqXIu
zop6u5Ym2#SjJa%$x@?TPZjHKbj=FJ>yx`#AIBJ~V-{0Qe-qYUc?&s&s*XREI{mjeD
z{rvn-dZ*sy@6plGjHbt#ug;UJ%*V&a&(6-%(9p@&<hjY-y2;<j$H&ml&fC}5Xp6P?
z^z_`=*!TJSZI8F`>+ACE?S!AiQhcgjgRr>C+q}%(-{<d0b)-plrThB&uE5z}g|OMy
z*3jJN#?#~V@$p%IuF%@(k*dm-tISJxrf-kBn6S)OfUM{3^yBLC^Y8C%j=9?7?PZ9x
zP<p7z)#bU$+*5k0VTQ6`gtG4L?*0A!{{H^#<>mkX|FtJnDgXcg0d!JMQvg8b*k%9#
z00Cl4M??UK1szBL000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2jBq^4Ja(ow4N6L
z00EgvL_t(Y$IaADOF}^u2H+DC_JQEWK-v|NM4{9=2}CHVO)D1#t@;&N8Cf@Om}Esz
zVA&U!v?xIWcP{)36|`s(L_`Grf@bcWIdd1DaqF{sFTBiR?wkXlbi48-v`|pdS7_0F
zf9%2Bs5JCt!!Ts58^*V`8!4B|HTh90mGmc{GcsG2HKyx+<QbWd8STkwu1RjH>yQ(<
z$Z5)ftYe1fuw#yF?@BC>OCF+JKag1c3=!?u69jODh;~qk`YsUBUROFJw}@yjZ6bhe
zME%GN0=Pre4X#LU0H%~6FWjH9d3j!bvgv+(BA3gJiX39O1KLY09*@<<>lmt5`+b`3
z@V#w<=f#5Ui{1bgVE`chAk?V#4uU@e5#`S<1kYtev==PYyP-szw?mf*@(MNB*T~rd
zY3(j3BKX}yRNJ#A1lV<prH~Df7oOaA@Elf4f#e?jBW_UFzG1>5^Nlc~E6=YoB2V*;
zpnZa_!Jj&1wB@9|0~{>A=wEjx^W(}Hec5lS=V_WP=BAcXxi8pi%Dk>T3+?D15O5{6
TUFnys00000NkvXXu0mjfaq|SM

literal 0
HcmV?d00001

diff --git a/cat/images/reset.png b/cat/images/reset.png
new file mode 100755
index 0000000000000000000000000000000000000000..c36b7c21e4153132e2ee7bc55f708afb29bd77cb
GIT binary patch
literal 3009
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
DP1@70

literal 0
HcmV?d00001

diff --git a/cat/images/search.png b/cat/images/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..484350039c274997848852eaaee71bf33bc4b75c
GIT binary patch
literal 4716
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

literal 0
HcmV?d00001

diff --git a/cat/index.html_pattern b/cat/index.html_pattern
index bfa55a8..b14387b 100644
--- a/cat/index.html_pattern
+++ b/cat/index.html_pattern
@@ -10,10 +10,10 @@
         var concordiaUrl = 'http://@concordia_host@:@concordia_port@';
 
         $(document).ready(function() {
-            $('#searchInput').bind("enterKey",function(e){
+            $('#search-input').bind("enterKey",function(e){
                 searchHandle(@tmid@);
             });
-            $('#searchInput').keyup(function(e){
+            $('#search-input').keyup(function(e){
                 if(e.keyCode == 13) {
                     $(this).trigger("enterKey");
                 }
@@ -32,16 +32,14 @@
             <div id="help" class="hidden">
 	            <p>@desc@</p>
 	            <p>@enjoy@</p>
-                <span class="suggestion" onclick="showHideSuggestions()">show/hide samples</span>
-                <br/><br/>
-                <div class="suggestionsInvisible" id="suggestions">
+                <div id="suggestions">
                     <ul>@suggestions@</ul>
                     <br/><br/>
                 </div>
-                <label for="searchInput">@prompt@</label>
+                <label for="search-input">@prompt@</label>
             </div>
-            <input id="searchInput" type="text" value="" />
-            <input type="button" value="search" onclick="searchHandle(@tmid@)" />
+            <input id="search-input" type="text" value="" />
+            <img id="search-icon" src="../images/search.png" alt="search" onclick="searchHandle(@tmid@)" title="search"/>
             <img id="help-icon" src="../images/help.png" alt="help" onclick="toggleHelp()" title="show/hide help"/>
             <div id="result">
             
diff --git a/cat/js/cat.js b/cat/js/cat.js
index 6cb78c8..cb6e040 100644
--- a/cat/js/cat.js
+++ b/cat/js/cat.js
@@ -6,7 +6,7 @@ function searchHandle(tmid) {
     var concordiaRequest = {
         operation: 'concordiaSearch',
         tmId: tmid,
-        pattern:$("#searchInput").val()
+        pattern:$("#search-input").val()
     }
 
     $.ajax({
@@ -26,8 +26,9 @@ function renderResult(data) {
     var score = data['result']['bestOverlayScore']*100;
     
     res += '<div id="result-score">Concordia score: <b>'+score.toFixed(0)+'%</b></div>';
+    res += '<div id="phrase-selection"><img id="phrase-icon" src="../images/phrase.png" alt="phrase search" onclick="togglePhraseSearchMode()" title="search for phrases"/><span id="phrase-prompt" class="hidden">Select continuous phrase: <img id="cancel-button" src="../images/cancel-button.png" alt="cancel phrase search" onclick="togglePhraseSearchMode()" title="cancel searching for phrases"/></span></div>';
     
-    var inputSentence = $('#searchInput').val();
+    var inputSentence = $('#search-input').val();
     var markedSentence = '';
     var fragments = '';
     lastInsertedEnd = 0;
@@ -47,7 +48,7 @@ function renderResult(data) {
     //remaining unmarked fragment
     markedSentence += inputSentence.slice(lastInsertedEnd);
     
-    res += '<div id="result-sentence">'+markedSentence+'</div>';
+    res += '<div id="result-sentence" onMouseUp="phraseSearch(this)">'+markedSentence+'</div>';
     
     res += '<br/><br/><br/>'+fragments;
     
@@ -81,18 +82,99 @@ function renderFragment(fragment, number) {
     return result;
 }
 
+function togglePhraseSearchMode() {
+    $('#result-sentence').toggleClass('phrase-mode');
+    $('#phrase-icon').toggleClass('hidden');
+    $('#phrase-prompt').toggleClass('hidden');
+    clearTextSelections();
+}
+
 function displayDetails(caller, number) {
-    $('#result-sentence .matchedFragmentSelected').attr("class","matchedFragment");
-    caller.className='matchedFragmentSelected';
-    $('.fragmentDetails').css('display', 'none');
-    $('#fragment'+number).css('display', 'block');
+    if (!$('#result-sentence').hasClass('phrase-mode')) {
+        $('#result-sentence .matchedFragmentSelected').attr("class","matchedFragment");
+        caller.className='matchedFragmentSelected';
+        $('.fragmentDetails').css('display', 'none');
+        $('#fragment'+number).css('display', 'block');
+    }
 }
 
 function searchText(text, tmid) {
-    $("#searchInput").val(text);
+    $("#search-input").val(text);
     searchHandle(tmid);
 }
 
 function showHideSuggestions() {
     $('#suggestions').toggleClass('suggestionsInvisible');
 }
+
+function phraseSearch(caller) {
+    if ($('#result-sentence').hasClass('phrase-mode')) {
+        var phrase = getSelectedTextWithin(caller);
+        console.log('phrase search for: '+phrase);
+        console.log(getIndicesOf(phrase, $("#search-input").val(), true));
+        var phrases = $('phrase-prompt').data();
+    }
+}
+
+function getSelectedTextWithin(el) {
+    var selectedText = "";
+    if (typeof window.getSelection != "undefined") {
+        var sel = window.getSelection(), rangeCount;
+        if ( (rangeCount = sel.rangeCount) > 0 ) {
+            var range = document.createRange();
+            for (var i = 0, selRange; i < rangeCount; ++i) {
+                range.selectNodeContents(el);
+                selRange = sel.getRangeAt(i);
+                if (selRange.compareBoundaryPoints(range.START_TO_END, range) == 1 && selRange.compareBoundaryPoints(range.END_TO_START, range) == -1) {
+                    if (selRange.compareBoundaryPoints(range.START_TO_START, range) == 1) {
+                        range.setStart(selRange.startContainer, selRange.startOffset);
+                    }
+                    if (selRange.compareBoundaryPoints(range.END_TO_END, range) == -1) {
+                        range.setEnd(selRange.endContainer, selRange.endOffset);
+                    }
+                    selectedText += range.toString();
+                }
+            }
+        }
+    } else if (typeof document.selection != "undefined" && document.selection.type == "Text") {
+        var selTextRange = document.selection.createRange();
+        var textRange = selTextRange.duplicate();
+        textRange.moveToElementText(el);
+        if (selTextRange.compareEndPoints("EndToStart", textRange) == 1 && selTextRange.compareEndPoints("StartToEnd", textRange) == -1) {
+            if (selTextRange.compareEndPoints("StartToStart", textRange) == 1) {
+                textRange.setEndPoint("StartToStart", selTextRange);
+            }
+            if (selTextRange.compareEndPoints("EndToEnd", textRange) == -1) {
+                textRange.setEndPoint("EndToEnd", selTextRange);
+            }
+            selectedText = textRange.text;
+        }
+    }
+    return selectedText;
+}
+
+function clearTextSelections() {
+    if (window.getSelection) {
+      if (window.getSelection().empty) {  // Chrome
+        window.getSelection().empty();
+      } else if (window.getSelection().removeAllRanges) {  // Firefox
+        window.getSelection().removeAllRanges();
+      }
+    } else if (document.selection) {  // IE?
+      document.selection.empty();
+    }
+}
+
+function getIndicesOf(searchStr, str, caseSensitive) {
+    var startIndex = 0, searchStrLen = searchStr.length;
+    var index, indices = [];
+    if (!caseSensitive) {
+        str = str.toLowerCase();
+        searchStr = searchStr.toLowerCase();
+    }
+    while ((index = str.indexOf(searchStr, startIndex)) > -1) {
+        indices.push(index);
+        startIndex = index + searchStrLen;
+    }
+    return indices;
+}