mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-12-02 13:58:57 +08:00
ebc5a53410
- Split bash from shell in language list - Updated code-lang highlighting to be exact match only to prevent confusion scenarios (Java matching JavaScript, etc..) - Added design for favorites - Changed blade language list to be generated from array.
56 lines
3.0 KiB
PHP
56 lines
3.0 KiB
PHP
<div>
|
|
<div components="popup code-editor" class="popup-background code-editor">
|
|
<div refs="code-editor@container" class="popup-body" tabindex="-1">
|
|
|
|
<div class="popup-header flex-container-row primary-background">
|
|
<div class="popup-title">{{ trans('components.code_editor') }}</div>
|
|
<div component="dropdown" refs="code-editor@historyDropDown" class="flex-container-row">
|
|
<button refs="dropdown@toggle">
|
|
<span>@icon('history')</span>
|
|
<span>{{ trans('components.code_session_history') }}</span>
|
|
</button>
|
|
<ul refs="dropdown@menu code-editor@historyList" class="dropdown-menu"></ul>
|
|
</div>
|
|
<button class="popup-header-close" refs="popup@hide">@icon('close')</button>
|
|
</div>
|
|
|
|
<div class="code-editor-body-wrap flex-container-row flex-fill">
|
|
<div class="code-editor-language-list flex-container-column flex-fill">
|
|
<label for="code-editor-language">{{ trans('components.code_language') }}</label>
|
|
<input refs="code-editor@languageInput" id="code-editor-language" type="text">
|
|
<div class="lang-options">
|
|
@php
|
|
$languages = [
|
|
'Bash', 'CSS', 'C', 'C++', 'C#', 'Diff', 'Fortran', 'F#', 'Go', 'Haskell', 'HTML', 'INI',
|
|
'Java', 'JavaScript', 'JSON', 'Julia', 'Kotlin', 'LaTeX', 'Lua', 'MarkDown', 'Nginx', 'OCaml',
|
|
'Pascal', 'Perl', 'PHP', 'Powershell', 'Python', 'Ruby', 'Rust', 'Shell', 'SQL', 'TypeScript',
|
|
'VBScript', 'VB.NET', 'XML', 'YAML',
|
|
];
|
|
@endphp
|
|
|
|
@foreach($languages as $language)
|
|
<div class="relative">
|
|
<button type="button" refs="code-editor@languageLink" data-lang="{{ strtolower($language) }}">{{ $language }}</button>
|
|
<button class="lang-option-favorite-toggle" title="{{ trans('common.favourite') }}" data-alt-title="{{ trans('common.unfavourite') }}">
|
|
<div class="pre-favorite">@icon('star-outline')</div>
|
|
<div class="post-favorite" style="display: none;">@icon('star')</div>
|
|
</button>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
<div class="code-editor-main flex-fill">
|
|
<textarea refs="code-editor@editor"></textarea>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="popup-footer">
|
|
<button refs="code-editor@saveButton" type="button" class="button">{{ trans('components.code_save') }}</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|