-
Notifications
You must be signed in to change notification settings - Fork 156
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' of https://github.com/appwrite/appwrite-console-poc…
… into feat-code-example
- Loading branch information
Showing
102 changed files
with
2,314 additions
and
1,976 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <script lang="ts"> | ||
| import { Empty } from '$lib/components'; | ||
| import { cardLimit } from '$lib/stores/layout'; | ||
| export let offset = 0; | ||
| export let limit = $cardLimit; | ||
| export let total = 0; | ||
| </script> | ||
|
|
||
| <ul | ||
| class="grid-box common-section u-margin-block-start-32" | ||
| style={`--grid-gap:1.5rem; --grid-item-size:${total > 3 ? '22rem' : '25rem'};`}> | ||
| <slot /> | ||
|
|
||
| {#if limit + offset > total && (total % 2 !== 0 || total % 4 === 0)} | ||
| <Empty isButton on:click> | ||
| <slot name="empty" /> | ||
| </Empty> | ||
| {/if} | ||
| </ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,3 @@ | ||
| <ul class="collapsible"> | ||
| <li class="collapsible-item"> | ||
| <details class="collapsible-wrapper"> | ||
| <summary class="collapsible-button"> | ||
| <span class="text"> | ||
| <slot name="header" /> | ||
| </span> | ||
| <span class="collapsible-button-optional"> | ||
| <slot name="subheader" /> | ||
| </span> | ||
| <div class="icon"> | ||
| <span class="icon-plus" aria-hidden="true" /> | ||
| <span class="icon-minus" aria-hidden="true" /> | ||
| </div> | ||
| </summary> | ||
| <p class="collapsible-content"> | ||
| <slot /> | ||
| </p> | ||
| </details> | ||
| </li> | ||
| <slot /> | ||
| </ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| <li class="collapsible-item"> | ||
| <details class="collapsible-wrapper"> | ||
| <summary class="collapsible-button"> | ||
| <span class="text"><slot name="title" /></span> | ||
| <span class="collapsible-button-optional"><slot name="subtitle" /></span> | ||
| <div class="icon"> | ||
| <span class="icon-cheveron-down" aria-hidden="true" /> | ||
| </div> | ||
| </summary> | ||
| <div class="collapsible-content"> | ||
| <slot /> | ||
| </div> | ||
| </details> | ||
| </li> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| <script lang="ts"> | ||
| import { InnerModal } from '$lib/components'; | ||
| import { InputText } from '$lib/elements/forms'; | ||
| export let show = false; | ||
| export let name: string; | ||
| export let id: string; | ||
| $: if (!show) { | ||
| id = null; | ||
| } | ||
| $: if (!id?.length) { | ||
| id = null; | ||
| } | ||
| </script> | ||
|
|
||
| <InnerModal bind:show> | ||
| <svelte:fragment slot="title">{name} ID</svelte:fragment> | ||
| <svelte:fragment slot="subtitle"> | ||
| Enter a custom {name} ID. Leave blank for a randomly generated one. | ||
| </svelte:fragment> | ||
| <svelte:fragment slot="content"> | ||
| <div class="form"> | ||
| <InputText | ||
| id="id" | ||
| label="Custom ID" | ||
| showLabel={false} | ||
| placeholder="Enter ID" | ||
| autofocus={true} | ||
| bind:value={id} /> | ||
|
|
||
| <div class="u-flex u-gap-4 u-margin-block-start-8 u-small"> | ||
| <span | ||
| class="icon-info u-cross-center u-margin-block-start-2 u-line-height-1 u-icon-small" | ||
| aria-hidden="true" /> | ||
| <span class="text u-line-height-1-5"> | ||
| Allowed characters: alphanumeric, hyphen, non-leading underscore, period | ||
| </span> | ||
| </div> | ||
| </div> | ||
| </svelte:fragment> | ||
| </InnerModal> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| <script lang="ts"> | ||
| import { app } from '$lib/stores/app'; | ||
| import Light from '$lib/images/search-light.svg'; | ||
| import Dark from '$lib/images/search-dark.svg'; | ||
| import Pagination from './pagination.svelte'; | ||
| </script> | ||
|
|
||
| <article class="card u-grid u-cross-center u-width-full-line common-section"> | ||
| <div class="u-flex u-flex-vertical u-cross-center u-gap-24"> | ||
| {#if $app.themeInUse === 'dark'} | ||
| <img src={Dark} alt="create" aria-hidden="true" /> | ||
| {:else} | ||
| <img src={Light} alt="create" aria-hidden="true" /> | ||
| {/if} | ||
| <slot /> | ||
| </div> | ||
| </article> | ||
|
|
||
| <div class="u-flex u-margin-block-start-32 u-main-space-between"> | ||
| <p class="text">Total results: 0</p> | ||
| <Pagination limit={1} offset={0} sum={0} /> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -34,8 +34,8 @@ | |
| }; | ||
| const closeModal = () => { | ||
| if (closable) { | ||
| show = false; | ||
| dispatch('close'); | ||
| show = false; | ||
| } | ||
| }; | ||
|
|
||
Oops, something went wrong.