| #load-save.modal.fade.gl_keep(tabindex="-1" role="dialog") |
| .modal-dialog.modal-lg(style="max-width: unset") |
| .modal-content(style="max-width: unset") |
| .modal-header |
| h5.modal-title Load and save editor text |
| button.close(type="button" data-dismiss="modal" aria-hidden="true" aria-label="Close") |
| span(aria-hidden="true") |
| | × |
| .modal-body |
| .card |
| .card-header |
| ul.nav.nav-tabs.card-header-tabs(role="tablist") |
| li.nav-item(role="presentation"): a.nav-link.active(href="#load-examples" role="tab" data-toggle="tab") Examples |
| li.nav-item(role="presentation"): a.nav-link(href="#load-browser-local" role="tab" data-toggle="tab") Browser-local storage |
| li.nav-item(role="presentation"): a.nav-link(href="#load-browser-local-history" role="tab" data-toggle="tab") Browser-local history |
| li.nav-item(role="presentation"): a.nav-link(href="#load-file-system" role="tab" data-toggle="tab") File system |
| .card-body.tab-content |
| #load-examples.tab-pane.active(role="tabpanel") |
| h4.card-title Load from examples: |
| ul.examples.small-v-scrollable |
| li.template: a(href="javascript:;") |
| #load-browser-local.tab-pane(role="tabpanel") |
| h4.card-title Load from browser-local storage: |
| ul.local-storage.small-v-scrollable |
| li.template: a(href="javascript:;") |
| .input-group |
| input.save-name(type="text" size="20" placeholder="Set name of state") |
| .input-group-append |
| button.btn.btn-light.save-button(type="button") Save to browser-local storage |
| #load-browser-local-history.tab-pane(role="tabpanel") |
| h4.card-title Load from browser-local history: |
| ul.local-history.small-v-scrollable |
| li.template: a(href="javascript:;") |
| #load-file-system.tab-pane(role="tabpanel") |
| h4.card-title Load/save to your system |
| label.btn.btn-outline-secondary.btn-file(role="button") Load from a local file |
| input.local-file(type="file") |
| label.btn.btn-outline-secondary.btn-file.save-btn(role="button") Save to file |
| input.save-file(type="button") |
| .modal-footer |
| button.btn.btn-outline-primary(type="button" data-dismiss="modal" aria-label="Close") Close |
| |
| #alert.modal.fade.gl_keep(tabindex="-1" role="dialog") |
| .modal-dialog.modal-lg |
| .modal-content |
| .modal-header |
| h5.modal-title Something alert worthy |
| button.close(type="button" data-dismiss="modal" aria-hidden="true" aria-label="Close") |
| span(aria-hidden="true") |
| | × |
| .modal-body |
| .modal-footer |
| button.btn.btn-outline-primary(type="button" data-dismiss="modal") Close |
| |
| #yes-no.modal.fade.gl_keep(tabindex="-1" role="dialog") |
| .modal-dialog.modal-lg |
| .modal-content |
| .modal-header |
| h5.modal-title Well, do you or not? |
| button.close(type="button" data-dismiss="modal" aria-hidden="true" aria-label="Close") |
| span(aria-hidden="true") |
| | × |
| .modal-body |
| .modal-footer |
| button.btn.btn-link.no(type="button" data-dismiss="modal") No |
| button.btn.btn-link.yes(type="button" data-dismiss="modal") Yes |
| |
| #enter-something.modal.fade.gl_keep(tabindex="-1" role="dialog") |
| .modal-dialog.modal-lg |
| .modal-content |
| .modal-header |
| h5.modal-title Enter something here |
| button.close(type="button" data-dismiss="modal" aria-hidden="true" aria-label="Close") |
| span(aria-hidden="true") |
| | × |
| .modal-body |
| .question |
| input.question-answer |
| .modal-footer |
| button.btn.btn-light.no(type="button" data-dismiss="modal") Cancel |
| button.btn.btn-light.yes(type="button" data-dismiss="modal") Ok |
| |
| #settings.modal.fade.gl_keep(tabindex="-1" role="dialog") |
| .modal-dialog.modal-lg(role="document") |
| .modal-content |
| .modal-header |
| h5.modal-title |
| | Compiler Explorer Settings |
| button.close(type="button" data-dismiss="modal" aria-label="Close") |
| span(aria-hidden="true") × |
| .modal-body |
| .card |
| .card-header |
| | These settings control how Compiler Explorer acts for you. They are not |
| | preserved as part of shared URLs, and are persisted locally using browser |
| | local storage. |
| ul.nav.nav-tabs.card-header-tabs(role="tablist") |
| li.nav-item(role="presentation"): a.nav-link.active(href="#colouring" role="tab" data-toggle="tab") Colouring |
| li.nav-item(role="presentation"): a.nav-link(href="#site-behaviour" role="tab" data-toggle="tab") Site behaviour |
| li.nav-item(role="presentation"): a.nav-link(href="#keybindings" role="tab" data-toggle="tab") Keybindings |
| li.nav-item(role="presentation"): a.nav-link(href="#editor" role="tab" data-toggle="tab") Editor |
| li.nav-item(role="presentation"): a.nav-link(href="#compilation" role="tab" data-toggle="tab") Compilation |
| .card-body.tab-content |
| #colouring.tab-pane.active.form-group(role="group") |
| div |
| label |
| | Site theme |
| select.theme |
| .checkbox |
| label |
| input.colourise(type="checkbox") |
| | Colourise lines to show how the source maps to the output |
| .checkbox |
| label |
| input.alwaysEnableAllSchemes(type="checkbox") |
| | Make all colour schemes available regardless of theme |
| label |
| | Line highlighting colour scheme |
| select.colourScheme |
| #site-behaviour.tab-pane.form-group(role="group") |
| label |
| | Default language |
| small(style="margin-left: 3px") |
| span.fas.fa-info-circle(title="New editors only (Reset UI to clear yours)" aria-label="New editors only (Reset UI to clear yours)") |
| select.defaultLanguage |
| .checkbox |
| label |
| input.allowStoreCodeDebug(type="checkbox") |
| | Allow my source code to be temporarily stored for diagnostic purposes in the event of an error |
| .checkbox |
| label |
| input.newEditorLastLang(type="checkbox") |
| | Use last selected language when opening new Editors |
| .checkbox |
| label |
| input.enableCommunityAds(type="checkbox") |
| | Show community events |
| #keybindings.tab-pane.form-group(role="group") |
| .checkbox |
| label |
| input.useVim(type="checkbox") |
| | Vim editor mode |
| .the-save-option-to-auto-share |
| label |
| kbd Ctrl |
| | + |
| kbd S |
| | behaviour |
| select.enableCtrlS |
| .checkbox.the-save-option-to-tree-save |
| label |
| input.enableCtrlStree(type="checkbox") |
| | Make |
| kbd Ctrl |
| | + |
| kbd S |
| | include and save the file to a Tree if that's added to the UI |
| .checkbox.the-popup-dialog-box-option |
| label |
| input.enableSharingPopover(type="checkbox") |
| | Pop up a dialog box when |
| kbd Ctrl |
| | + |
| kbd S |
| | is set to create a short link. |
| #editor.tab-pane.form-group(role="group") |
| div |
| label |
| | Desired Font Family in editors |
| input.editorsFFont(type="text" style="width:100%") |
| .checkbox |
| label |
| input.editorsFLigatures(type="checkbox") |
| | Enable font ligatures |
| .checkbox |
| label |
| input.autoCloseBrackets(type="checkbox") |
| | Automatically insert matching brackets and parentheses |
| .checkbox |
| label |
| input.autoIndent(type="checkbox") |
| | Automatically indent code (reload page after changing) |
| .checkbox |
| label |
| input.hoverShowSource(type="checkbox") |
| | Highlight linked code lines on hover |
| .checkbox |
| label |
| input.hoverShowAsmDoc(type="checkbox") |
| | Show asm description on hover |
| .checkbox |
| label |
| input.showQuickSuggestions(type="checkbox") |
| | Show quick suggestions |
| .checkbox |
| label |
| input.useCustomContextMenu(type="checkbox") |
| | Use custom context menu |
| .checkbox |
| label |
| input.showMinimap(type="checkbox") |
| | Show editor minimap |
| .checkbox |
| label |
| input.keepSourcesOnLangChange(type="checkbox") |
| | Keep editor source on language change |
| .checkbox |
| label |
| input.useSpaces(type="checkbox") |
| | Use spaces for indentation |
| div |
| label Tab width |
| input.tabWidth(type="number") |
| div |
| label Format based on |
| select.formatBase |
| .checkbox |
| label |
| input.wordWrap(type="checkbox") |
| | Enable Word Wrapping |
| .checkbox |
| label |
| input.enableCodeLens(type="checkbox") |
| | Enable CodeLens features (requires refresh to take effect) |
| #compilation.tab-pane.form-group(role="group") |
| div |
| .checkbox |
| label |
| input.compileOnChange(type="checkbox") |
| | Compile automatically when source changes |
| .checkbox |
| label |
| input.formatOnCompile(type="checkbox") |
| | Enable formatting on compilation (for supported languages) |
| div |
| label Delay before compiling: |
| span.delay-current-value |
| .slider-input |
| b 0.25s |
| input.delay(type="range") |
| b 3s |
| .modal-footer |
| button.btn.btn-outline-primary(type="button" data-dismiss="modal") Close |
| |
| #simplecook.gl_keep(tabindex="-1" role="dialog" style="display:none") |
| .message |
| .btn-group.btn-group-sm |
| button.btn.btn-light.btn-sm.cookies(title="Read cookie policy" aria-label="Read new cookie policy") |
| span.fas.fa-info-circle |
| | Read the new cookie policy |
| p.new-cookie-msg Compiler Explorer uses cookies and other related techs to serve you |
| .btn-group.btn-group-sm(role="group" aria-label="Consent options" style="float:right") |
| button.btn.btn-secondary.btn-sm.cook-dont-consent(title="Do not consent cookie policy" aria-label="Oppose cookie policy") |
| span.fas.fa-thumbs-down |
| | Don't consent |
| button.btn.btn-primary.btn-sm.cook-do-consent(title="Consent cookie policy" aria-label="Consent cookie policy") |
| span.fas.fa-thumbs-up |
| | Consent |
| |
| #notifications(aria-live="polite" aria-atomic="true") |
| |
| #sharelinkdialog.modal.fade.gl_keep(tabindex="-1" role="dialog") |
| .modal-dialog.modal-lg |
| .modal-content |
| .modal-header |
| h5.modal-title Share |
| button.close(type="button" data-dismiss="modal" aria-hidden="true" aria-label="Close") |
| span(aria-hidden="true") |
| | × |
| .modal-body |
| .card |
| .card-body |
| .container |
| .input-group |
| input.form-control.permalink(type="text" placeholder="Loading" readonly size="1024") |
| .input-group-append |
| button.btn.btn-outline-secondary.clippy(type="button" data-clipboard-target="#sharelinkdialog .permalink" title="Copy to clipboard") |
| span.fa.fa-clipboard |
| #embedsettings.form-group(role="group") |
| .checkbox |
| label |
| input.readOnly(type="checkbox") |
| | Read Only |
| .checkbox |
| label |
| input.hideEditorToolbars(type="checkbox") |
| | Hide Editor Toolbars |
| if sharingEnabled |
| .socialsharing.mt-2 |
| |
| #renamepanemodal.modal.fade.gl_keep(tabindex="-1" role="dialog") |
| .modal-dialog.modal-lg |
| .modal-content |
| .modal-header |
| h5.modal-title Rename Pane |
| button.close(type="button" data-dismiss="modal" aria-hidden="true" aria-label="Close") |
| span(aria-hidden="true") |
| | × |
| .modal-body |
| .card |
| .card-body |
| .container |
| .input-group |
| input#renamepaneinput.form-control.panename(type="text" placeholder="New pane name" size="1024") |
| .modal-footer |
| button.btn.btn-outline-secondary(type="button" data-dismiss="modal") Close |
| button#renamepanesubmit.btn.btn-outline-primary(type="submit" data-dismiss="modal" value="Save Changes") Save Changes |
| |
| #history.modal.fade.gl_keep(tabindex="-1" role="dialog") |
| .modal-dialog.modal-lg |
| .modal-content |
| .modal-header |
| h5.modal-title History |
| button.close(type="button" data-dismiss="modal" aria-hidden="true" aria-label="Close") |
| span(aria-hidden="true") |
| | × |
| .modal-body |
| .card |
| .card-body |
| ul.nav.nav-tabs(role="tablist") |
| li.nav-item |
| a.nav-link.active(data-toggle="tab" role="tab" href="#load-history" aria-controls="load-history" aria-selected="true") |
| | History |
| li.nav-item |
| a.nav-link(data-toggle="tab" role="tab" href="#load-history-diff-display" aria-controls="load-history-diff-display" aria-selected="false") |
| | Diff |
| |
| div.tab-content#historyTabs(style="height:600px;overflow-y:scroll") |
| div.tab-pane.show.active#load-history(role="tabpanel") |
| ul.historiccode |
| li.template |
| input.base(type="radio" name="base") |
| input.comp(type="radio" name="comp") |
| | |
| a(href="javascript:;") |
| div.tab-pane#load-history-diff-display(role="tabpanel") |
| .checkbox |
| label.control-label(for="inline-diff-checkbox") |
| input.inline-diff-checkbox(type="checkbox" value="") |
| | Inline diff |
| div.monaco-placeholder#history-diff |
| .modal-footer |
| button.btn.btn-outline-primary(type="button" data-dismiss="modal") Close |
| |
| #library-selection.modal.fade.gl_keep(tabindex="-1" role="dialog") |
| .modal-dialog.modal-lg |
| .modal-content |
| .modal-header |
| h5.modal-title Libraries |
| button.close(type="button" data-dismiss="modal" aria-hidden="true" aria-label="Close") |
| span(aria-hidden="true") |
| | × |
| .modal-body |
| .card |
| .card-body |
| .container |
| .row |
| .col-lg |
| div(style='text-align: center') |
| input.lib-search-input(value="" placeholder="Search text") |
| button.btn.btn-primary.lib-search-button(type="button") Search |
| hr |
| .row |
| .col-lg.libs-how-to-use To add a library, search for one you want and select the version in the dropdown. Or if you have favorited it before, just click the library name in the Favorites section. |
| .row |
| .col-lg |
| .row |
| .libs-selected-col.col-md |
| div |
| h6 Selected |
| .libs-selected-items |
| .libs-results-col.col-md |
| h6 Results |
| .lib-results-items |
| .libs-favorites-col.col-md |
| h6 Favorites |
| .lib-favorites |
| |
| #timing-info.modal.fade.gl_keep(tabindex="-1" role="dialog") |
| .modal-dialog.modal-lg |
| .modal-content |
| .modal-header |
| h5.modal-title Timing |
| button.close(type="button" data-dismiss="modal" aria-hidden="true" aria-label="Close") |
| span(aria-hidden="true") |
| | × |
| .modal-body |
| #chart |
| .modal-footer |
| button.btn.btn-outline-primary(type="button" data-dismiss="modal") Close |