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

   1 <div id="code-editor">
   2     <div overlay ref="overlay" v-cloak @click="hide()">
   3         <div class="popup-body" tabindex="-1" @click.stop>
   4
   5             <div class="popup-header primary-background">
   6                 <div class="popup-title">{{ trans('components.code_editor') }}</div>
   7                 <button class="popup-header-close" @click="hide()">x</button>
   8             </div>
   9
  10             <div class="p-l popup-content">
  11                 <div class="form-group">
  12                     <label for="code-editor-language">{{ trans('components.code_language') }}</label>
  13                     <div class="lang-options">
  14                         <small>
  15                             <a @click="updateLanguage('CSS')">CSS</a>
  16                             <a @click="updateLanguage('C')">C</a>
  17                             <a @click="updateLanguage('C++')">C++</a>
  18                             <a @click="updateLanguage('C#')">C#</a>
  19                             <a @click="updateLanguage('Go')">Go</a>
  20                             <a @click="updateLanguage('HTML')">HTML</a>
  21                             <a @click="updateLanguage('INI')">INI</a>
  22                             <a @click="updateLanguage('Java')">Java</a>
  23                             <a @click="updateLanguage('JavaScript')">JavaScript</a>
  24                             <a @click="updateLanguage('JSON')">JSON</a>
  25                             <a @click="updateLanguage('Lua')">Lua</a>
  26                             <a @click="updateLanguage('MarkDown')">MarkDown</a>
  27                             <a @click="updateLanguage('Nginx')">Nginx</a>
  28                             <a @click="updateLanguage('PASCAL')">Pascal</a>
  29                             <a @click="updateLanguage('Perl')">Perl</a>
  30                             <a @click="updateLanguage('PHP')">PHP</a>
  31                             <a @click="updateLanguage('Powershell')">Powershell</a>
  32                             <a @click="updateLanguage('Python')">Python</a>
  33                             <a @click="updateLanguage('Ruby')">Ruby</a>
  34                             <a @click="updateLanguage('shell')">Shell/Bash</a>
  35                             <a @click="updateLanguage('SQL')">SQL</a>
  36                             <a @click="updateLanguage('XML')">XML</a>
  37                             <a @click="updateLanguage('YAML')">YAML</a>
  38                         </small>
  39                     </div>
  40                     <input @keypress.enter="save()" id="code-editor-language" type="text" @input="updateEditorMode(language)" v-model="language">
  41                 </div>
  42
  43                 <div class="form-group">
  44                     <label for="code-editor-content">{{ trans('components.code_content') }}</label>
  45                     <textarea ref="editor" v-model="code"></textarea>
  46                 </div>
  47
  48                 <div class="form-group">
  49                     <button type="button" class="button" @click="save()">{{ trans('components.code_save') }}</button>
  50                 </div>
  51
  52             </div>
  53
  54         </div>
  55     </div>
  56 </div>