kuba/strona-czynna
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add some ids to jdd editor to help with morphing performance

Browse Source
This commit is contained in:
Kuba Orlik 2024-07-31 16:40:23 +02:00
parent 7488669b39
commit 09da4afc05
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/back/routes/component-preview/jdd-page.tsx
View File

@ -132,7 +132,10 @@ export default abstract class JDDPage extends StatefulPage<
) {
const jdd_context = makeJDDContext(ctx);
return (
<div class="component-preview-parameters">
<div
class="component-preview-parameters"
id={`component-preview-parameters--${index}`}
>
{Object.entries(component.getArguments()).map(async ([arg_name, arg]) => (
<ComponentInput
{...{
@ -268,7 +271,7 @@ export default abstract class JDDPage extends StatefulPage<
style="--resizable-column-width: 50vw"
data-controller="component-debugger"
>
<div class="component-arguments">
<div class="component-arguments" id="component-arguments">
{this.renderPreParameterButtons(ctx, state)}
{this.renderParameterButtons(state)}
{this.renderMessages(ctx, state)}
@ -279,8 +282,16 @@ export default abstract class JDDPage extends StatefulPage<
{this.serializeState(ctx, state)}
</code>
</div>
<div class="resize-gutter" data-component-debugger-target="gutter"></div>
<div class="component-preview" data-component-debugger-target="preview">
<div
id="resize-gutter"
class="resize-gutter"
data-component-debugger-target="gutter"
></div>
<div
id="component-preview"
class="component-preview"
data-component-debugger-target="preview"
>
<div class="component-preview__header">
<span>Preview</span>
<span data-component-debugger-target="component-width"></span>