Skip to content

Commit c8be61d

Browse files
namedgraphclaude
andcommitted
Override toolbar dialog templates in form.xsl with Bootstrap-compatible HTML
Add LDH-layer overrides for all five rdfa-editor named dialog templates (local:render-table-dialog, local:render-link-dialog, local:render-figure-dialog, local:render-find-dialog, local:render-extra-dialogs). Each override preserves the upstream element ids, name attributes, and semantic button classes that the event handlers depend on, while replacing btn-primary/btn-secondary with Bootstrap's btn btn-primary / btn / btn btn-danger, adding label @for attributes, and using Bootstrap's checkbox label pattern. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 539a21c commit c8be61d

1 file changed

Lines changed: 106 additions & 0 deletions

File tree

  • src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client

src/main/webapp/static/com/atomgraph/linkeddatahub/xsl/bootstrap/2.3.2/client/form.xsl

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -298,6 +298,112 @@ WHERE
298298
</div>
299299
</xsl:template>
300300

301+
<!-- Bootstrap-styled toolbar dialogs (replace rdfa-editor's custom HTML) -->
302+
303+
<xsl:template name="local:render-table-dialog">
304+
<div id="table-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="Insert table" style="display: none;">
305+
<label for="table-rows">Body rows</label>
306+
<input type="number" id="table-rows" name="rows" value="3" min="1" max="50"/>
307+
<label for="table-cols">Columns</label>
308+
<input type="number" id="table-cols" name="cols" value="3" min="1" max="20"/>
309+
<label class="checkbox"><input type="checkbox" name="header-row" checked="checked"/> Header row</label>
310+
<label for="table-caption">Caption</label>
311+
<input type="text" id="table-caption" name="caption"/>
312+
<div class="action-buttons">
313+
<button type="button" class="btn btn-primary table-save">Insert</button>
314+
<button type="button" class="btn table-cancel">Cancel</button>
315+
</div>
316+
</div>
317+
</xsl:template>
318+
319+
<xsl:template name="local:render-link-dialog">
320+
<div id="link-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="Link" style="display: none;">
321+
<label for="link-href">Link target (href)</label>
322+
<input type="text" id="link-href" name="href" placeholder="https://..."/>
323+
<div class="action-buttons">
324+
<button type="button" class="btn btn-danger link-remove" style="display: none;">Remove link</button>
325+
<button type="button" class="btn btn-primary link-save">Save</button>
326+
<button type="button" class="btn link-cancel">Cancel</button>
327+
</div>
328+
</div>
329+
</xsl:template>
330+
331+
<xsl:template name="local:render-figure-dialog">
332+
<div id="figure-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="Insert figure" style="display: none;">
333+
<label for="figure-src">Image URL (src)</label>
334+
<input type="text" id="figure-src" name="src" placeholder="https://... or relative path"/>
335+
<label for="figure-alt">Alternate text (alt)</label>
336+
<input type="text" id="figure-alt" name="alt"/>
337+
<label for="figure-caption">Caption</label>
338+
<input type="text" id="figure-caption" name="caption"/>
339+
<div class="action-buttons">
340+
<button type="button" class="btn btn-primary figure-save">Insert</button>
341+
<button type="button" class="btn figure-cancel">Cancel</button>
342+
</div>
343+
</div>
344+
</xsl:template>
345+
346+
<xsl:template name="local:render-find-dialog">
347+
<div id="find-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="Find and replace" style="display: none;">
348+
<label for="find-text">Find</label>
349+
<input type="text" id="find-text" name="find"/>
350+
<label for="find-replace">Replace with</label>
351+
<input type="text" id="find-replace" name="replace"/>
352+
<label class="checkbox"><input type="checkbox" name="match-case"/> Match case</label>
353+
<div class="action-buttons">
354+
<button type="button" class="btn btn-primary find-next">Find next</button>
355+
<button type="button" class="btn replace-current">Replace</button>
356+
<button type="button" class="btn replace-all">Replace all</button>
357+
<button type="button" class="btn find-close">Close</button>
358+
</div>
359+
<span id="find-status" class="help-block"/>
360+
</div>
361+
</xsl:template>
362+
363+
<xsl:template name="local:render-extra-dialogs">
364+
<div id="ldh-block-dialog" class="rdfa-editor-ui edit-dialog" role="dialog" aria-modal="true" aria-label="Insert block" style="display: none;">
365+
<label for="ldh-block-type">Block type</label>
366+
<select id="ldh-block-type" name="block-type-iri">
367+
<option value="urn:rdfa-editor:reference">Resource</option>
368+
<option value="&ldh;View">View</option>
369+
<option value="&ldh;ResultSetChart">Result set chart</option>
370+
</select>
371+
<div class="ldh-fields ldh-fields-reference">
372+
<label for="ldh-reference-uri">Resource URI</label>
373+
<input type="text" id="ldh-reference-uri" name="reference-uri" placeholder="http://dbpedia.org/resource/Ada_Lovelace"/>
374+
</div>
375+
<div class="ldh-fields ldh-fields-frag" style="display: none;">
376+
<label for="ldh-about">Fragment id</label>
377+
<input type="text" id="ldh-about" name="about" placeholder="#chart-1"/>
378+
</div>
379+
<div class="ldh-fields ldh-fields-view" style="display: none;">
380+
<label for="ldh-view-query">Query URI</label>
381+
<input type="text" id="ldh-view-query" name="view-query"/>
382+
<label for="ldh-view-mode">Mode URI (optional)</label>
383+
<input type="text" id="ldh-view-mode" name="view-mode"/>
384+
</div>
385+
<div class="ldh-fields ldh-fields-chart" style="display: none;">
386+
<label for="ldh-chart-query">Query URI</label>
387+
<input type="text" id="ldh-chart-query" name="chart-query"/>
388+
<label for="ldh-chart-type">Chart type</label>
389+
<select id="ldh-chart-type" name="chart-type">
390+
<option value="&ac;Table">Table</option>
391+
<option value="&ac;BarChart">Bar chart</option>
392+
<option value="&ac;LineChart">Line chart</option>
393+
<option value="&ac;ScatterChart">Scatter chart</option>
394+
</select>
395+
<label for="ldh-chart-category">Category variable</label>
396+
<input type="text" id="ldh-chart-category" name="chart-category"/>
397+
<label for="ldh-chart-series">Series variable</label>
398+
<input type="text" id="ldh-chart-series" name="chart-series"/>
399+
</div>
400+
<div class="action-buttons">
401+
<button type="button" class="btn btn-primary ldh-block-save">Insert</button>
402+
<button type="button" class="btn ldh-block-cancel">Cancel</button>
403+
</div>
404+
</div>
405+
</xsl:template>
406+
301407
<!-- TO-DO: phase out as regular ixsl: event templates -->
302408
<xsl:template match="fieldset//input" mode="ldh:RenderRowForm" priority="1">
303409
<!-- subject value change -->

0 commit comments

Comments
 (0)