BookStack Code Mirror - bookstack/blob - resources/views/pages/parts/code-editor.blade.php

   1 <div>
   2     <div components="popup code-editor" class="popup-background code-editor">
   3         <div refs="code-editor@container" class="popup-body" tabindex="-1">
   4
   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="block">
   8                     <button refs="dropdown@toggle" class="text-small">
   9                         <span>@icon('history')</span>
  10                         <span>{{ trans('components.code_session_history') }}</span>
  11                     </button>
  12                     <ul refs="dropdown@menu code-editor@historyList" class="dropdown-menu"></ul>
  13                 </div>
  14                 <button class="popup-header-close" refs="popup@hide">x</button>
  15             </div>
  16
  17             <div class="flex-container-row flex-fill gap-m">
  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="Fortran">Fortran</button>
  27                         <button type="button" refs="code-editor@languageLink" data-lang="Go">Go</button>
  28                         <button type="button" refs="code-editor@languageLink" data-lang="HTML">HTML</button>
  29                         <button type="button" refs="code-editor@languageLink" data-lang="INI">INI</button>
  30                         <button type="button" refs="code-editor@languageLink" data-lang="Java">Java</button>
  31                         <button type="button" refs="code-editor@languageLink" data-lang="JavaScript">JavaScript</button>
  32                         <button type="button" refs="code-editor@languageLink" data-lang="JSON">JSON</button>
  33                         <button type="button" refs="code-editor@languageLink" data-lang="LaTeX">LaTeX</button>
  34                         <button type="button" refs="code-editor@languageLink" data-lang="Lua">Lua</button>
  35                         <button type="button" refs="code-editor@languageLink" data-lang="MarkDown">MarkDown</button>
  36                         <button type="button" refs="code-editor@languageLink" data-lang="Nginx">Nginx</button>
  37                         <button type="button" refs="code-editor@languageLink" data-lang="PASCAL">Pascal</button>
  38                         <button type="button" refs="code-editor@languageLink" data-lang="Perl">Perl</button>
  39                         <button type="button" refs="code-editor@languageLink" data-lang="PHP">PHP</button>
  40                         <button type="button" refs="code-editor@languageLink" data-lang="Powershell">Powershell</button>
  41                         <button type="button" refs="code-editor@languageLink" data-lang="Python">Python</button>
  42                         <button type="button" refs="code-editor@languageLink" data-lang="Ruby">Ruby</button>
  43                         <button type="button" refs="code-editor@languageLink" data-lang="shell">Shell/Bash</button>
  44                         <button type="button" refs="code-editor@languageLink" data-lang="SQL">SQL</button>
  45                         <button type="button" refs="code-editor@languageLink" data-lang="VBScript">VBScript</button>
  46                         <button type="button" refs="code-editor@languageLink" data-lang="VB.NET">VB.NET</button>
  47                         <button type="button" refs="code-editor@languageLink" data-lang="XML">XML</button>
  48                         <button type="button" refs="code-editor@languageLink" data-lang="YAML">YAML</button>
  49                     </div>
  50                 </div>
  51
  52                 <div class="code-editor-main">
  53                     <textarea refs="code-editor@editor"></textarea>
  54                 </div>
  55
  56             </div>
  57
  58             <div class="popup-footer primary-background-light">
  59                 <button refs="code-editor@saveButton" type="button" class="button corner-button">{{ trans('components.code_save') }}</button>
  60             </div>
  61
  62         </div>
  63     </div>
  64 </div>