Merge branch 'master' into BUDI-7654/app-migration-builder-frontend

This commit is contained in:
Adria Navarro 2024-01-08 12:55:53 +01:00 committed by GitHub
commit f7b74a3573
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 31 additions and 14 deletions

View File

@ -76,6 +76,6 @@ done
# CouchDB needs the `_users` and `_replicator` databases to exist before it will # CouchDB needs the `_users` and `_replicator` databases to exist before it will
# function correctly, so we create them here. # function correctly, so we create them here.
curl -X PUT http://${COUCHDB_USER}:${COUCHDB_PASSWORD}@localhost:5984/_users curl -X PUT -u "${COUCHDB_USER}:${COUCHDB_PASSWORD}" http://localhost:5984/_users
curl -X PUT http://${COUCHDB_USER}:${COUCHDB_PASSWORD}@localhost:5984/_replicator curl -X PUT -u "${COUCHDB_USER}:${COUCHDB_PASSWORD}" http://localhost:5984/_replicator
sleep infinity sleep infinity

View File

@ -14,6 +14,7 @@
const { fetchDatasourceSchema } = getContext("sdk") const { fetchDatasourceSchema } = getContext("sdk")
const component = getContext("component") const component = getContext("component")
const context = getContext("context")
// Set current step context to force child form to use it // Set current step context to force child form to use it
const currentStep = writable(1) const currentStep = writable(1)
@ -157,18 +158,23 @@
<BlockComponent type="heading" props={{ text: step.title }} /> <BlockComponent type="heading" props={{ text: step.title }} />
</BlockComponent> </BlockComponent>
<BlockComponent type="text" props={{ text: step.desc }} order={1} /> <BlockComponent type="text" props={{ text: step.desc }} order={1} />
<BlockComponent type="fieldgroup" order={2}> <BlockComponent type="container" order={2}>
{#each step.fields as field, fieldIdx (`${field.field || field.name}_${stepIdx}_${fieldIdx}`)} <div
{#if getComponentForField(field)} class="form-block fields"
<BlockComponent class:mobile={$context.device.mobile}
type={getComponentForField(field)} >
props={getPropsForField(field)} {#each step.fields as field, fieldIdx (`${field.field || field.name}_${stepIdx}_${fieldIdx}`)}
order={fieldIdx} {#if getComponentForField(field)}
interactive <BlockComponent
name={field.field} type={getComponentForField(field)}
/> props={getPropsForField(field)}
{/if} order={fieldIdx}
{/each} interactive
name={field.field}
/>
{/if}
{/each}
</div>
</BlockComponent> </BlockComponent>
<BlockComponent <BlockComponent
type="buttongroup" type="buttongroup"
@ -185,3 +191,14 @@
{/each} {/each}
</BlockComponent> </BlockComponent>
</FormBlockWrapper> </FormBlockWrapper>
<style>
.fields {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 8px 16px;
}
.fields.mobile :global(.spectrum-Form-item) {
grid-column: span 6 !important;
}
</style>