113 lines
3.6 KiB
Plaintext
113 lines
3.6 KiB
Plaintext
@*
|
|
* dbMango
|
|
*
|
|
* Copyright 2025 Deutsche Bank AG
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*@
|
|
<link rel="stylesheet" href="codemirror/5.59.1/lib/codemirror.css" />
|
|
<link rel="stylesheet" href="codemirror/5.59.1/addon/scroll/simplescrollbars.css" />
|
|
<link rel="stylesheet" href="codemirror/5.59.1/addon/display/fullscreen.css" />
|
|
<link rel="stylesheet" href="codemirror/5.59.1/addon/fold/foldgutter.css" />
|
|
<link rel="stylesheet" href="codemirror/5.59.1/addon/hint/show-hint.css">
|
|
<link rel="stylesheet" href="codemirror/5.59.1/theme/lucario.css" />
|
|
<link rel="stylesheet" href="css/wf-converter.css" />
|
|
|
|
<style>
|
|
.CodeMirror {
|
|
height: 100%;
|
|
min-height: 35px;
|
|
}
|
|
</style>
|
|
|
|
<div class="@Class @(_initialized ? "" : "d-none")">
|
|
<textarea id="TECCodeMirrorArea" class="wf-converter-codetextarea h-100 w-100" @bind-value="Text" @bind-value:event="oninput" rows="@Rows"></textarea>
|
|
</div>
|
|
<div class="d-none" @ref="_scriptEditorReference"></div>
|
|
|
|
@code {
|
|
[Parameter] public string Class { get; set; } = "";
|
|
|
|
[Parameter]
|
|
public string Text
|
|
{
|
|
get => _text;
|
|
set
|
|
{
|
|
if (_text == value)
|
|
return;
|
|
_text = value;
|
|
|
|
Task.Run( async () => await JsRuntime!.InvokeVoidAsync("DashboardUtils.CodeEditor_SetValue", _scriptEditorReference, _text) );
|
|
}
|
|
}
|
|
|
|
[Parameter] public EventCallback<string> TextChanged { get; set; }
|
|
[Parameter] public int Rows { get; set; } = 50;
|
|
[Parameter] public string MimeType { get; set; } = "text/plain";
|
|
|
|
[Parameter]
|
|
public bool Readonly
|
|
{
|
|
get;
|
|
set
|
|
{
|
|
field = value;
|
|
SetReadonlyMode();
|
|
}
|
|
} = false;
|
|
|
|
[Inject] public IJSRuntime? JsRuntime { get; set; }
|
|
|
|
private bool _initialized = false;
|
|
private DotNetObjectReference<TextEditorComponent>? _objRef = null;
|
|
private ElementReference _scriptEditorReference;
|
|
private string _text = "";
|
|
|
|
protected override async Task OnAfterRenderAsync(bool firstRender)
|
|
{
|
|
if (firstRender)
|
|
{
|
|
_objRef = DotNetObjectReference.Create(this);
|
|
|
|
await JsRuntime!.InvokeVoidAsync("DashboardUtils.LoadCodeEditor", "TECCodeMirrorArea", MimeType, _scriptEditorReference, _objRef, "UpdateTextField", Readonly);
|
|
_initialized = true;
|
|
|
|
await InvokeAsync(StateHasChanged);
|
|
}
|
|
}
|
|
|
|
private void SetReadonlyMode()
|
|
{
|
|
if (_objRef == null)
|
|
{
|
|
return;
|
|
}
|
|
|
|
JsRuntime!.InvokeVoidAsync("DashboardUtils.CodeEditor_SetParam", _scriptEditorReference, "readOnly", Readonly);
|
|
}
|
|
|
|
[JSInvokable("UpdateTextField")]
|
|
public async Task UpdateTextField(string codeValue)
|
|
{
|
|
if (_text == codeValue)
|
|
return;
|
|
|
|
_text = codeValue;
|
|
await TextChanged.InvokeAsync(codeValue);
|
|
await InvokeAsync(StateHasChanged);
|
|
}
|
|
|
|
}
|