new concordia cat
This commit is contained in:
parent
41f96c5ad9
commit
dff6e2f15c
@ -2,7 +2,8 @@
|
||||
|
||||
$url = 'http://@concordia_host@:@concordia_port@';
|
||||
$inputSentence = $_GET["pattern"];
|
||||
$data = array("operation" => "concordiaSearch","tmId" => intval($_GET["tmId"]),"pattern" => $inputSentence);
|
||||
$tmId = intval($_GET["tmId"]);
|
||||
$data = array("operation" => "concordiaSearch","tmId" => $tmId,"pattern" => $inputSentence);
|
||||
|
||||
// use key 'http' even if you send the request to https://...
|
||||
$options = array(
|
||||
@ -16,46 +17,104 @@ $context = stream_context_create($options);
|
||||
$response = file_get_contents($url, false, $context);
|
||||
|
||||
$data = json_decode($response);
|
||||
|
||||
function sub($string, $start, $end = null) {
|
||||
if (is_null($end)) {
|
||||
return mb_substr($string, $start, null, 'UTF-8');
|
||||
} else {
|
||||
return mb_substr($string, $start, $end-$start, 'UTF-8');
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<script src="js/jquery-1.11.3.min.js"></script>
|
||||
<script src="js/cat.js"></script>
|
||||
<link rel="stylesheet" href="css/iatagger.css" />
|
||||
<link rel="stylesheet" href="css/concordia_cat.css" />
|
||||
<meta charset="UTF-8">
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
var concordiaUrl = 'http://@concordia_host@:@concordia_port@';
|
||||
var currentTmId = <?= $tmId ?>;
|
||||
var disablePhraseSearch = true;
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#search-input').bind("enterKey",function(e){
|
||||
searchHandle(currentTmId);
|
||||
});
|
||||
$('#search-input').keyup(function(e){
|
||||
if(e.keyCode == 13) {
|
||||
$(this).trigger("enterKey");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<div id="header">
|
||||
</div>
|
||||
<div id="content">
|
||||
<input id="search-input" type="text" value="<?= $inputSentence ?>" />
|
||||
<img id="search-icon" src="images/search.png" alt="search" onclick="searchHandle(currentTmId)" title="search"/>
|
||||
<img id="clear-icon" src="images/reset.png" alt="clear" onclick="$('#search-input').val('')" title="clear search field"/>
|
||||
|
||||
<div id="result">
|
||||
<div id="result-score">Concordia score: <b><?= round($data->result->bestOverlayScore*100) ?>%</b></div>
|
||||
<?php
|
||||
<div id="result-sentence"><?php
|
||||
|
||||
$markedSentence = "";
|
||||
$fragments = array();
|
||||
$lastInsertedEnd = 0;
|
||||
$lastInsertedEnd = 0;
|
||||
|
||||
for($i=0; $i<count($data->result->bestOverlay);$i++) {
|
||||
$fragment = $data->result->bestOverlay[i];
|
||||
//previous unmarked fragment
|
||||
$markedSentence += substr($inputSentence,$lastInsertedEnd, $fragment->matchedPatternStart - $lastInsertedEnd);
|
||||
|
||||
//the marked fragment
|
||||
$markedSentence += '<span onclick="displayDetails(this, '+i+')" class="matchedFragment">'+substr($inputSentence,$fragment->matchedPatternStart, $fragment->matchedPatternEnd - $fragment->matchedPatternStart)+'</span>';
|
||||
|
||||
$lastInsertedEnd = $fragment->matchedPatternEnd;
|
||||
|
||||
//fragments += renderFragment(fragment, i);
|
||||
|
||||
}
|
||||
//remaining unmarked fragment
|
||||
$markedSentence += substr($inputSentence, $lastInsertedEnd);
|
||||
|
||||
?>
|
||||
<div id="result-sentence"><?=$inputSentence ?><?=$markedSentence ?></div>
|
||||
for($i=0; $i<count($data->result->bestOverlay);$i++) {
|
||||
$fragment = $data->result->bestOverlay[$i];
|
||||
//previous unmarked fragment
|
||||
echo sub($inputSentence,$lastInsertedEnd, $fragment->matchedPatternStart);
|
||||
//the marked fragment
|
||||
?><span onclick="displayDetails(this, <?= $i ?>)" class="matchedFragment"><?= sub($inputSentence,$fragment->matchedPatternStart, $fragment->matchedPatternEnd) ?></span><?php
|
||||
$lastInsertedEnd = $fragment->matchedPatternEnd;
|
||||
//fragments += renderFragment(fragment, i);
|
||||
}
|
||||
//remaining unmarked fragment
|
||||
echo sub($inputSentence, $lastInsertedEnd);
|
||||
?></div>
|
||||
<br/><br/><br/>
|
||||
<?php
|
||||
$i=0;
|
||||
foreach ($data->result->bestOverlay as $fragment) {
|
||||
?>
|
||||
<div style="display:none" id="fragment<?= $i ?>" class="fragmentDetails">
|
||||
<table>
|
||||
<tr>
|
||||
<td><!-- source segment --->
|
||||
<?= sub($fragment->sourceSegment, 0, $fragment->matchedExampleStart) ?>
|
||||
<span class="matchedFragment"><?= sub($fragment->sourceSegment, $fragment->matchedExampleStart, $fragment->matchedExampleEnd) ?></span>
|
||||
<?= sub($fragment->sourceSegment, $fragment->matchedExampleEnd)?>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<?php
|
||||
$currStart = 0;
|
||||
foreach ($fragment->targetFragments as $targetFragment) {
|
||||
?>
|
||||
<?= sub($fragment->targetSegment, $currStart, $targetFragment[0]); ?>
|
||||
<span class="matchedFragment"><?= sub($fragment->targetSegment, $targetFragment[0], $targetFragment[1]); ?></span>
|
||||
<?php
|
||||
$currStart = $targetFragment[1];
|
||||
}
|
||||
echo sub($fragment->targetSegment, $currStart);
|
||||
?>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<?php
|
||||
$i++;
|
||||
?>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@ -56,6 +56,10 @@
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#clear-icon {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
|
||||
#help-icon {
|
||||
margin-left:20px;
|
||||
@ -122,7 +126,7 @@
|
||||
border-style: solid;
|
||||
border-width: 5px;
|
||||
border-color:#19424F;
|
||||
border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.fragmentDetails table {
|
||||
@ -173,9 +177,9 @@
|
||||
|
||||
|
||||
#result-sentence {
|
||||
text-align:center;
|
||||
font-size:24px;
|
||||
white-space:pre;
|
||||
text-align:left;
|
||||
font-size:16px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
/** General Style Info **/
|
||||
@ -432,7 +436,7 @@ td.selected .choice-available {
|
||||
|
||||
.help-section {
|
||||
margin-top:20px;
|
||||
margin-bottom:20px;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
.suggestion-count-box {
|
||||
@ -2,7 +2,7 @@
|
||||
<head>
|
||||
<script src="../js/jquery-1.11.3.min.js"></script>
|
||||
<script src="../js/cat.js"></script>
|
||||
<link rel="stylesheet" href="../css/iatagger.css" />
|
||||
<link rel="stylesheet" href="../css/concordia_cat.css" />
|
||||
<meta charset="UTF-8">
|
||||
</head>
|
||||
<body>
|
||||
@ -43,7 +43,7 @@
|
||||
<img id="search-icon" src="../images/search.png" alt="search" onclick="searchHandle(currentTmId)" title="search"/>
|
||||
<img id="help-icon" src="../images/help.png" alt="help" onclick="toggleHelp()" title="show/hide help"/>
|
||||
<div id="result">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@ -47,15 +47,20 @@ function phraseSearchHandle(tmid, intervals) {
|
||||
|
||||
function renderResult(data) {
|
||||
var res = '';
|
||||
|
||||
|
||||
if (typeof(data['result']['bestOverlayScore']) === 'undefined') {
|
||||
// ignore
|
||||
// ignore
|
||||
} else {
|
||||
var score = data['result']['bestOverlayScore']*100;
|
||||
res += '<div id="result-score">Concordia score: <b>'+score.toFixed(0)+'%</b></div>';
|
||||
}
|
||||
res += '<div id="phrase-selection">Phrase search mode: <img id="phrase-off-icon" src="../images/switchOff.png" alt="enter phrase search mode" onclick="togglePhraseSearchMode()" title="search for phrases"/><img class="hidden" id="phrase-on-icon" src="../images/switchOn.png" alt="cancel phrase search" onclick="togglePhraseSearchMode()" title="cancel phrase search"/><span id="phrase-prompt" class="hidden">Select continuous phrase: </span></div>';
|
||||
|
||||
|
||||
if (typeof disablePhraseSearch !== 'undefined') {
|
||||
// ignore
|
||||
} else {
|
||||
res += '<div id="phrase-selection">Phrase search mode: <img id="phrase-off-icon" src="../images/switchOff.png" alt="enter phrase search mode" onclick="togglePhraseSearchMode()" title="search for phrases"/><img class="hidden" id="phrase-on-icon" src="../images/switchOn.png" alt="cancel phrase search" onclick="togglePhraseSearchMode()" title="cancel phrase search"/><span id="phrase-prompt" class="hidden">Select continuous phrase: </span></div>';
|
||||
}
|
||||
|
||||
var inputSentence = $('#search-input').val();
|
||||
var markedSentence = '';
|
||||
var fragments = '';
|
||||
@ -67,19 +72,19 @@ function renderResult(data) {
|
||||
|
||||
//the marked fragment
|
||||
markedSentence += '<span onclick="displayDetails(this, '+i+')" class="matchedFragment">'+inputSentence.slice(fragment['matchedPatternStart'], fragment['matchedPatternEnd'])+'</span>';
|
||||
|
||||
|
||||
lastInsertedEnd = fragment['matchedPatternEnd'];
|
||||
|
||||
|
||||
fragments += renderFragment(fragment, i);
|
||||
}
|
||||
|
||||
|
||||
//remaining unmarked fragment
|
||||
markedSentence += inputSentence.slice(lastInsertedEnd);
|
||||
|
||||
|
||||
res += '<div id="result-sentence" onMouseUp="phraseSearch(this)">'+markedSentence+'</div>';
|
||||
|
||||
|
||||
res += '<br/><br/><br/>'+fragments;
|
||||
|
||||
|
||||
return res;
|
||||
}
|
||||
|
||||
@ -93,7 +98,7 @@ function renderFragment(fragment, number) {
|
||||
result += sourceSegment.slice(fragment['matchedExampleStart'], fragment['matchedExampleEnd']);
|
||||
result += '</span>';
|
||||
result += sourceSegment.slice(fragment['matchedExampleEnd']);
|
||||
|
||||
|
||||
// target segment
|
||||
result += '</td></tr><tr><td>';
|
||||
var targetSegment = fragment['targetSegment'];
|
||||
@ -140,15 +145,15 @@ function phraseSearch(caller) {
|
||||
if ($('#result-sentence').hasClass('phrase-mode')) {
|
||||
var phrase = getSelectedTextWithin(caller);
|
||||
if (phrase.length > 0) {
|
||||
|
||||
|
||||
var intervalStarts = getIndicesOf(phrase, $("#search-input").val(), true);
|
||||
var intervals = [];
|
||||
|
||||
|
||||
for (var i=0;i<intervalStarts.length;i++) {
|
||||
|
||||
|
||||
intervals.push([intervalStarts[i], intervalStarts[i]+phrase.length])
|
||||
}
|
||||
|
||||
|
||||
phraseSearchHandle(currentTmId, intervals);
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user