lfk/frontend
2
0
Fork 0
Code Issues 4 Pull Requests Actions Projects Releases Wiki Activity

i18n fix + more pages

Browse Source
This commit is contained in:
Philipp Dormann
2020-12-19 16:09:22 +01:00
parent 8ff1c55ba4
commit 4633a9b3ae
7 changed files with 97 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/components/Dashboard.svelte
View File

@@ -1,11 +1,12 @@
<script>
import { _ } from "svelte-i18n";
// import StatCards from "./StatCards.svelte";
import StatCards from "./StatCards.svelte";
import Table from "./Table.svelte";
import Pagination from "./Pagination.svelte";
import FormLayout from "./FormLayout.svelte";
import Tracks from "./Tracks.svelte";
import BreadcrumbNav from "./BreadcrumbNav.svelte";
import NotFound from "./NotFound.svelte";
//
let isProfileActionsVisible = false;
let mobile_menu_opened = false;
@@ -133,17 +134,17 @@
<a
href="/profile"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
role="menuitem">$_('your_profile')</a>
role="menuitem">{$_('your_profile')}</a>
<a
href="/profile/settings"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
role="menuitem">$_('settings')</a>
role="menuitem">{$_('settings')}</a>
<a
href="/logout"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
role="menuitem">$_('signout')</a>
role="menuitem">{$_('signout')}</a>
</div>
{/if}
</div>
@@ -203,7 +204,10 @@
Open: "block", closed: "hidden"
-->
<div class="md:hidden" class:block={mobile_menu_opened === true} class:hidden={mobile_menu_opened === false}>
<div
class="md:hidden"
class:block={mobile_menu_opened === true}
class:hidden={mobile_menu_opened === false}>
<div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
<a
href="/"
@@ -289,11 +293,61 @@
</div>
<main>
<div class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
<!-- <StatCards /> -->
<div class="mb-8"><Tracks /></div>
<StatCards />
<div class="mb-8">
<Tracks />
</div>
<Pagination />
<div class="mb-8"><Table /></div>
<div class="mb-8"><FormLayout /></div>
<div class="mb-8">
<Table />
</div>
<!-- -->
<div
class="widget w-full p-4 mb-4 rounded-lg bg-white border border-grey-100 dark:bg-grey-895 dark:border-grey-890">
<div class="flex flex-row items-center justify-between mb-6">
<div class="flex flex-col">
<div class="text-sm font-light text-grey-500">Regular</div>
<div class="text-sm font-bold"><span>Text inputs</span></div>
</div>
</div>
<div class="flex flex-col lg:flex-row lg:flex-wrap w-full lg:space-x-4">
<div class="w-full lg:w-1/4">
<div class="form-element ">
<div class="form-label">Label</div><input
name="name"
type="text"
class="form-input"
placeholder="Enter something..." />
<div class="form-hint">This is a hint</div>
</div>
</div>
<div class="w-full lg:w-1/4">
<div class="form-element ">
<div class="form-label">First name</div><input
name="name"
type="text"
class="form-input form-input-invalid"
placeholder="john@example.com" />
<div class="form-error">First name is required</div>
</div>
</div>
<div class="w-full lg:w-1/4">
<div class="form-element ">
<div class="form-label">First name</div><input
name="name"
type="text"
class="form-input form-input-valid"
placeholder="john@example.com" />
<div class="form-success">First name is valid</div>
</div>
</div>
</div>
</div>
<!-- -->
<div class="mb-8">
<FormLayout />
</div>
<NotFound />
</div>
</main>
</div>