/
customize.html
78 lines (71 loc) · 4.6 KB
/
customize.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!--
Basic page for customization sessions in the Wordlist Editor.
author : Johann-Mattis List
email : mattis.list@lingulist.de
created : 2014-09-03 11:10
modified : 2014-09-03 11:10
-->
<span class="main_handle pull-left"></span>
<button type="button" onclick="$('#toggle_customize > span').toggle();$('#customize').toggle();window.location.href='#top';" class="pull-right close" style="margin-left:5px"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h3>Customize Your Wordlist Editor Sessions</h3>
<p>You can customize the appearance of the Wordlist Editor by generating specific URLs that store your desired layout. By bookmarking the generated URL, you can open the Wordlist Editor in your desired flavor. All you need to do is to check your desired parameters in the checkbox below.</p>
<div class="form-horizontal bg-info" role="form" style="padding:5px;border-radius:5px">
<p class="text-center" style="color:#2e5ca8;font-size:120%;font-weight:bold;">Basic Parameters</p>
<div class="form-group">
<label style="text-align:justify" class="col-sm-2 control-label">Show on Start</label>
<div class="checkbox">
<label style="text-align:justify">
<input type="checkbox" name="menu" id="showMenuX" checked /> Menu
</label>
<label style="text-align:justify">
<input type="checkbox" name="filters" id="showFiltersX" /> Filters
</label>
<label style="text-align:justify">
<input type="checkbox" name="filters" id="showDatabase" /> Database
</label>
</div>
</div>
<div class="form-group">
<label style="text-align:justify" class="col-sm-2 control-label titled" title="Specifify the basic fields which will be displayed when loading your Wordlist file.">Basic Fields</label>
<div class="form-sm-9">
<input type="text" class="form-control textfield" style="display:inline;width:70%" value="DOCULECT,CONCEPT,IPA,COGID,ALIGNMENT" id="basic_fieldsX"/>
</div>
</div>
<div class="form-group">
<label style="text-align:justify" class="col-sm-2 control-label titled" title="Specify the
formatting options for cognate sets by specifying the field containing cognate IDs.">Cognate
ID</label>
<div class="form-sm-9">
<input id="formatterX" type="text" class="col-sm-3 form-control textfield titled"
style="width:120px" placeholder="cognate identifier" value="" />
</div>
</div>
<div class="form-group">
<label style="text-align:justify" class="col-sm-2 control-label titled" title="Specify the number of items you want to see in the preview of the Wordlist.">Preview</label>
<div class="form-sm-9">
<input id="showPreviewX" type="number" class="form-control textfield" style="width:110px" value="10" />
</div>
</div>
<p class="text-center" style="color:#2e5ca8;font-size:120%;font-weight:bold;">Transformations</p>
<div class="form-group">
<label style="text-align:justify" class="col-sm-2 control-label titled" title="Specify the fields which shall be transformed to Chinese characters upon input of Pīnyīn.">Pīnyīn</label>
<input type="text" class="col-sm-3 form-control textfield" style="width:120px" id="pinyinX" placeholder="Pīnyīn" value="CHINESE" />
</div>
<div class="form-group">
<label style="text-align:justify" class="col-sm-2 control-label titled" title="Specify the columns in which SAMPA input will be automatically converted to IPA.">SAMPA</label>
<input type="text" class="col-sm-3 form-control textfield titled" style="width:70%" id="sampaX" placeholder="SAMPA" value="IPA,TOKENS"/>
</div>
<div class="form-group">
<label style="text-align:justify" class="col-sm-2 control-label titled" title="Specify the columns in which tokenized input of IPA characters will be automatically converted to highlighted colored output.">Highlight</label>
<input type="text" class="col-sm-3 form-control textfield titled" style="width:70%" id="highlightX" placeholder="HIGHLIGHT" value="TOKENS,ALIGNMENT"/>
</div>
<p class="text-center" style="color:#2e5ca8;font-size:120%;font-weight:bold;">Other Settings</p>
<div class="form-group">
<label style="text-align:justify" class="col-sm-2 control-label titled" title="Select a remote file that shall be loaded upon start.">Remote file</label>
<input type="text" class="col-sm-3 form-control pull-left textfield" style="width:70%" id="file_nameX" placeholder="select remote file" />
</div>
<div class="form-group">
<button id="customizeButton" onclick="makeMyURL();" style="left:15px;position:relative;" class="btn btn-primary submit3">Create URL</button>
</div>
</div>
<div id="generated_url"></div>