Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'users' of github.com:appwrite/appwrite-console-poc into storage

Browse Source
This commit is contained in:
Arman
2022-06-24 17:59:22 +02:00
parent 70c474e57e 5f86348ea2
commit 163b621edb
15 changed files with 95 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+14 -14
View File
@@ -8,8 +8,8 @@
"name": "@appwrite/console",
"version": "0.0.1",
"dependencies": {
"@aw-labs/icons": "^0.0.0-16",
"@aw-labs/ui": "^0.0.0-16",
"@aw-labs/icons": "^0.0.0-17",
"@aw-labs/ui": "^0.0.0-17",
"echarts": "^5.3.3"
},
"devDependencies": {
@@ -58,14 +58,14 @@
}
},
"node_modules/@aw-labs/icons": {
"version": "0.0.0-16",
"resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-16.tgz",
"integrity": "sha512-JkUXgScGmlCuSQbNEJInKaGbIZbLnAFKT7oPLyOfC82DUzbtc9X3CAIHSywfPFH9Oaf+QGs6QYBwEPw4YFugKA=="
"version": "0.0.0-17",
"resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-17.tgz",
"integrity": "sha512-/2QX/NWOT7gnQNXv85kgKZDthQTcDZ+WtofLC5ZEar23f1t38Oz2KxUgEVP1/xLiBsSflb8y6IoGT6n04Uh4tA=="
},
"node_modules/@aw-labs/ui": {
"version": "0.0.0-16",
"resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-16.tgz",
"integrity": "sha512-B/I31IIhWlgWVZz8zSelXTkJCOuq75g1fXTdiVUC0e16tgxEBuNs9/W2i9IsYXTqZhw2hlNdRwkpWeqie56Ahw==",
"version": "0.0.0-17",
"resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-17.tgz",
"integrity": "sha512-WCiZ7S5KWZk1ZaF+Z+alTEJn21xM22B5yl+Y4dMYBPu70N0IALZ8RyRQxaQqlpLkIN5LDy4m01X71W3A1miqIw==",
"dependencies": {
"@aw-labs/icons": "*"
}
@@ -7807,14 +7807,14 @@
}
},
"@aw-labs/icons": {
"version": "0.0.0-16",
"resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-16.tgz",
"integrity": "sha512-JkUXgScGmlCuSQbNEJInKaGbIZbLnAFKT7oPLyOfC82DUzbtc9X3CAIHSywfPFH9Oaf+QGs6QYBwEPw4YFugKA=="
"version": "0.0.0-17",
"resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-17.tgz",
"integrity": "sha512-/2QX/NWOT7gnQNXv85kgKZDthQTcDZ+WtofLC5ZEar23f1t38Oz2KxUgEVP1/xLiBsSflb8y6IoGT6n04Uh4tA=="
},
"@aw-labs/ui": {
"version": "0.0.0-16",
"resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-16.tgz",
"integrity": "sha512-B/I31IIhWlgWVZz8zSelXTkJCOuq75g1fXTdiVUC0e16tgxEBuNs9/W2i9IsYXTqZhw2hlNdRwkpWeqie56Ahw==",
"version": "0.0.0-17",
"resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-17.tgz",
"integrity": "sha512-WCiZ7S5KWZk1ZaF+Z+alTEJn21xM22B5yl+Y4dMYBPu70N0IALZ8RyRQxaQqlpLkIN5LDy4m01X71W3A1miqIw==",
"requires": {
"@aw-labs/icons": "*"
}
package.json
+2 -2
View File
@@ -19,8 +19,8 @@
"e2e": "playwright test tests/e2e"
},
"dependencies": {
"@aw-labs/icons": "^0.0.0-16",
"@aw-labs/ui": "^0.0.0-16",
"@aw-labs/icons": "^0.0.0-17",
"@aw-labs/ui": "^0.0.0-17",
"echarts": "^5.3.3"
},
"devDependencies": {
src/lib/elements/forms/inputPassword.svelte
+35 -10
View File
@@ -11,8 +11,10 @@
export let autofocus = false;
export let meter = true;
export let autocomplete = true;
export let showPasswordButton = false;
let element: HTMLInputElement;
let showInPlainText = false;
onMount(() => {
if (element && autofocus) {
@@ -26,16 +28,31 @@
<FormItem>
<label class="label" for={id}>{label}</label>
<div class="input-text-wrapper">
<input
{id}
{placeholder}
{disabled}
{required}
autocomplete={autocomplete ? 'on' : 'off'}
type="password"
class="input-text"
bind:value
bind:this={element} />
{#if showInPlainText}
<input
type="text"
{id}
name={id}
{placeholder}
{required}
{disabled}
autocomplete={autocomplete ? 'on' : 'off'}
class="input-text"
bind:value
bind:this={element} />
{:else}
<input
{id}
{placeholder}
{disabled}
{required}
autocomplete={autocomplete ? 'on' : 'off'}
type="password"
class="input-text"
bind:value
bind:this={element} />
{/if}
{#if meter}
<meter
value={strength > 100 ? 100 : strength}
@@ -47,5 +64,13 @@
class:is-strong={strength > 66 && strength <= 100}
aria-label="Password strength weak" />
{/if}
{#if showPasswordButton}
<button
on:click={() => (showInPlainText = !showInPlainText)}
class="show-password-button"
aria-label="show password">
<span class="icon-eye" aria-hidden="true" />
</button>
{/if}
</div>
</FormItem>
src/lib/elements/table/table.svelte
+1 -1
View File
@@ -1,3 +1,3 @@
<table class="table is-vertical common-section">
<table class="table is-vertical u-margin-block-start-32 ">
<slot />
</table>
src/lib/layout/container.svelte
+1 -1
View File
@@ -1,3 +1,3 @@
<div class="container">
<div class="container u-margin-block-start-24">
<slot />
</div>
src/routes/console/[project]/database/collection/[collection]/index.svelte
+1 -1
View File
@@ -36,7 +36,7 @@
<div aria-busy="true" />
{:then response}
<div class="u-flex u-gap-12 common-section u-main-space-between">
<div class="input-text-wrapper u-stretch" style="max-width: 500px">
<div class="input-text-wrapper u-stretch">
<input
type="search"
placeholder="Search by ID"
src/routes/console/[project]/storage/bucket/[bucket]/index.svelte
+1 -1
View File
@@ -46,7 +46,7 @@
<Container>
<div class="u-flex u-gap-12 common-section u-main-space-between">
<div class="input-text-wrapper u-stretch" style="max-width: 500px">
<div class="input-text-wrapper u-stretch">
<input
type="search"
placeholder="Search by Filename"
src/routes/console/[project]/users/index.svelte
+7 -3
View File
@@ -69,7 +69,7 @@
<Container>
<div class="u-flex u-gap-12 common-section u-main-space-between">
<div class="input-text-wrapper u-stretch" style="max-width: 500px">
<div class="input-text-wrapper u-stretch">
<input
type="search"
placeholder="Search Name, Email, or ID"
@@ -129,7 +129,9 @@
{/each}
</TableBody>
</Table>
<div class="u-flex common-section u-main-space-between">
<div
class="u-flex u-margin-block-start-32
u-main-space-between">
<p class="text">Total results: {$usersList.response.total}</p>
<Pagination {limit} bind:offset sum={$usersList.response.total} />
</div>
@@ -145,7 +147,9 @@
</div>
</div>
</Empty>
<div class="u-flex common-section u-main-space-between">
<div
class="u-flex u-margin-block-start-32
u-main-space-between">
<p class="text">Total results: {$usersList.response.total}</p>
<Pagination {limit} bind:offset sum={$usersList.response.total} />
</div>
src/routes/console/[project]/users/security.svelte
+7 -9
View File
@@ -128,15 +128,13 @@
</p>
<svelte:fragment slot="right">
<form class="form u-grid u-gap-16">
<ul class="form-list">
<li class="form-item is-multiple">
<InputNumber id="length" label="Length" value={1} />
<InputSelect
id="period"
{options}
label="Time Period"
value={options[0].value} />
</li>
<ul class="form-list is-multiple">
<InputNumber id="length" label="Length" value={1} />
<InputSelect
id="period"
{options}
label="Time Period"
value={options[0].value} />
</ul>
</form>
</svelte:fragment>
src/routes/console/[project]/users/teams.svelte
+7 -3
View File
@@ -48,7 +48,7 @@
<Container>
<div class="u-flex u-gap-12 common-section u-main-space-between">
<div class="input-text-wrapper u-stretch" style="max-width: 500px">
<div class="input-text-wrapper u-stretch">
<input
type="search"
placeholder="Search by Name"
@@ -87,7 +87,9 @@
{/each}
</TableBody>
</Table>
<div class="u-flex common-section u-main-space-between">
<div
class="u-flex u-margin-block-start-32
u-main-space-between">
<p class="text">Total results: {$teamsList.response.total}</p>
<Pagination {limit} bind:offset sum={$teamsList.response.total} />
</div>
@@ -103,7 +105,9 @@
<Button secondary on:click={() => (search = '')}>Clear Search</Button>
</div>
</Empty>
<div class="u-flex common-section u-main-space-between">
<div
class="u-flex u-margin-block-start-32
u-main-space-between">
<p class="text">Total results: {$teamsList.response.total}</p>
<Pagination {limit} bind:offset sum={$teamsList.response.total} />
</div>
src/routes/console/[project]/users/teams/[team]/activity.svelte
+3 -1
View File
@@ -83,7 +83,9 @@
</div>
</Empty>
{/if}
<div class="u-flex common-section u-main-space-between">
<div
class="u-flex u-margin-block-start-32
u-main-space-between">
<p class="text">Total results: {response.total}</p>
<Pagination {limit} bind:offset sum={response.total} />
</div>
src/routes/console/[project]/users/teams/[team]/members.svelte
+7 -3
View File
@@ -45,7 +45,7 @@
<Container>
<div class="u-flex u-gap-12 common-section u-main-space-between">
<div class="input-text-wrapper u-stretch" style="max-width: 500px">
<div class="input-text-wrapper u-stretch">
<input
type="search"
placeholder="Search by ID"
@@ -100,7 +100,9 @@
{/each}
</TableBody>
</Table>
<div class="u-flex common-section u-main-space-between">
<div
class="u-flex u-margin-block-start-32
u-main-space-between">
<p class="text">Total results: {$memberships.response.total}</p>
<Pagination {limit} bind:offset sum={$memberships.response.total} />
</div>
@@ -116,7 +118,9 @@
</div>
</div>
</Empty>
<div class="u-flex common-section u-main-space-between">
<div
class="u-flex u-margin-block-start-32
u-main-space-between">
<p class="text">Total results: {$memberships.response.total}</p>
<Pagination {limit} bind:offset sum={$memberships.response.total} />
</div>
src/routes/console/[project]/users/user/[user]/activity.svelte
+3 -1
View File
@@ -86,7 +86,9 @@
</div>
</Empty>
{/if}
<div class="u-flex common-section u-main-space-between">
<div
class="u-flex u-margin-block-start-32
u-main-space-between">
<p class="text">Total results: {response.total}</p>
<Pagination {limit} bind:offset sum={response.total} />
</div>
src/routes/console/[project]/users/user/[user]/memberships.svelte
+3 -1
View File
@@ -96,7 +96,9 @@
</div>
</Empty>
{/if}
<div class="u-flex common-section u-main-space-between">
<div
class="u-flex u-margin-block-start-32
u-main-space-between">
<p class="text">Total results: {response.total}</p>
<Pagination {limit} bind:offset sum={response.total} />
</div>
src/routes/console/[project]/users/user/[user]/sessions.svelte
+3 -1
View File
@@ -99,7 +99,9 @@
</div>
</Empty>
{/if}
<div class="u-flex common-section u-main-space-between">
<div
class="u-flex u-margin-block-start-32
u-main-space-between">
<p class="text">Total results: {response.total}</p>
<Pagination {limit} bind:offset sum={response.total} />
</div>