BookStack Code Mirror - bookstack/blob - resources/views/components/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 primary-background">

6 <div class="popup-title">{{ trans('components.code_editor') }}</div>

7 <button class="popup-header-close" refs="popup@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 refs="code-editor@languageLink" data-lang="CSS">CSS</a>

16 <a refs="code-editor@languageLink" data-lang="C">C</a>

17 <a refs="code-editor@languageLink" data-lang="C++">C++</a>

18 <a refs="code-editor@languageLink" data-lang="C#">C#</a>

19 <a refs="code-editor@languageLink" data-lang="Fortran">Fortran</a>

20 <a refs="code-editor@languageLink" data-lang="Go">Go</a>

21 <a refs="code-editor@languageLink" data-lang="HTML">HTML</a>

22 <a refs="code-editor@languageLink" data-lang="INI">INI</a>

23 <a refs="code-editor@languageLink" data-lang="Java">Java</a>

24 <a refs="code-editor@languageLink" data-lang="JavaScript">JavaScript</a>

25 <a refs="code-editor@languageLink" data-lang="JSON">JSON</a>

26 <a refs="code-editor@languageLink" data-lang="Lua">Lua</a>

27 <a refs="code-editor@languageLink" data-lang="MarkDown">MarkDown</a>

28 <a refs="code-editor@languageLink" data-lang="Nginx">Nginx</a>

29 <a refs="code-editor@languageLink" data-lang="PASCAL">Pascal</a>

30 <a refs="code-editor@languageLink" data-lang="Perl">Perl</a>

31 <a refs="code-editor@languageLink" data-lang="PHP">PHP</a>

32 <a refs="code-editor@languageLink" data-lang="Powershell">Powershell</a>

33 <a refs="code-editor@languageLink" data-lang="Python">Python</a>

34 <a refs="code-editor@languageLink" data-lang="Ruby">Ruby</a>

35 <a refs="code-editor@languageLink" data-lang="shell">Shell/Bash</a>

36 <a refs="code-editor@languageLink" data-lang="SQL">SQL</a>

37 <a refs="code-editor@languageLink" data-lang="XML">XML</a>

38 <a refs="code-editor@languageLink" data-lang="YAML">YAML</a>

39 </small>

40 </div>

41 <input refs="code-editor@languageInput" id="code-editor-language" type="text">

42 </div>

43

44 <div class="form-group">

45 <div class="grid half no-break v-end mb-xs">

46 <div>

47 <label for="code-editor-content">{{ trans('components.code_content') }}</label>

48 </div>

49 <div class="text-right">

50 <div component="dropdown" refs="code-editor@historyDropDown" class="inline block">

51 <button refs="dropdown@toggle" class="text-button text-small">@icon('history') {{ trans('components.code_session_history') }}</button>

52 <ul refs="dropdown@menu code-editor@historyList" class="dropdown-menu"></ul>

53 </div>

54 </div>

55 </div>

56

57 <div class="clearfix"></div>

58 <textarea refs="code-editor@editor"></textarea>

59 </div>

60

61 <div class="form-group">

62 <button refs="code-editor@saveButton" type="button" class="button">{{ trans('components.code_save') }}</button>

63 </div>

64

65 </div>

66

67 </div>

68 </div>

69 </div>