c0e445ac51
It's related to CachetHQ/Cachet#2749 On the incident template creation the editor was not focusable, now it is. The problem was the initialization of the editor that was done before the DOM is fully loaded. Using addEventListener and DOMContentListener fixes the problem and is compatible from IE9.
60 lines
2.6 KiB
PHP
60 lines
2.6 KiB
PHP
@extends('layout.dashboard')
|
|
|
|
@section('css')
|
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.8.0/codemirror.css">
|
|
@stop
|
|
|
|
@section('js')
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.8.0/codemirror.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.8.0/mode/twig/twig.min.js"></script>
|
|
|
|
<script>
|
|
//Initializes the editor only once the DOM is loaded.
|
|
window.addEventListener("DOMContentLoaded", function(e) {
|
|
var editor = CodeMirror.fromTextArea(document.getElementById('cm-editor'), {
|
|
lineNumbers: true,
|
|
mode: 'twig',
|
|
lineWrapping: true
|
|
});
|
|
});
|
|
</script>
|
|
@stop
|
|
|
|
@section('content')
|
|
<div class="header">
|
|
<div class="sidebar-toggler visible-xs">
|
|
<i class="ion ion-navicon"></i>
|
|
</div>
|
|
<span class="uppercase">
|
|
<i class="ion ion-ios-paper-outline"></i> {{ trans('dashboard.incidents.templates.title') }}
|
|
</span>
|
|
> <small>{{ trans('dashboard.incidents.templates.add.title') }}</small>
|
|
</div>
|
|
<div class="content-wrapper">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
@include('dashboard.partials.errors')
|
|
<form class="form-vertical" name="IncidentForm" role="form" method="POST" autocomplete="off">
|
|
<input type="hidden" name="_token" value="{{ csrf_token() }}">
|
|
<fieldset>
|
|
<div class="form-group">
|
|
<label for="template-name">{{ trans('forms.incidents.templates.name') }}</label>
|
|
<input type="text" class="form-control" name="name" id="template-name" required placeholder="{{ trans('forms.incidents.templates.name') }}" value="{{ Binput::old('name') }}">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{ trans('forms.incidents.templates.template') }}</label>
|
|
<textarea name="template" id="cm-editor" class="form-control" rows="8" placeholder="{{ trans('forms.incidents.templates.template') }}">{{ Binput::old('template') }}</textarea>
|
|
<span class="help-block">{!! trans('forms.incidents.templates.twig') !!}</span>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<div class="btn-group">
|
|
<button type="submit" class="btn btn-success">{{ trans('forms.create') }}</button>
|
|
<a class="btn btn-default" href="{{ cachet_route('dashboard.templates') }}">{{ trans('forms.cancel') }}</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@stop
|