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

   1 <div id="code-editor">
   2     <div class="overlay" ref="overlay" v-cloak @click="hide()">
   3         <div class="popup-body" @click.stop>
   4
   5             <div class="popup-header primary-background">
   6                 <div class="popup-title">{{ trans('components.code_editor') }}</div>
   7                 <button class="popup-close neg corner-button button" @click="hide()">x</button>
   8             </div>
   9
  10             <div class="padded">
  11                 <div class="form-group">
  12                     <label for="code-editor-language">{{ trans('components.code_language') }}</label>
  13                     <input @keypress.enter="save()" id="code-editor-language" type="text" @input="updateEditorMode(language)" v-model="language">
  14                 </div>
  15
  16                 <div class="form-group">
  17                     <label for="code-editor-content">{{ trans('components.code_content') }}</label>
  18                     <textarea ref="editor" v-model="code"></textarea>
  19                 </div>
  20
  21                 <div class="form-group">
  22                     <button type="button" class="button pos" @click="save()">{{ trans('components.code_save') }}</button>
  23                 </div>
  24
  25             </div>
  26
  27         </div>
  28     </div>
  29 </div>