Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

usage refactor #603

Merged
merged 18 commits into from
Nov 28, 2023
Merged

usage refactor #603

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
1f0222e
new usage integration
shimonewman Sep 4, 2023
c598cd5
new usage integration
shimonewman Sep 5, 2023
0543a4d
new usage integration
shimonewman Sep 5, 2023
e025380
Merge branch 'main' of github.com:appwrite/console into feat-usage-1.4
shimonewman Oct 1, 2023
b97afde
pull from main
shimonewman Oct 4, 2023
eddb704
Merge branch 'feat-usage-1.4' of github.com:appwrite/console into fea…
shimonewman Oct 5, 2023
ac35791
sync against main
shimonewman Oct 25, 2023
e6ea15d
sync against main
shimonewman Oct 25, 2023
4954c20
metrics adjustments
shimonewman Nov 16, 2023
8182c95
package-lock.json
shimonewman Nov 26, 2023
6cef8d6
Merge branch 'main' of github.com:appwrite/console into feat-usage-sh…
shimonewman Nov 26, 2023
96cde5f
usage sdk
shimonewman Nov 26, 2023
a988cfe
chore: remove ide files
christyjacob4 Nov 26, 2023
a86f0bd
usage sdk
shimonewman Nov 27, 2023
46c05cb
Merge remote-tracking branch 'origin/feat-usage-sh-1.4' into feat-usa…
shimonewman Nov 27, 2023
f8ed69e
types fix
shimonewman Nov 27, 2023
4e60597
types fix
shimonewman Nov 27, 2023
10c174f
types fix
shimonewman Nov 27, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
764 changes: 390 additions & 374 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

86 changes: 3 additions & 83 deletions src/lib/layout/usage.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,30 +13,20 @@

<script lang="ts">
import { Container } from '$lib/layout';
import { BarChart, LineChart } from '$lib/charts';
import { BarChart } from '$lib/charts';
import { Card, SecondaryTabs, SecondaryTabsItem, Heading } from '$lib/components';
import { Colors } from '$lib/charts/config';
import type { Models } from '@appwrite.io/console';
import { page } from '$app/stores';
import { Tiles } from '../components/index.js';

type MetricMetadata = {
title: string;
legend: string;
};

export let title: string;
export let total: number;
export let count: Models.Metric[];
export let created: Models.Metric[];
export let read: Models.Metric[];
export let updated: Models.Metric[];
export let deleted: Models.Metric[];

export let countMetadata: MetricMetadata;
export let createdMetadata: MetricMetadata;
export let readMetadata: MetricMetadata;
export let updatedMetadata: MetricMetadata;
export let deletedMetadata: MetricMetadata;
export let path: string = null;
</script>

Expand All @@ -59,7 +49,7 @@
</div>
<Card>
{#if count}
<Heading tag="h6" size="6">{total(count)}</Heading>
<Heading tag="h6" size="6">{total}</Heading>
<p>{countMetadata.title}</p>
<div class="u-margin-block-start-16" />
<div class="chart-container">
Expand All @@ -73,76 +63,6 @@
</div>
{/if}
</Card>
<Tiles>
<Card isTile>
{#if created}
<Heading tag="h6" size="6">{total(created)}</Heading>
<p>{createdMetadata.title}</p>
<div class="u-margin-block-start-16" />
<div class="chart-container">
<LineChart
series={[
{
name: createdMetadata.legend,
data: [...created.map((e) => [e.date, e.value])],
color: Colors.Secondary
}
]} />
</div>
{/if}
</Card>
<Card isTile>
{#if read}
<Heading tag="h6" size="6">{total(read)}</Heading>
<p>{readMetadata.title}</p>
<div class="u-margin-block-start-16" />
<div class="chart-container">
<LineChart
series={[
{
name: readMetadata.legend,
data: [...read.map((e) => [e.date, e.value])],
color: Colors.Tertiary
}
]} />
</div>
{/if}
</Card>
<Card isTile>
{#if updated}
<Heading tag="h6" size="6">{total(updated)}</Heading>
<p>{updatedMetadata.title}</p>
<div class="u-margin-block-start-16" />
<div class="chart-container">
<LineChart
series={[
{
name: updatedMetadata.legend,
data: [...updated.map((e) => [e.date, e.value])],
color: Colors.Quaternary
}
]} />
</div>
{/if}
</Card>
<Card isTile>
{#if deleted}
<Heading tag="h6" size="6">{total(deleted)}</Heading>
<p>{deletedMetadata.title}</p>
<div class="u-margin-block-start-16" />
<div class="chart-container">
<LineChart
series={[
{
name: deletedMetadata.legend,
data: [...deleted.map((e) => [e.date, e.value])],
color: Colors.Quinary
}
]} />
</div>
{/if}
</Card>
</Tiles>
</Container>

<style lang="scss">
Expand Down
Loading