1616 < datalist id ="DLCidocClasses "> </ datalist >
1717 < datalist id ="DLCidocProperties "> </ datalist >
1818 < datalist id ="DLLidoClasses "> </ datalist >
19+ < style >
20+ .btn { margin-left : 0.8em ; }
21+ h4 { padding : 0.2em ; }
22+ .row { --bs-gutter-x : 2px ; }
23+ </ style >
1924</ head >
2025
2126< body >
@@ -82,7 +87,7 @@ <h5 class="modal-title" id="uploadX3mlModalLabel">Uploading X3ml mappings</h5>
8287 < div class ="modal-dialog ">
8388 < div class ="modal-content ">
8489 < div class ="modal-header ">
85- < h5 class ="modal-title " id ="uploadLidoModalLabel "> Uploading Lido file</ h5 >
90+ < h5 class ="modal-title " id ="uploadLidoModalLabel "> Upload LIDO/XML file</ h5 >
8691 < button type ="button " class ="btn-close " data-bs-dismiss ="modal " aria-label ="Close "> </ button >
8792 </ div >
8893 < div class ="modal-body ">
@@ -103,14 +108,13 @@ <h5 class="modal-title" id="uploadLidoModalLabel">Uploading Lido file</h5>
103108 < div class ="row ">
104109 < div class ="col-2 "> </ div >
105110 < div class ="col-8 ">
106- < h4 > < span class ="label label-default "> Mappings (x3ml)</ span > </ h4 >
107- < p >
108- < button type ="button " class ="btn btn-primary btn-sm " @click ="addMapping "> Add mapping</ button >
109- < button type ="button " class ="btn btn-primary btn-sm " @click ="clearMappings "> Clear all</ button >
110- < button type ="button " class ="btn btn-primary btn-sm " @click ="resetMappings "> Reset</ button >
111- < button type ="button " class ="btn btn-primary btn-sm " data-bs-toggle ="modal " data-bs-target ="#uploadX3mlModal "> Upload</ button >
112- < a href ="downloadX3ml " target ="blank "> < button class ='btn btn-primary btn-sm '> Download</ button > </ a >
113- </ p >
111+ < h4 > Mappings (x3ml)
112+ < button type ="button " class ="btn btn-primary btn-sm " @click ="addMapping "> Add mapping</ button >
113+ < button type ="button " class ="btn btn-primary btn-sm " @click ="clearMappings "> Clear all</ button >
114+ < button type ="button " class ="btn btn-primary btn-sm " @click ="resetMappings "> Reset</ button >
115+ < button type ="button " class ="btn btn-primary btn-sm " data-bs-toggle ="modal " data-bs-target ="#uploadX3mlModal "> Upload</ button >
116+ < a href ="downloadX3ml " target ="blank "> < button class ='btn btn-primary btn-sm '> Download</ button > </ a >
117+ </ h4 >
114118 < div id ="acc " class ="accordion accordion-flush " style ="overflow-y: scroll; height:600px; width: 100%; ">
115119 < div class ="accordion-item " v-for ="(mapping, i) in x3ml.mappings " :key ="i ">
116120 < h2 class ="accordion-header " :id ="'M' + i ">
@@ -176,18 +180,15 @@ <h2 class="accordion-header" :id="'L' + j">
176180 </ div >
177181 < div class ="row ">
178182 < div class ="col ">
179- < h4 > Lido source (xml) </ h4 >
180- < p >
181- < button type ="button " class ="btn btn-primary btn-sm " data-bs-toggle =" modal " data-bs-target =" #uploadLidoModal " > Upload Lido </ button >
182- < button type ="button " class ="btn btn-primary btn-sm " onclick ="getLido(1 )> Reset </ button >
183- </ p >
183+ < h4 > LIDO/XML
184+ < button type =" button " class =" btn btn-primary btn-sm " data-bs-toggle =" modal " data-bs-target =" #uploadLidoModal " > Upload </ button >
185+ < button type ="button " class ="btn btn-primary btn-sm " onclick =" getLido(1) " > Reset </ button >
186+ < button type ="button " class ="btn btn-success btn-sm " style =" float:right " onclick ="runMappings( )> Apply mappings </ button >
187+ </ h4 >
184188 < div id ="lidoEditor " style ="height:600px "> </ div >
185189 </ div >
186190 < div class ="col ">
187- < h4 > RDF Output (ttl)</ h4 >
188- < p >
189- < button type ="button " class ="btn btn-success btn-sm " onclick ="runMappings() "> Apply mappings</ button >
190- </ p >
191+ < h4 > RDF/Turtle</ h4 >
191192 < div id ="rdfEditor "> </ div >
192193 </ div >
193194 </ div >
0 commit comments