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="flex-container-row">
   8                     <button refs="dropdown@toggle">
   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">@icon('close')</button>
  15             </div>
  16
  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                         @php
  23                             $languages = [
  24                                 'Bash', 'CSS', 'C', 'C++', 'C#', 'Diff', 'Fortran', 'F#', 'Go', 'Haskell', 'HTML', 'INI',
  25                                 'Java', 'JavaScript', 'JSON', 'Julia', 'Kotlin', 'LaTeX', 'Lua', 'MarkDown', 'Nginx', 'OCaml',
  26                                 'Pascal', 'Perl', 'PHP', 'Powershell', 'Python', 'Ruby', 'Rust', 'Shell', 'SQL', 'TypeScript',
  27                                 'VBScript', 'VB.NET', 'XML', 'YAML',
  28                             ];
  29                         @endphp
  30
  31                         @foreach($languages as $language)
  32                             <div class="relative">
  33                                 <button type="button" refs="code-editor@languageLink" data-lang="{{ strtolower($language) }}">{{ $language }}</button>
  34                                 <button class="lang-option-favorite-toggle" title="{{ trans('common.favourite') }}" data-alt-title="{{ trans('common.unfavourite') }}">
  35                                     <div class="pre-favorite">@icon('star-outline')</div>
  36                                     <div class="post-favorite" style="display: none;">@icon('star')</div>
  37                                 </button>
  38                             </div>
  39                         @endforeach
  40                     </div>
  41                 </div>
  42
  43                 <div class="code-editor-main flex-fill">
  44                     <textarea refs="code-editor@editor"></textarea>
  45                 </div>
  46
  47             </div>
  48
  49             <div class="popup-footer">
  50                 <button refs="code-editor@saveButton" type="button" class="button">{{ trans('components.code_save') }}</button>
  51             </div>
  52
  53         </div>
  54     </div>
  55 </div>