1
+
2
+ $ ( document ) . ready ( function ( ) {
3
+
4
+ $ ( '#nerform' ) . submit (
5
+ function ( e ) {
6
+ e . preventDefault ( ) ;
7
+ load_ppn ( ) ;
8
+ }
9
+ ) ;
10
+
11
+ $ . get ( "/models" )
12
+ . done (
13
+ function ( data ) {
14
+ var tmp = "" ;
15
+ $ . each ( data ,
16
+ function ( index , item ) {
17
+
18
+ selected = ""
19
+ if ( item . default ) {
20
+ selected = "selected"
21
+ }
22
+
23
+ tmp += '<option value="' + item . id + '" ' + selected + ' >' + item . name + '</option>'
24
+ } ) ;
25
+ $ ( '#model' ) . html ( tmp ) ;
26
+ }
27
+ ) ;
28
+
29
+ $ . get ( "/ppnexamples" )
30
+ . done (
31
+ function ( data ) {
32
+ var tmp = "" ;
33
+ $ . each ( data ,
34
+ function ( index , item ) {
35
+
36
+ tmp += '<option value="' + item . ppn + '">' + item . name + '</option>'
37
+ } ) ;
38
+ $ ( '#ppnexamples' ) . html ( tmp ) ;
39
+ }
40
+ ) ;
41
+
42
+ task_select ( )
43
+ } ) ;
44
+
45
+ function task_select ( ) {
46
+
47
+ var task = $ ( '#task' ) . val ( ) ;
48
+
49
+ if ( task < 3 ) {
50
+ $ ( '#model_select' ) . hide ( )
51
+ }
52
+ else {
53
+ $ ( '#model_select' ) . show ( )
54
+ }
55
+
56
+ $ ( "#resultregion" ) . html ( "" ) ;
57
+ $ ( "#legende" ) . html ( "" ) ;
58
+ }
59
+
60
+
61
+ function load_ppn ( ) {
62
+
63
+ var ppn = $ ( '#ppn' ) . val ( )
64
+
65
+ var text_region_html =
66
+ `<div class="card">
67
+ <div class="card-header">
68
+ Ergebnis:
69
+ </div>
70
+ <div class="card-block">
71
+ <div id="textregion" style="overflow-y:scroll;height: 65vh;"></div>
72
+ </div>
73
+ </div>` ;
74
+
75
+ var legende_html =
76
+ `<div class="card">
77
+ <div class="card-header">
78
+ Legende:
79
+ <div class="ml-2" >[<font color="red">Person</font>]</div>
80
+ <div class="ml-2" >[<font color="green">Ort</font>]</div>
81
+ <div class="ml-2" >[<font color="blue">Organisation</font>]</div>
82
+ <div class="ml-2" >[keine Named Entity]</div>
83
+ </div>
84
+ </div>` ;
85
+
86
+ var spinner_html =
87
+ `<div class="d-flex justify-content-center">
88
+ <div class="spinner-border align-center" role="status">
89
+ <span class="sr-only">Loading...</span>
90
+ </div>
91
+ </div>` ;
92
+
93
+ $ ( "#legende" ) . html ( "" ) ;
94
+
95
+ var task = $ ( '#task' ) . val ( ) ;
96
+ var model_id = $ ( '#model' ) . val ( ) ;
97
+
98
+ console . log ( "Task: " + task ) ;
99
+
100
+ if ( task == 1 ) {
101
+ $ ( "#resultregion" ) . html ( spinner_html ) ;
102
+
103
+ $ . get ( "/digisam-fulltext/" + ppn )
104
+ . done ( function ( data ) {
105
+ $ ( "#resultregion" ) . html ( text_region_html )
106
+ $ ( "#textregion" ) . html ( data . text )
107
+ } )
108
+ . fail (
109
+ function ( ) {
110
+ console . log ( 'Failed.' ) ;
111
+ $ ( "#resultregion" ) . html ( 'Failed.' ) ;
112
+ } ) ;
113
+ }
114
+ else if ( task == 2 ) {
115
+ $ ( "#resultregion" ) . html ( spinner_html ) ;
116
+
117
+ $ . get ( "/digisam-tokenized/" + ppn ,
118
+ function ( data ) {
119
+ $ ( "#resultregion" ) . html ( text_region_html )
120
+ $ ( "#textregion" ) . html ( data . text )
121
+ } ) . fail (
122
+ function ( ) {
123
+ console . log ( 'Failed.' )
124
+ $ ( "#resultregion" ) . html ( 'Failed.' )
125
+ } ) ;
126
+ }
127
+ else if ( task == 3 ) {
128
+
129
+ $ ( "#resultregion" ) . html ( spinner_html ) ;
130
+
131
+ $ . get ( "/digisam-ner/" + model_id + "/" + ppn ,
132
+ function ( data ) {
133
+ $ ( "#resultregion" ) . html ( text_region_html )
134
+ $ ( "#textregion" ) . html ( data . text )
135
+ $ ( "#legende" ) . html ( legende_html )
136
+ } ) . fail (
137
+ function ( a , b , c ) {
138
+ console . log ( 'Failed.' )
139
+ $ ( "#resultregion" ) . html ( 'Failed.' )
140
+ } ) ;
141
+ }
142
+ else if ( task == 4 ) {
143
+ $ ( "#resultregion" ) . html ( spinner_html ) ;
144
+
145
+ $ . get ( "/digisam-ner-bert-tokens/" + model_id + "/" + ppn ,
146
+ function ( data ) {
147
+ $ ( "#resultregion" ) . html ( text_region_html )
148
+ $ ( "#textregion" ) . html ( data . text )
149
+ } ) . fail (
150
+ function ( a , b , c ) {
151
+ console . log ( 'Failed.' )
152
+ $ ( "#resultregion" ) . html ( 'Failed.' )
153
+ } ) ;
154
+ }
155
+ }
0 commit comments