Formatting

2020-06-25 16:02:30 +01:00 · 2020-06-25 16:02:30 +01:00 · dcfa39ef67
parent d9a48e3a51
commit dcfa39ef67
11 changed files with 52 additions and 39 deletions
--- a/packages/builder/src/components/common/NumberBox.svelte
+++ b/packages/builder/src/components/common/NumberBox.svelte
@ -32,6 +32,6 @@
  label {
    font-size: 14px;
    font-weight: 500;
-    margin-bottom: 8px
+    margin-bottom: 8px;
  }
 </style>
--- a/packages/builder/src/components/common/ValuesList.svelte
+++ b/packages/builder/src/components/common/ValuesList.svelte
@ -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>
--- a/packages/builder/src/components/database/ModelDataTable/ModelDataTable.svelte
+++ b/packages/builder/src/components/database/ModelDataTable/ModelDataTable.svelte
@ -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>
--- a/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte
+++ b/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte
@ -142,7 +142,6 @@
    background: var(--grey-1);
    border-bottom-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
-
  }

  .button-margin-3 {
--- a/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
+++ b/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
@ -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}
--- a/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
+++ b/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
@ -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 = ""
--- a/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
+++ b/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
@ -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} />
--- a/packages/builder/src/components/userInterface/EventsEditor/StateBindingCascader.svelte
+++ b/packages/builder/src/components/userInterface/EventsEditor/StateBindingCascader.svelte
@ -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}
--- a/packages/builder/src/components/userInterface/SettingsView.svelte
+++ b/packages/builder/src/components/userInterface/SettingsView.svelte
@ -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}
--- a/packages/builder/src/components/workflow/SetupPanel/SetupPanel.svelte
+++ b/packages/builder/src/components/workflow/SetupPanel/SetupPanel.svelte
@ -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>
--- a/packages/standard-components/src/Login.svelte
+++ b/packages/standard-components/src/Login.svelte
@ -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)