2 <div components="popup code-editor" class="popup-background code-editor">
3 <div refs="code-editor@container" class="popup-body" tabindex="-1">
5 <div class="popup-header flex-container-row primary-background">
6 <div class="popup-title">{{ trans('components.code_editor') }}</div>
7 <div component="dropdown" refs="code-editor@historyDropDown" class="flex-container-row">
8 <button refs="dropdown@toggle">
9 <span>@icon('history')</span>
10 <span>{{ trans('components.code_session_history') }}</span>
12 <ul refs="dropdown@menu code-editor@historyList" class="dropdown-menu"></ul>
14 <button class="popup-header-close" refs="popup@hide">@icon('close')</button>
17 <div class="code-editor-body-wrap flex-container-row flex-fill">
18 <div class="code-editor-language-list flex-container-column flex-fill">
19 <label for="code-editor-language">{{ trans('components.code_language') }}</label>
20 <input refs="code-editor@languageInput" id="code-editor-language" type="text">
21 <div class="lang-options">
22 <button type="button" refs="code-editor@languageLink" data-lang="CSS">CSS</button>
23 <button type="button" refs="code-editor@languageLink" data-lang="C">C</button>
24 <button type="button" refs="code-editor@languageLink" data-lang="C++">C++</button>
25 <button type="button" refs="code-editor@languageLink" data-lang="C#">C#</button>
26 <button type="button" refs="code-editor@languageLink" data-lang="diff">Diff</button>
27 <button type="button" refs="code-editor@languageLink" data-lang="Fortran">Fortran</button>
28 <button type="button" refs="code-editor@languageLink" data-lang="F#">F#</button>
29 <button type="button" refs="code-editor@languageLink" data-lang="Go">Go</button>
30 <button type="button" refs="code-editor@languageLink" data-lang="Haskell">Haskell</button>
31 <button type="button" refs="code-editor@languageLink" data-lang="HTML">HTML</button>
32 <button type="button" refs="code-editor@languageLink" data-lang="INI">INI</button>
33 <button type="button" refs="code-editor@languageLink" data-lang="Java">Java</button>
34 <button type="button" refs="code-editor@languageLink" data-lang="JavaScript">JavaScript</button>
35 <button type="button" refs="code-editor@languageLink" data-lang="JSON">JSON</button>
36 <button type="button" refs="code-editor@languageLink" data-lang="Julia">Julia</button>
37 <button type="button" refs="code-editor@languageLink" data-lang="kotlin">Kotlin</button>
38 <button type="button" refs="code-editor@languageLink" data-lang="LaTeX">LaTeX</button>
39 <button type="button" refs="code-editor@languageLink" data-lang="Lua">Lua</button>
40 <button type="button" refs="code-editor@languageLink" data-lang="MarkDown">MarkDown</button>
41 <button type="button" refs="code-editor@languageLink" data-lang="Nginx">Nginx</button>
42 <button type="button" refs="code-editor@languageLink" data-lang="ocaml">OCaml</button>
43 <button type="button" refs="code-editor@languageLink" data-lang="PASCAL">Pascal</button>
44 <button type="button" refs="code-editor@languageLink" data-lang="Perl">Perl</button>
45 <button type="button" refs="code-editor@languageLink" data-lang="PHP">PHP</button>
46 <button type="button" refs="code-editor@languageLink" data-lang="Powershell">Powershell</button>
47 <button type="button" refs="code-editor@languageLink" data-lang="Python">Python</button>
48 <button type="button" refs="code-editor@languageLink" data-lang="Ruby">Ruby</button>
49 <button type="button" refs="code-editor@languageLink" data-lang="rust">Rust</button>
50 <button type="button" refs="code-editor@languageLink" data-lang="shell">Shell/Bash</button>
51 <button type="button" refs="code-editor@languageLink" data-lang="SQL">SQL</button>
52 <button type="button" refs="code-editor@languageLink" data-lang="typescript">TypeScript</button>
53 <button type="button" refs="code-editor@languageLink" data-lang="VBScript">VBScript</button>
54 <button type="button" refs="code-editor@languageLink" data-lang="VB.NET">VB.NET</button>
55 <button type="button" refs="code-editor@languageLink" data-lang="XML">XML</button>
56 <button type="button" refs="code-editor@languageLink" data-lang="YAML">YAML</button>
60 <div class="code-editor-main flex-fill">
61 <textarea refs="code-editor@editor"></textarea>
66 <div class="popup-footer">
67 <button refs="code-editor@saveButton" type="button" class="button">{{ trans('components.code_save') }}</button>