qurator-spk/neat
1
0
Fork 0
mirror of https://github.com/qurator-spk/neat.git synced 2025-10-30 16:24:12 +01:00
Code Issues Releases Wiki Activity

add image preview

Browse source
This commit is contained in:
Kai Labusch 2019-09-24 10:21:49 +02:00
parent 6afb0a6375
commit 450886cda6
3 changed files with 79 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

87
ner-edith.js
View file

@ -32,6 +32,53 @@ function setupInterface(data, file) {
$('#table-body').empty();
function gotoLocation(evt) {
if (urls != null) {
let nRow = parseInt($(evt.target).text());
let img_url = urls.data[data.data[nRow]['url_id']]['url']
console.log(img_url);
$("#preview").attr("src", img_url);
$("#preview-link").attr("href", img_url);
return;
}
let url_mapping_html =
`
<br/>
<br/>
<br/>
<input type="file" id="url-mapping-tsv-file" style="visibility: hidden; width: 1px; height: 1px"/>
Please
<a href="" onclick="$('#url-mapping-tsv-file').click(); return false">upload a url mapping file</a>
or<button class="btn btn-link" id="goback">go back to edit mode.</button>
`;
$("#tableregion").html(url_mapping_html);
$("#btn-region").empty();
$('#goback').on('click',
function(evt) {
setupInterface(data, file);
}
);
$('#url-mapping-tsv-file').change(
function(evt) {
loadFile(evt,
function(results, url_mapping_file) {
urls = results;
setupInterface(data, file);
});
}
);
}
$.each(data.data,
function(nRow, el) {
@ -68,45 +115,7 @@ function setupInterface(data, file) {
$("#table td:contains('B-TODO')").addClass('ner_todo');
$("#table td:contains('I-TODO')").addClass('ner_todo');
$(".offset").on('click',
function(evt) {
if (urls != null) {
return;
}
let url_mapping_html =
`
<br/>
<br/>
<br/>
<input type="file" id="url-mapping-tsv-file" style="visibility: hidden; width: 1px; height: 1px"/>
Please
<a href="" onclick="$('#url-mapping-tsv-file').click(); return false">upload a url mapping file</a>
or<button class="btn btn-link" id="goback">go back to edit mode.</button>
`;
$("#tableregion").html(url_mapping_html);
$("#btn-region").empty();
$('#goback').on('click',
function(evt) {
setupInterface(data, file);
}
);
$('#url-mapping-tsv-file').change(
function(evt) {
loadFile(evt,
function(results, url_mapping_file) {
urls = results;
setupInterface(data, file);
});
}
);
}
);
$(".offset").on('click', gotoLocation);
}
let table_html =

8
ner.edith.html
View file

@ -18,6 +18,11 @@
.ner_org{background-color:plum}
.ner_oth{background-color:lightgreen}
.ner_todo{background-color:turquoise}
.fit-image{
width: 100%;
object-fit: cover;
}
</style>
</head>
<body>
@ -41,6 +46,9 @@
</div>
<div class="row mt-3">
<div class="col-2" id="region-left">
<a href="" id="preview-link">
<img id="preview" class="img-responsive fit-image"/>
</a>
</div>
<div class="col-8 text-center" id="tableregion">
Please upload a TSV (tab-separated-values) file in the GermEval2014 data format

12
tools/cli.py
View file

@ -6,13 +6,16 @@ from io import StringIO
@click.command()
@click.argument('tsv-file', type=click.Path(exists=True), required=True, nargs=1)
def extract_document_links(tsv_file):
@click.argument('url-file', type=click.Path(exists=False), required=True, nargs=1)
def extract_document_links(tsv_file, url_file):
parts = extract_doc_links(tsv_file)
for part in parts:
urls = [part['url'] for part in parts]
print(part['url'])
urls = pd.DataFrame(urls, columns=['url'])
urls.to_csv(url_file, sep="\t", quoting=3, index=False)
@click.command()
@ -24,12 +27,9 @@ def annotate_tsv(tsv_file, annotated_tsv_file):
annotated_parts = []
urls = []
for part in parts:
part_data = StringIO(part['header'] + part['text'])
urls.append(part['url'])
df = pd.read_csv(part_data, sep="\t", comment='#', quoting=3)