CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-06-28 11:00:55 +12:00
Code Issues Projects Releases Wiki Activity

Formatting

Browse source
This commit is contained in:
Joe 2020-06-25 16:02:30 +01:00
parent d9a48e3a51
commit dcfa39ef67
11 changed files with 52 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/builder/src/components/common/NumberBox.svelte
View file

@ -32,6 +32,6 @@
label {
font-size: 14px;
font-weight: 500;
margin-bottom: 8px
margin-bottom: 8px;
}
</style>

9
packages/builder/src/components/common/ValuesList.svelte
View file

@ -23,7 +23,6 @@
</div>
<style>
.margin {
margin-bottom: 16px;
display: grid;
@ -31,7 +30,7 @@
.label {
font-size: 14px;
font-weight: 500;
margin-bottom: 8px
margin-bottom: 8px;
}
textarea {
font-size: 14px;
@ -42,8 +41,8 @@
cursor: text;
background: var(--grey-2);
padding: 12px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
</style>

5
packages/builder/src/components/database/ModelDataTable/ModelDataTable.svelte
View file

@ -86,9 +86,7 @@
<div class="table-controls">
<h2 class="title">{$backendUiStore.selectedModel.name}</h2>
<Button primary on:click={createNewRecord}>
<span class="button-inner">
Create New Record
</span>
<span class="button-inner">Create New Record</span>
</Button>
</div>
<table class="uk-table">
@ -206,5 +204,4 @@
display: flex;
align-items: center;
}
</style>

1
packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte
View file

@ -142,7 +142,6 @@
background: var(--grey-1);
border-bottom-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.button-margin-3 {

29
packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
View file

@ -30,7 +30,10 @@
let selectedCategory = categories[0]
$: components = $store.components
$: componentInstance = $store.currentView !== "component" ? {...$store.currentPreviewItem, ...$store.currentComponentInfo} : $store.currentComponentInfo
$: componentInstance =
$store.currentView !== "component"
? { ...$store.currentPreviewItem, ...$store.currentComponentInfo }
: $store.currentComponentInfo
$: componentDefinition = $store.components[componentInstance._component]
$: componentPropDefinition =
flattenedPanel.find(
@ -46,18 +49,21 @@
const onStyleChanged = store.setComponentStyle
function onPropChanged(key, value) {
if($store.currentView !== "component") {
function onPropChanged(key, value) {
if ($store.currentView !== "component") {
store.setPageOrScreenProp(key, value)
return
}
store.setComponentProp(key, value)
}
$: isComponentOrScreen = $store.currentView === "component" || $store.currentFrontEndType === "screen"
$: isComponentOrScreen =
$store.currentView === "component" ||
$store.currentFrontEndType === "screen"
$: isNotScreenslot = componentInstance._component !== "##builtin/screenslot"
$: displayName = isComponentOrScreen && componentInstance._instanceName && isNotScreenslot
$: displayName =
isComponentOrScreen && componentInstance._instanceName && isNotScreenslot
function walkProps(component, action) {
action(component)
@ -92,11 +98,11 @@
{categories}
{selectedCategory} />
{#if displayName}
<div class="instance-name">
<strong>{componentInstance._instanceName}</strong>
</div>
{/if}
{#if displayName}
<div class="instance-name">
<strong>{componentInstance._instanceName}</strong>
</div>
{/if}
<div class="component-props-container">
{#if selectedCategory.value === 'design'}
@ -108,8 +114,7 @@
{panelDefinition}
displayNameField={displayName}
onChange={onPropChanged}
screenOrPageInstance={$store.currentView !== "component" && $store.currentPreviewItem} />
screenOrPageInstance={$store.currentView !== 'component' && $store.currentPreviewItem} />
{:else if selectedCategory.value === 'events'}
<EventsEditor component={componentInstance} />
{/if}

2
packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
View file

@ -7,7 +7,7 @@
import { store } from "builderStore"
import { ArrowDownIcon, ShapeIcon } from "components/common/Icons/"
export let screens = []
export let screens = []
let confirmDeleteDialog
let componentToDelete = ""

2
packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
View file

@ -43,7 +43,7 @@
style="padding-left: {level * 20 + 40}px">
<div class="nav-item">
<i class="icon ri-arrow-right-circle-fill" />
{isScreenslot(component._component) ? "Screenslot" : component._instanceName}
{isScreenslot(component._component) ? 'Screenslot' : component._instanceName}
</div>
<div class="actions">
<ComponentDropdownMenu {component} />

4
packages/builder/src/components/userInterface/EventsEditor/StateBindingCascader.svelte
View file

@ -8,7 +8,7 @@
import { EVENT_TYPE_MEMBER_NAME } from "components/common/eventHandlers"
import { store, workflowStore } from "builderStore"
import { ArrowDownIcon } from "components/common/Icons/"
import { createEventDispatcher } from 'svelte'
import { createEventDispatcher } from "svelte"
export let parameter
@ -26,7 +26,7 @@
{/if}
{#if parameter.name === 'workflow'}
<Select on:change bind:value={parameter.value}>
<option value=""></option>
<option value="" />
{#each $workflowStore.workflows.filter(wf => wf.live) as workflow}
<option value={workflow._id}>{workflow.name}</option>
{/each}

26
packages/builder/src/components/userInterface/SettingsView.svelte
View file

@ -13,9 +13,10 @@
export let displayNameField = false
export let screenOrPageInstance
let pageScreenProps = ["title","favicon", "description", "route"]
const propExistsOnComponentDef = prop => pageScreenProps.includes(prop) || prop in componentDefinition.props
let pageScreenProps = ["title", "favicon", "description", "route"]
const propExistsOnComponentDef = prop =>
pageScreenProps.includes(prop) || prop in componentDefinition.props
function handleChange(key, data) {
data.target ? onChange(key, data.target.value) : onChange(key, data)
@ -38,18 +39,23 @@
{#if screenOrPageInstance}
{#each screenOrPageDefinition as def}
<PropertyControl
control={def.control}
label={def.label}
key={def.key}
value={screenOrPageInstance[def.key]}
{onChange}
props={{ ...excludeProps(def, ['control', 'label']) }} />
control={def.control}
label={def.label}
key={def.key}
value={screenOrPageInstance[def.key]}
{onChange}
props={{ ...excludeProps(def, ['control', 'label']) }} />
{/each}
<hr />
{/if}
{#if displayNameField}
<PropertyControl control={Input} label="Name" key="_instanceName" value={componentInstance._instanceName} {onChange} />
<PropertyControl
control={Input}
label="Name"
key="_instanceName"
value={componentInstance._instanceName}
{onChange} />
{/if}
{#if panelDefinition && panelDefinition.length > 0}

6
packages/builder/src/components/workflow/SetupPanel/SetupPanel.svelte
View file

@ -130,7 +130,11 @@
{#each ACCESS_LEVELS as level}
<span class="access-level">
<label>{level.name}</label>
<input class="uk-checkbox" type="checkbox" disabled={!level.editable} bind:checked={level.canExecute}/>
<input
class="uk-checkbox"
type="checkbox"
disabled={!level.editable}
bind:checked={level.canExecute} />
</span>
{/each}
</div>

5
packages/standard-components/src/Login.svelte
View file

@ -23,7 +23,10 @@
const login = async () => {
loading = true
const response = await _bb.api.post("/api/authenticate", { username, password })
const response = await _bb.api.post("/api/authenticate", {
username,
password,
})
if (response.status === 200) {
const json = await response.json()
localStorage.setItem("budibase:token", json.token)