mirror of
https://github.com/compiler-explorer/compiler-explorer.git
synced 2025-12-27 10:33:59 -05:00
edddddbc3f
Stacked on #7850 This PR implements this aspect of the cutter layout algorithm, using exact subtree shapes instead of the full bounding box  Example 1:   Example 2:  
41 lines
2.2 KiB
Plaintext
41 lines
2.2 KiB
Plaintext
#cfg
|
|
.top-bar.btn-toolbar.bg-light.cfg-toolbar(role="toolbar")
|
|
.btn-group.btn-group-sm(role="group")
|
|
select.function-selector
|
|
.btn-group.btn-group-sm.filters(role="group")
|
|
button.btn.btn-sm.btn-light.dropdown-toggle(type="button" title="Control flow graph options" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Change how the control flow graph is rendered")
|
|
span.fas.fa-cog
|
|
span.hideable Layout Options
|
|
.dropdown-menu.options
|
|
.button-checkbox
|
|
button.dropdown-item.btn.btn-sm.btn-light(type="button" title="Center Parents" data-bind="centerparents" aria-pressed="false" aria-label="Center Parents")
|
|
span Center Parents
|
|
input.d-none(type="checkbox" checked=false)
|
|
.button-checkbox
|
|
button.dropdown-item.btn.btn-sm.btn-light(type="button" title="Narrow Tree Layout" data-bind="narrowtreelayout" aria-pressed="false" aria-label="Narrow Tree Layout")
|
|
span Narrow Tree Layout
|
|
input.d-none(type="checkbox" checked=false)
|
|
.btn-group.btn-group-sm(role="group" aria-label="CFG Export")
|
|
button.btn.btn-sm.btn-light.dropdown-toggle(type="button" title="LLVM Opt Pass Options" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Set output options")
|
|
span.fas.fa-arrow-down
|
|
span.hideable Export
|
|
.dropdown-menu
|
|
button.btn.btn-sm.btn-light.dropdown-item.export-png(title="Export graph" aria-label="Export graph as an image")
|
|
span.fas.fa-image
|
|
span.hideable Export PNG
|
|
span.estimated-export-size
|
|
button.btn.btn-sm.btn-light.dropdown-item.export-svg(title="Export graph" aria-label="Export graph as an image")
|
|
span.fas.fa-vector-square
|
|
span.hideable Export SVG
|
|
.btn-group.btn-group-sm(role="group")
|
|
button.btn.btn-sm.btn-light.reset-view(title="Reset View")
|
|
span <i class="fa-solid fa-arrows-to-eye"></i> Reset View
|
|
.btn-group.btn-group-sm(role="group")
|
|
button.btn.btn-sm.btn-light.zoom-out(title="Reset View")
|
|
span <i class="fa-solid fa-expand"></i> Zoom Out
|
|
.graph-container
|
|
span.cfg-info
|
|
.graph
|
|
svg
|
|
.block-container
|