removed PageView.svelte
This commit is contained in:
parent
249e44e273
commit
8e00a79850
|
@ -1,65 +0,0 @@
|
||||||
<script>
|
|
||||||
import Textbox from "components/common/Textbox.svelte"
|
|
||||||
import Dropdown from "components/common/Dropdown.svelte"
|
|
||||||
import Button from "components/common/Button.svelte"
|
|
||||||
import { store } from "builderStore"
|
|
||||||
import { isRootComponent } from "./pagesParsing/searchComponents"
|
|
||||||
import { pipe } from "components/common/core"
|
|
||||||
import { filter, find, concat } from "lodash/fp"
|
|
||||||
|
|
||||||
const notSelectedComponent = { name: "(none selected)" }
|
|
||||||
|
|
||||||
$: page = $store.pages[$store.currentPageName]
|
|
||||||
$: title = page.index.title
|
|
||||||
$: components = pipe($store.components, [
|
|
||||||
filter(store => !isRootComponent($store)),
|
|
||||||
concat([notSelectedComponent]),
|
|
||||||
])
|
|
||||||
$: entryComponent = components[page.appBody] || notSelectedComponent
|
|
||||||
|
|
||||||
const save = () => {
|
|
||||||
if (!title || !entryComponent || entryComponent === notSeletedComponent)
|
|
||||||
return
|
|
||||||
const page = {
|
|
||||||
index: {
|
|
||||||
title,
|
|
||||||
},
|
|
||||||
appBody: entryComponent.name,
|
|
||||||
}
|
|
||||||
store.savePage(page)
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class="root">
|
|
||||||
|
|
||||||
<h3>{$store.currentPageName}</h3>
|
|
||||||
|
|
||||||
<form on:submit|preventDefault class="uk-form-horizontal">
|
|
||||||
<Textbox bind:text={title} label="Title" hasError={!title} />
|
|
||||||
<div class="help-text">
|
|
||||||
The title of your page, displayed in the bowser tab
|
|
||||||
</div>
|
|
||||||
<Dropdown
|
|
||||||
label="App Entry Component"
|
|
||||||
options={components}
|
|
||||||
bind:selected={entryComponent}
|
|
||||||
textMember={v => v.name} />
|
|
||||||
|
|
||||||
<div class="help-text">
|
|
||||||
The component that will be loaded into the body of the page
|
|
||||||
</div>
|
|
||||||
<div style="margin-top: 20px" />
|
|
||||||
<Button on:click={save}>Save</Button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.root {
|
|
||||||
padding: 15px;
|
|
||||||
}
|
|
||||||
.help-text {
|
|
||||||
color: var(--grey-2);
|
|
||||||
font-size: 10pt;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -8,7 +8,6 @@
|
||||||
import NewScreen from "./NewScreen.svelte"
|
import NewScreen from "./NewScreen.svelte"
|
||||||
import CurrentItemPreview from "./CurrentItemPreview.svelte"
|
import CurrentItemPreview from "./CurrentItemPreview.svelte"
|
||||||
import SettingsView from "./SettingsView.svelte"
|
import SettingsView from "./SettingsView.svelte"
|
||||||
import PageView from "./PageView.svelte"
|
|
||||||
import ComponentsPaneSwitcher from "./ComponentsPaneSwitcher.svelte"
|
import ComponentsPaneSwitcher from "./ComponentsPaneSwitcher.svelte"
|
||||||
import ConfirmDialog from "components/common/ConfirmDialog.svelte"
|
import ConfirmDialog from "components/common/ConfirmDialog.svelte"
|
||||||
import { last } from "lodash/fp"
|
import { last } from "lodash/fp"
|
||||||
|
|
|
@ -5,7 +5,6 @@
|
||||||
import ComponentsHierarchyChildren from "components/userInterface/ComponentsHierarchyChildren.svelte"
|
import ComponentsHierarchyChildren from "components/userInterface/ComponentsHierarchyChildren.svelte"
|
||||||
import IconButton from "components/common/IconButton.svelte"
|
import IconButton from "components/common/IconButton.svelte"
|
||||||
import CurrentItemPreview from "components/userInterface/AppPreview"
|
import CurrentItemPreview from "components/userInterface/AppPreview"
|
||||||
import PageView from "components/userInterface/PageView.svelte"
|
|
||||||
import ComponentPropertiesPanel from "components/userInterface/ComponentPropertiesPanel.svelte"
|
import ComponentPropertiesPanel from "components/userInterface/ComponentPropertiesPanel.svelte"
|
||||||
import ComponentSelectionList from "components/userInterface/ComponentSelectionList.svelte"
|
import ComponentSelectionList from "components/userInterface/ComponentSelectionList.svelte"
|
||||||
import Switcher from "components/common/Switcher.svelte"
|
import Switcher from "components/common/Switcher.svelte"
|
||||||
|
|
Loading…
Reference in New Issue