You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
155 lines
4.2 KiB
JavaScript
155 lines
4.2 KiB
JavaScript
|
|
$(document).ready(function(){
|
|
|
|
$('#nerform').submit(
|
|
function(e){
|
|
e.preventDefault();
|
|
load_ppn();
|
|
}
|
|
);
|
|
|
|
$.get( "/models")
|
|
.done(
|
|
function( data ) {
|
|
var tmp="";
|
|
$.each(data,
|
|
function(index, item){
|
|
|
|
selected=""
|
|
if (item.default) {
|
|
selected = "selected"
|
|
}
|
|
|
|
tmp += '<option value="' + item.id + '" ' + selected + ' >' + item.name + '</option>'
|
|
});
|
|
$('#model').html(tmp);
|
|
}
|
|
);
|
|
|
|
$.get( "/ppnexamples")
|
|
.done(
|
|
function( data ) {
|
|
var tmp="";
|
|
$.each(data,
|
|
function(index, item){
|
|
|
|
tmp += '<option value="' + item.ppn + '">' + item.name + '</option>'
|
|
});
|
|
$('#ppnexamples').html(tmp);
|
|
}
|
|
);
|
|
|
|
task_select()
|
|
});
|
|
|
|
function task_select() {
|
|
|
|
var task = $('#task').val();
|
|
|
|
if (task < 3) {
|
|
$('#model_select').hide()
|
|
}
|
|
else {
|
|
$('#model_select').show()
|
|
}
|
|
|
|
$("#resultregion").html("");
|
|
$("#legende").html("");
|
|
}
|
|
|
|
|
|
function load_ppn() {
|
|
|
|
var ppn = $('#ppn').val()
|
|
|
|
var text_region_html =
|
|
`<div class="card">
|
|
<div class="card-header">
|
|
Ergebnis:
|
|
</div>
|
|
<div class="card-block">
|
|
<div id="textregion" style="overflow-y:scroll;height: 65vh;"></div>
|
|
</div>
|
|
</div>`;
|
|
|
|
var legende_html =
|
|
`<div class="card">
|
|
<div class="card-header">
|
|
Legende:
|
|
<div class="ml-2" >[<font color="red">Person</font>]</div>
|
|
<div class="ml-2" >[<font color="green">Ort</font>]</div>
|
|
<div class="ml-2" >[<font color="blue">Organisation</font>]</div>
|
|
<div class="ml-2" >[keine Named Entity]</div>
|
|
</div>
|
|
</div>`;
|
|
|
|
var spinner_html =
|
|
`<div class="d-flex justify-content-center">
|
|
<div class="spinner-border align-center" role="status">
|
|
<span class="sr-only">Loading...</span>
|
|
</div>
|
|
</div>`;
|
|
|
|
$("#legende").html("");
|
|
|
|
var task = $('#task').val();
|
|
var model_id = $('#model').val();
|
|
|
|
console.log("Task: " + task);
|
|
|
|
if (task == 1) {
|
|
$("#resultregion").html(spinner_html);
|
|
|
|
$.get( "/digisam-fulltext/" + ppn)
|
|
.done(function( data ) {
|
|
$("#resultregion").html(text_region_html)
|
|
$("#textregion").html(data.text)
|
|
})
|
|
.fail(
|
|
function() {
|
|
console.log('Failed.');
|
|
$("#resultregion").html('Failed.');
|
|
});
|
|
}
|
|
else if (task == 2) {
|
|
$("#resultregion").html(spinner_html);
|
|
|
|
$.get( "/digisam-tokenized/" + ppn,
|
|
function( data ) {
|
|
$("#resultregion").html(text_region_html)
|
|
$("#textregion").html(data.text)
|
|
}).fail(
|
|
function() {
|
|
console.log('Failed.')
|
|
$("#resultregion").html('Failed.')
|
|
});
|
|
}
|
|
else if (task == 3) {
|
|
|
|
$("#resultregion").html(spinner_html);
|
|
|
|
$.get( "/digisam-ner/" + model_id + "/" + ppn,
|
|
function( data ) {
|
|
$("#resultregion").html(text_region_html)
|
|
$("#textregion").html(data.text)
|
|
$("#legende").html(legende_html)
|
|
}).fail(
|
|
function(a,b,c) {
|
|
console.log('Failed.')
|
|
$("#resultregion").html('Failed.')
|
|
});
|
|
}
|
|
else if (task == 4) {
|
|
$("#resultregion").html(spinner_html);
|
|
|
|
$.get( "/digisam-ner-bert-tokens/" + model_id + "/" + ppn,
|
|
function( data ) {
|
|
$("#resultregion").html(text_region_html)
|
|
$("#textregion").html(data.text)
|
|
}).fail(
|
|
function(a,b,c) {
|
|
console.log('Failed.')
|
|
$("#resultregion").html('Failed.')
|
|
});
|
|
}
|
|
} |