| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>{{.Title}}</title> |
| <link rel="stylesheet" href="{{.Stylesheet}}"> |
| <link rel="stylesheet" href="/static/style.css"> |
| <script src="{{.SDK}}" |
| data-server="{{.Server}}"></script> |
| </head> |
| <body> |
| <div class="container" data-service-url="{{.ServiceURL}}" data-cookie-name="{{.CookieName}}"> |
| <h1>{{.Title}} - <span style="font-size: 0.8em;">{{.Description}}</span></h1> |
| |
| {{range .MappingSections}} |
| <section class="mapping-section"> |
| <fieldset> |
| <legend>{{.Title}}</legend> |
| {{$section := .}} |
| {{range $.AnnotationMappings}} |
| <div class="mapping" data-id="{{.ID}}" data-type="annotation" data-mode="{{$section.Mode}}" |
| data-default-foundry-a="{{.FoundryA}}" data-default-layer-a="{{.LayerA}}" |
| data-default-foundry-b="{{.FoundryB}}" data-default-layer-b="{{.LayerB}}"> |
| <div class="mapping-row"> |
| <input type="checkbox" id="check-{{.ID}}-{{$section.Mode}}" class="checkbox {{$section.CheckboxClass}}" name="{{$section.CheckboxName}}"> |
| <label for="check-{{.ID}}-{{$section.Mode}}"><span></span>{{$section.AnnotationLabel}} <strong>{{.ID}}</strong></label> |
| <div class="mapping-fields {{$section.FieldsClass}}"> |
| <input type="text" class="{{$section.Mode}}-foundryA" value="{{.FoundryA}}" placeholder="{{.FoundryA}}" size="8">/<input type="text" class="{{$section.Mode}}-layerA" value="{{.LayerA}}" placeholder="{{.LayerA}}" size="4"> |
| <button type="button" class="{{$section.ArrowClass}}" data-dir="{{$section.ArrowDirection}}">{{$section.ArrowLabel}}</button> |
| <input type="text" class="{{$section.Mode}}-foundryB" value="{{.FoundryB}}" placeholder="{{.FoundryB}}" size="8">/<input type="text" class="{{$section.Mode}}-layerB" value="{{.LayerB}}" placeholder="{{.LayerB}}" size="4"> |
| </div> |
| </div> |
| </div> |
| {{end}} |
| {{range $.CorpusMappings}} |
| <div class="mapping" data-id="{{.ID}}" data-type="corpus" data-mode="{{$section.Mode}}"> |
| <div class="mapping-row"> |
| <label><input type="checkbox" class="{{$section.CheckboxClass}}" name="{{$section.CheckboxName}}"> (corpus) {{.ID}}</label> |
| </div> |
| </div> |
| {{end}} |
| </fieldset> |
| </section> |
| {{end}} |
| |
| <section> |
| <h2>Available Mappings</h2> |
| <dl> |
| {{range .AnnotationMappings}} |
| <dt>{{.ID}}</dt> |
| {{if .Description}}<dd>{{.Description}}</dd>{{end}} |
| {{end}} |
| {{range .CorpusMappings}} |
| <dt>{{.ID}}</dt> |
| {{if .Description}}<dd>{{.Description}}</dd>{{end}} |
| {{end}} |
| </dl> |
| </section> |
| |
| <section class="mapping-section"> |
| <fieldset style="font-size: 0.8em;"> |
| <label class="cfg-line-label" for="request-cfg-preview">Request:</label> |
| <input type="text" id="request-cfg-preview" class="cfg-preview request-cfg-preview" readonly value=""> |
| <label class="cfg-line-label" for="response-cfg-preview">Response:</label> |
| <input type="text" id="response-cfg-preview" class="cfg-preview response-cfg-preview" readonly="readonly" value=""> |
| </fieldset> |
| </section> |
| |
| <footer class="version"> |
| <p><tt>v{{.Version}} - {{.Date}} {{.Hash}}</tt></p> |
| </footer> |
| </div> |
| <script src="/static/config.js"></script> |
| </body> |
| </html> |