Compare commits
10 Commits
1.9.0
...
e9dffcea83
| Author | SHA1 | Date | |
|---|---|---|---|
e9dffcea83
|
|||
|
b9563d75dd
|
|||
|
3a569422ad
|
|||
|
0ee43f80a6
|
|||
|
f4542adf3b
|
|||
|
9f0623d194
|
|||
|
5bab95a942
|
|||
|
831f36946d
|
|||
|
a4fbabaf9a
|
|||
|
04897c7d2e
|
@@ -1,5 +0,0 @@
|
|||||||
FROM mcr.microsoft.com/vscode/devcontainers/base:alpine-3.12
|
|
||||||
RUN apk update
|
|
||||||
RUN apk add --upgrade nodejs-current npm
|
|
||||||
RUN npm i -g pnpm rimraf
|
|
||||||
RUN rimraf node_modules
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "Node.js",
|
|
||||||
"build": {
|
|
||||||
"dockerfile": "Dockerfile"
|
|
||||||
},
|
|
||||||
"settings": {
|
|
||||||
"terminal.integrated.shell.linux": "/bin/sh"
|
|
||||||
},
|
|
||||||
"extensions": [
|
|
||||||
"dbaeumer.vscode-eslint",
|
|
||||||
"2gua.rainbow-brackets",
|
|
||||||
"christian-kohler.npm-intellisense",
|
|
||||||
"remimarsal.prettier-now",
|
|
||||||
"svelte.svelte-vscode",
|
|
||||||
"lokalise.i18n-ally",
|
|
||||||
"fivethree.vscode-svelte-snippets",
|
|
||||||
"voorjaar.windicss-intellisense"
|
|
||||||
],
|
|
||||||
"postCreateCommand": "yarn && yarn dev --open"
|
|
||||||
}
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
name: Build Latest and dev images
|
|
||||||
on:
|
|
||||||
push:
|
|
||||||
branches:
|
|
||||||
- dev
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
build-container:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
steps:
|
|
||||||
- name: Checkout
|
|
||||||
uses: actions/checkout@v4
|
|
||||||
- name: Set up Node.js
|
|
||||||
uses: actions/setup-node@v4
|
|
||||||
with:
|
|
||||||
node-version: 19
|
|
||||||
- run: npm i -g pnpm@8 && pnpm i
|
|
||||||
- run: pnpm licenses:export
|
|
||||||
- name: Login to registry
|
|
||||||
uses: docker/login-action@v3
|
|
||||||
with:
|
|
||||||
registry: registry.odit.services
|
|
||||||
username: ${{ vars.REGISTRY_USERNAME }}
|
|
||||||
password: ${{ secrets.REGISTRY_PASSWORD }}
|
|
||||||
- name: Set up Docker Buildx
|
|
||||||
uses: docker/setup-buildx-action@v3
|
|
||||||
- name: Build and push
|
|
||||||
uses: docker/build-push-action@v6
|
|
||||||
with:
|
|
||||||
push: true
|
|
||||||
tags: |
|
|
||||||
${{ vars.REGISTRY }}/lfk/frontend:dev
|
|
||||||
${{ vars.REGISTRY }}/lfk/frontend:latest
|
|
||||||
platforms: linux/amd64,linux/arm64
|
|
||||||
@@ -14,7 +14,7 @@ jobs:
|
|||||||
uses: actions/setup-node@v4
|
uses: actions/setup-node@v4
|
||||||
with:
|
with:
|
||||||
node-version: 19
|
node-version: 19
|
||||||
- run: npm i -g pnpm@8 && pnpm i
|
- run: npm i -g pnpm@10.7 && pnpm i
|
||||||
- run: pnpm licenses:export
|
- run: pnpm licenses:export
|
||||||
- name: Login to registry
|
- name: Login to registry
|
||||||
uses: docker/login-action@v3
|
uses: docker/login-action@v3
|
||||||
|
|||||||
18
CHANGELOG.md
18
CHANGELOG.md
@@ -2,14 +2,32 @@
|
|||||||
|
|
||||||
All notable changes to this project will be documented in this file. Dates are displayed in UTC.
|
All notable changes to this project will be documented in this file. Dates are displayed in UTC.
|
||||||
|
|
||||||
|
#### [1.9.2](https://git.odit.services/lfk/frontend/compare/1.9.1...1.9.2)
|
||||||
|
|
||||||
|
- chore: update lfk client [`f4542ad`](https://git.odit.services/lfk/frontend/commit/f4542adf3b7c757d907c979b989450b64553d750)
|
||||||
|
- feat(dashboard): show runners via selfservice count [`0ee43f8`](https://git.odit.services/lfk/frontend/commit/0ee43f80a65bb5b83d51d6c098bd203bc09e2f1f)
|
||||||
|
- refactor: change release message [`9f0623d`](https://git.odit.services/lfk/frontend/commit/9f0623d194a7784d4ede3cb6a6cd10d0aea4a180)
|
||||||
|
|
||||||
|
#### [1.9.1](https://git.odit.services/lfk/frontend/compare/1.9.0...1.9.1)
|
||||||
|
|
||||||
|
> 28 March 2025
|
||||||
|
|
||||||
|
- refactor: project cleanup [`04897c7`](https://git.odit.services/lfk/frontend/commit/04897c7d2e89cb7e834815907409698ad6758637)
|
||||||
|
- 🚀RELEASE v1.9.1 [`5bab95a`](https://git.odit.services/lfk/frontend/commit/5bab95a9423d9da8c17165732b988ca868f950a5)
|
||||||
|
- feat(RunnerDetail): show created_via [`a4fbaba`](https://git.odit.services/lfk/frontend/commit/a4fbabaf9a0a9a26b6c6782056f11b8a646b8f16)
|
||||||
|
- feat(ConfirmTeamDeletionModal): success toast [`831f369`](https://git.odit.services/lfk/frontend/commit/831f36946d5db777ca77855161f653f861cbd56e)
|
||||||
|
|
||||||
#### [1.9.0](https://git.odit.services/lfk/frontend/compare/1.8.2...1.9.0)
|
#### [1.9.0](https://git.odit.services/lfk/frontend/compare/1.8.2...1.9.0)
|
||||||
|
|
||||||
|
> 28 March 2025
|
||||||
|
|
||||||
- feat: improved ConfirmOrgDeletionModal [`fecf3b5`](https://git.odit.services/lfk/frontend/commit/fecf3b59a320afafee52c95b361edec644c5cbff)
|
- feat: improved ConfirmOrgDeletionModal [`fecf3b5`](https://git.odit.services/lfk/frontend/commit/fecf3b59a320afafee52c95b361edec644c5cbff)
|
||||||
- feat: modal improvements [`f5a46aa`](https://git.odit.services/lfk/frontend/commit/f5a46aa203ca2adf2e4e6fe4863629ca80f1becb)
|
- feat: modal improvements [`f5a46aa`](https://git.odit.services/lfk/frontend/commit/f5a46aa203ca2adf2e4e6fe4863629ca80f1becb)
|
||||||
- feat: improve ConfirmTeamDeletionModal [`a2cd54f`](https://git.odit.services/lfk/frontend/commit/a2cd54fba4a987f7f7dbab22cc958f9aea2817ff)
|
- feat: improve ConfirmTeamDeletionModal [`a2cd54f`](https://git.odit.services/lfk/frontend/commit/a2cd54fba4a987f7f7dbab22cc958f9aea2817ff)
|
||||||
- feat: improve modals [`443371e`](https://git.odit.services/lfk/frontend/commit/443371e2fdc42506e6e87379bd65facbd8f22d7d)
|
- feat: improve modals [`443371e`](https://git.odit.services/lfk/frontend/commit/443371e2fdc42506e6e87379bd65facbd8f22d7d)
|
||||||
- feat: improve toasts [`481f6b6`](https://git.odit.services/lfk/frontend/commit/481f6b686e77ffa36ee08b62f653d626dd9124c9)
|
- feat: improve toasts [`481f6b6`](https://git.odit.services/lfk/frontend/commit/481f6b686e77ffa36ee08b62f653d626dd9124c9)
|
||||||
- feat: improve modals [`e7a69eb`](https://git.odit.services/lfk/frontend/commit/e7a69ebdca668a5d78b52d092aa1bca6259aa19b)
|
- feat: improve modals [`e7a69eb`](https://git.odit.services/lfk/frontend/commit/e7a69ebdca668a5d78b52d092aa1bca6259aa19b)
|
||||||
|
- 🚀RELEASE v1.9.0 [`b7e6fda`](https://git.odit.services/lfk/frontend/commit/b7e6fdaeacf17a7cc77109460b5e2c6d3775ef7b)
|
||||||
- feat: improve translations [`d7ab924`](https://git.odit.services/lfk/frontend/commit/d7ab9247cd2eab4f7269b23de5fada76a99ac8bc)
|
- feat: improve translations [`d7ab924`](https://git.odit.services/lfk/frontend/commit/d7ab9247cd2eab4f7269b23de5fada76a99ac8bc)
|
||||||
- feat: improved translations [`18a4623`](https://git.odit.services/lfk/frontend/commit/18a4623e71dfd942f2268203ce713030acfb2d9d)
|
- feat: improved translations [`18a4623`](https://git.odit.services/lfk/frontend/commit/18a4623e71dfd942f2268203ce713030acfb2d9d)
|
||||||
- feat: improve translations [`9048f3d`](https://git.odit.services/lfk/frontend/commit/9048f3df774df233705a41b08012193447eab803)
|
- feat: improve translations [`9048f3d`](https://git.odit.services/lfk/frontend/commit/9048f3df774df233705a41b08012193447eab803)
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ ARG NPM_REGISTRY_URL=https://registry.npmjs.org
|
|||||||
WORKDIR /app
|
WORKDIR /app
|
||||||
|
|
||||||
COPY package.json pnpm-lock.yaml vite.config.js tailwind.config.cjs postcss.config.cjs index.html ./
|
COPY package.json pnpm-lock.yaml vite.config.js tailwind.config.cjs postcss.config.cjs index.html ./
|
||||||
RUN npm config set registry $NPM_REGISTRY_URL && npm i -g pnpm@9
|
RUN npm config set registry $NPM_REGISTRY_URL && npm i -g pnpm@10.7
|
||||||
RUN mkdir /pnpm && pnpm config set store-dir /pnpm && pnpm i
|
RUN mkdir /pnpm && pnpm config set store-dir /pnpm && pnpm i
|
||||||
|
|
||||||
COPY src ./src
|
COPY src ./src
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<span style="display: none; visibility: hidden" id="buildinfo"
|
<span style="display: none; visibility: hidden" id="buildinfo"
|
||||||
>RELEASE_INFO-1.9.0-RELEASE_INFO</span
|
>RELEASE_INFO-1.9.2-RELEASE_INFO</span
|
||||||
>
|
>
|
||||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||||
<script src="/env.js"></script>
|
<script src="/env.js"></script>
|
||||||
|
|||||||
10
package.json
10
package.json
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@odit/lfk-frontend",
|
"name": "@odit/lfk-frontend",
|
||||||
"version": "1.9.0",
|
"version": "1.9.2",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"i18n-order": "node order.js",
|
"i18n-order": "node order.js",
|
||||||
@@ -28,11 +28,11 @@
|
|||||||
"git": {
|
"git": {
|
||||||
"commit": true,
|
"commit": true,
|
||||||
"requireCleanWorkingDir": false,
|
"requireCleanWorkingDir": false,
|
||||||
"commitMessage": "🚀RELEASE v${version}",
|
"commitMessage": "chore(release): ${version}",
|
||||||
"push": true,
|
"push": true,
|
||||||
"tag": true,
|
"tag": true,
|
||||||
"tagName": null,
|
"tagName": "${version}",
|
||||||
"tagAnnotation": "v${version}"
|
"tagAnnotation": "${version}"
|
||||||
},
|
},
|
||||||
"npm": {
|
"npm": {
|
||||||
"publish": false
|
"publish": false
|
||||||
@@ -43,7 +43,7 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fontsource/athiti": "^5.2.5",
|
"@fontsource/athiti": "^5.2.5",
|
||||||
"@odit/lfk-client-js": "1.1.3",
|
"@odit/lfk-client-js": "1.2.0",
|
||||||
"@paralleldrive/cuid2": "2.2.2",
|
"@paralleldrive/cuid2": "2.2.2",
|
||||||
"@tanstack/svelte-table": "8.9.1",
|
"@tanstack/svelte-table": "8.9.1",
|
||||||
"bwip-js": "3.4.0",
|
"bwip-js": "3.4.0",
|
||||||
|
|||||||
3402
pnpm-lock.yaml
generated
3402
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@@ -1,4 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98.1 118">
|
|
||||||
<path fill="#ff3e00" d="M91.8 15.6C80.9-.1 59.2-4.7 43.6 5.2L16.1 22.8A31.25 31.25 0 001.9 43.9c-1.3 7.3-.2 14.8 3.3 21.3-2.4 3.6-4 7.6-4.7 11.8-1.6 8.9.5 18.1 5.7 25.4 11 15.7 32.6 20.3 48.2 10.4l27.5-17.5c7.5-4.7 12.7-12.4 14.2-21.1 1.3-7.3.2-14.8-3.3-21.3 2.4-3.6 4-7.6 4.7-11.8 1.7-9-.4-18.2-5.7-25.5"/>
|
|
||||||
<path fill="#fff" d="M40.9 103.9a21.8 21.8 0 01-23.4-8.7c-3.2-4.4-4.4-9.9-3.5-15.3l.6-2.6.5-1.6 1.4 1c3.3 2.4 6.9 4.2 10.8 5.4l1 .3-.1 1c-.1 1.4.3 2.9 1.1 4.1a6.62 6.62 0 008.8 2L65.5 72c1.4-.9 2.3-2.2 2.6-3.8.3-1.6-.1-3.3-1-4.6a6.56 6.56 0 00-8.8-1.9l-10.5 6.7a18.6 18.6 0 01-5.6 2.4 21.8 21.8 0 01-23.4-8.7 20.2 20.2 0 01-3.4-15.3c.9-5.2 4.1-9.9 8.6-12.7l27.5-17.5c1.7-1.1 3.6-1.9 5.6-2.5a21.8 21.8 0 0123.4 8.7c3.2 4.4 4.4 9.9 3.5 15.3-.2.9-.4 1.7-.7 2.6l-.5 1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3.1-1c.1-1.4-.3-2.9-1.1-4.1a6.56 6.56 0 00-8.8-1.9L32.4 46.1c-1.4.9-2.3 2.2-2.6 3.8s.1 3.3 1 4.6a6.56 6.56 0 008.8 1.9l10.5-6.7c1.7-1.1 3.6-1.9 5.6-2.5a21.8 21.8 0 0123.4 8.7c3.2 4.4 4.4 9.9 3.5 15.3-.9 5.2-4.1 9.9-8.6 12.7l-27.5 17.5c-1.7 1.1-3.6 1.9-5.6 2.5"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB |
@@ -1,228 +1,246 @@
|
|||||||
<script>
|
<script>
|
||||||
import { _ } from "svelte-i18n";
|
import { _ } from "svelte-i18n";
|
||||||
import { StatsService } from "@odit/lfk-client-js";
|
import { StatsService } from "@odit/lfk-client-js";
|
||||||
import store from "../../store";
|
import store from "../../store";
|
||||||
import StatCard from "./StatCard.svelte";
|
import StatCard from "./StatCard.svelte";
|
||||||
const stats_promise = StatsService.statsControllerGet();
|
const stats_promise = StatsService.statsControllerGet();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="p-2 md:p-5 overflow-x-hidden">
|
<div class="p-2 md:p-5 overflow-x-hidden">
|
||||||
<h4 class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight">
|
||||||
{$_("dashboard-greeting")} <span class="text-blue-500"
|
{$_("dashboard-greeting")}
|
||||||
>{store.state.jwtinfo.userdetails.firstname}
|
<span class="text-blue-500"
|
||||||
{store.state.jwtinfo.userdetails.lastname}</span
|
>{store.state.jwtinfo.userdetails.firstname}
|
||||||
>
|
{store.state.jwtinfo.userdetails.lastname}</span
|
||||||
</h4>
|
>
|
||||||
{#await stats_promise}
|
</h4>
|
||||||
<div
|
{#await stats_promise}
|
||||||
class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
|
<div
|
||||||
role="alert"
|
class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
|
||||||
>
|
role="alert"
|
||||||
<p class="font-bold">{$_("stats-are-being-loaded")}</p>
|
>
|
||||||
<p class="text-sm">{$_("this-might-take-a-moment")}</p>
|
<p class="font-bold">{$_("stats-are-being-loaded")}</p>
|
||||||
</div>
|
<p class="text-sm">{$_("this-might-take-a-moment")}</p>
|
||||||
{:then stats}
|
</div>
|
||||||
<div
|
{:then stats}
|
||||||
class="grid gap-1 grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 2xl:grid-cols-6 sm:gap-4"
|
<div
|
||||||
>
|
class="grid gap-1 grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 2xl:grid-cols-6 sm:gap-4"
|
||||||
<StatCard
|
>
|
||||||
title={$_("runners")}
|
<StatCard
|
||||||
value={stats.total_runners}
|
title={$_("runners")}
|
||||||
href="/runners/"
|
value={stats.total_runners}
|
||||||
>
|
href="/runners/"
|
||||||
<svg
|
>
|
||||||
height="24"
|
<svg
|
||||||
width="24"
|
height="24"
|
||||||
fill="currentColor"
|
width="24"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
fill="currentColor"
|
||||||
viewBox="0 0 24 24"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
><path d="M0 0h24v24H0z" fill="none" />
|
viewBox="0 0 24 24"
|
||||||
<path
|
><path d="M0 0h24v24H0z" fill="none" />
|
||||||
d="M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z"
|
<path
|
||||||
/></svg
|
d="M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z"
|
||||||
>
|
/></svg
|
||||||
</StatCard>
|
>
|
||||||
<StatCard
|
</StatCard>
|
||||||
title={$_("total-scans")}
|
<StatCard
|
||||||
value={stats.total_scans}
|
title={$_("total-scans")}
|
||||||
href="/scans/"
|
value={stats.total_scans}
|
||||||
>
|
href="/scans/"
|
||||||
<svg
|
>
|
||||||
fill="currentColor"
|
<svg
|
||||||
width="24"
|
fill="currentColor"
|
||||||
height="24"
|
width="24"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
height="24"
|
||||||
viewBox="0 0 24 24"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
><path fill="none" d="M0 0h24v24H0z" />
|
viewBox="0 0 24 24"
|
||||||
<path
|
><path fill="none" d="M0 0h24v24H0z" />
|
||||||
fill="currentColor"
|
<path
|
||||||
d="M2 4h2v16H2V4zm4 0h1v16H6V4zm2 0h2v16H8V4zm3 0h2v16h-2V4zm3 0h2v16h-2V4zm3 0h1v16h-1V4zm2 0h3v16h-3V4z"
|
fill="currentColor"
|
||||||
/></svg
|
d="M2 4h2v16H2V4zm4 0h1v16H6V4zm2 0h2v16H8V4zm3 0h2v16h-2V4zm3 0h2v16h-2V4zm3 0h1v16h-1V4zm2 0h3v16h-3V4z"
|
||||||
>
|
/></svg
|
||||||
</StatCard>
|
>
|
||||||
<StatCard
|
</StatCard>
|
||||||
title={$_("total-donors")}
|
<StatCard
|
||||||
value={stats.total_donors}
|
title={$_("total-donors")}
|
||||||
href="/donors/"
|
value={stats.total_donors}
|
||||||
>
|
href="/donors/"
|
||||||
<svg
|
>
|
||||||
fill="currentColor"
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
fill="currentColor"
|
||||||
viewBox="0 0 24 24"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
width="24"
|
viewBox="0 0 24 24"
|
||||||
height="24"
|
width="24"
|
||||||
><path fill="none" d="M0 0h24v24H0z" />
|
height="24"
|
||||||
<path
|
><path fill="none" d="M0 0h24v24H0z" />
|
||||||
d="M9.33 11.5h2.17A4.5 4.5 0 0 1 16 16H8.999L9 17h8v-1a5.578 5.578 0 0 0-.886-3H19a5 5 0 0 1 4.516 2.851C21.151 18.972 17.322 21 13 21c-2.761 0-5.1-.59-7-1.625L6 10.071A6.967 6.967 0 0 1 9.33 11.5zM5 19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v9zM18 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-7-3a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"
|
<path
|
||||||
/></svg
|
d="M9.33 11.5h2.17A4.5 4.5 0 0 1 16 16H8.999L9 17h8v-1a5.578 5.578 0 0 0-.886-3H19a5 5 0 0 1 4.516 2.851C21.151 18.972 17.322 21 13 21c-2.761 0-5.1-.59-7-1.625L6 10.071A6.967 6.967 0 0 1 9.33 11.5zM5 19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v9zM18 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-7-3a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"
|
||||||
>
|
/></svg
|
||||||
</StatCard>
|
>
|
||||||
<StatCard
|
</StatCard>
|
||||||
title={$_("total-donation-count")}
|
<StatCard
|
||||||
value={stats.total_donations}
|
title={$_("total-donation-count")}
|
||||||
href="/donations/"
|
value={stats.total_donations}
|
||||||
>
|
href="/donations/"
|
||||||
<svg
|
>
|
||||||
fill="currentColor"
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
fill="currentColor"
|
||||||
viewBox="0 0 24 24"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
width="24"
|
viewBox="0 0 24 24"
|
||||||
height="24"
|
width="24"
|
||||||
><path fill="none" d="M0 0h24v24H0z" />
|
height="24"
|
||||||
<path
|
><path fill="none" d="M0 0h24v24H0z" />
|
||||||
d="M14 2a8 8 0 013.3 15.3A8 8 0 116.7 6.7 8 8 0 0114 2zm-3 7H9v1a2.5 2.5 0 00-.16 5h2.25a.5.5 0 010 1H7v2h2v1h2v-1a2.5 2.5 0 00.16-5H8.91a.5.5 0 010-1H13v-2h-2V9zm3-5a5.99 5.99 0 00-4.48 2.01 8 8 0 018.47 8.47A6 6 0 0014 4z"
|
<path
|
||||||
/></svg
|
d="M14 2a8 8 0 013.3 15.3A8 8 0 116.7 6.7 8 8 0 0114 2zm-3 7H9v1a2.5 2.5 0 00-.16 5h2.25a.5.5 0 010 1H7v2h2v1h2v-1a2.5 2.5 0 00.16-5H8.91a.5.5 0 010-1H13v-2h-2V9zm3-5a5.99 5.99 0 00-4.48 2.01 8 8 0 018.47 8.47A6 6 0 0014 4z"
|
||||||
>
|
/></svg
|
||||||
</StatCard>
|
>
|
||||||
<StatCard
|
</StatCard>
|
||||||
title={$_("average-donation")}
|
<StatCard
|
||||||
value={`${parseFloat(stats.average_donation / 100).toLocaleString(
|
title={$_("average-donation")}
|
||||||
undefined,
|
value={`${parseFloat(stats.average_donation / 100).toLocaleString(
|
||||||
{
|
undefined,
|
||||||
minimumFractionDigits: 2,
|
{
|
||||||
maximumFractionDigits: 2,
|
minimumFractionDigits: 2,
|
||||||
}
|
maximumFractionDigits: 2,
|
||||||
)}`}
|
}
|
||||||
href="/donations/"
|
)}`}
|
||||||
>
|
href="/donations/"
|
||||||
<svg
|
>
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
<svg
|
||||||
height="24"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
fill="currentColor"
|
height="24"
|
||||||
width="24"
|
fill="currentColor"
|
||||||
><path d="M0 0h24v24H0z" fill="none" />
|
width="24"
|
||||||
<path
|
><path d="M0 0h24v24H0z" fill="none" />
|
||||||
d="M15 18.5A6.48 6.48 0 019.24 15H15v-2H8.58c-.05-.33-.08-.66-.08-1s.03-.67.08-1H15V9H9.24A6.491 6.491 0 0115 5.5c1.61 0 3.09.59 4.23 1.57L21 5.3A8.955 8.955 0 0015 3c-3.92 0-7.24 2.51-8.48 6H3v2h3.06a8.262 8.262 0 000 2H3v2h3.52c1.24 3.49 4.56 6 8.48 6 2.31 0 4.41-.87 6-2.3l-1.78-1.77c-1.13.98-2.6 1.57-4.22 1.57z"
|
<path
|
||||||
/></svg
|
d="M15 18.5A6.48 6.48 0 019.24 15H15v-2H8.58c-.05-.33-.08-.66-.08-1s.03-.67.08-1H15V9H9.24A6.491 6.491 0 0115 5.5c1.61 0 3.09.59 4.23 1.57L21 5.3A8.955 8.955 0 0015 3c-3.92 0-7.24 2.51-8.48 6H3v2h3.06a8.262 8.262 0 000 2H3v2h3.52c1.24 3.49 4.56 6 8.48 6 2.31 0 4.41-.87 6-2.3l-1.78-1.77c-1.13.98-2.6 1.57-4.22 1.57z"
|
||||||
>
|
/></svg
|
||||||
</StatCard>
|
>
|
||||||
<StatCard
|
</StatCard>
|
||||||
title={$_("total-donations")}
|
<StatCard
|
||||||
value={`${parseFloat(stats.total_donation / 100).toLocaleString(
|
title={$_("total-donations")}
|
||||||
undefined,
|
value={`${parseFloat(stats.total_donation / 100).toLocaleString(
|
||||||
{
|
undefined,
|
||||||
minimumFractionDigits: 2,
|
{
|
||||||
maximumFractionDigits: 2,
|
minimumFractionDigits: 2,
|
||||||
}
|
maximumFractionDigits: 2,
|
||||||
)}`}
|
}
|
||||||
href="/donations/"
|
)}`}
|
||||||
>
|
href="/donations/"
|
||||||
<svg
|
>
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
<svg
|
||||||
height="24"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
fill="currentColor"
|
height="24"
|
||||||
width="24"
|
fill="currentColor"
|
||||||
><path d="M0 0h24v24H0z" fill="none" />
|
width="24"
|
||||||
<path
|
><path d="M0 0h24v24H0z" fill="none" />
|
||||||
d="M15 18.5A6.48 6.48 0 019.24 15H15v-2H8.58c-.05-.33-.08-.66-.08-1s.03-.67.08-1H15V9H9.24A6.491 6.491 0 0115 5.5c1.61 0 3.09.59 4.23 1.57L21 5.3A8.955 8.955 0 0015 3c-3.92 0-7.24 2.51-8.48 6H3v2h3.06a8.262 8.262 0 000 2H3v2h3.52c1.24 3.49 4.56 6 8.48 6 2.31 0 4.41-.87 6-2.3l-1.78-1.77c-1.13.98-2.6 1.57-4.22 1.57z"
|
<path
|
||||||
/></svg
|
d="M15 18.5A6.48 6.48 0 019.24 15H15v-2H8.58c-.05-.33-.08-.66-.08-1s.03-.67.08-1H15V9H9.24A6.491 6.491 0 0115 5.5c1.61 0 3.09.59 4.23 1.57L21 5.3A8.955 8.955 0 0015 3c-3.92 0-7.24 2.51-8.48 6H3v2h3.06a8.262 8.262 0 000 2H3v2h3.52c1.24 3.49 4.56 6 8.48 6 2.31 0 4.41-.87 6-2.3l-1.78-1.77c-1.13.98-2.6 1.57-4.22 1.57z"
|
||||||
>
|
/></svg
|
||||||
</StatCard>
|
>
|
||||||
<StatCard
|
</StatCard>
|
||||||
title={$_("total-distance")}
|
<StatCard
|
||||||
value={`${stats.total_distance / 1000}km`}
|
title={$_("total-distance")}
|
||||||
href="/scans/"
|
value={`${stats.total_distance / 1000}km`}
|
||||||
>
|
href="/scans/"
|
||||||
<svg
|
>
|
||||||
fill="currentColor"
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
fill="currentColor"
|
||||||
height="24"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
width="24"
|
height="24"
|
||||||
><path d="M0 0h24v24H0z" fill="none" />
|
width="24"
|
||||||
<path
|
><path d="M0 0h24v24H0z" fill="none" />
|
||||||
d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"
|
<path
|
||||||
/></svg
|
d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"
|
||||||
>
|
/></svg
|
||||||
</StatCard>
|
>
|
||||||
<StatCard
|
</StatCard>
|
||||||
title={$_("average-distance")}
|
<StatCard
|
||||||
value={`${parseFloat(stats.average_distance / 1000).toLocaleString(
|
title={$_("average-distance")}
|
||||||
undefined,
|
value={`${parseFloat(stats.average_distance / 1000).toLocaleString(
|
||||||
{
|
undefined,
|
||||||
minimumFractionDigits: 2,
|
{
|
||||||
maximumFractionDigits: 2,
|
minimumFractionDigits: 2,
|
||||||
}
|
maximumFractionDigits: 2,
|
||||||
)}km`}
|
}
|
||||||
href="/scans/"
|
)}km`}
|
||||||
>
|
href="/scans/"
|
||||||
<svg
|
>
|
||||||
fill="currentColor"
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
fill="currentColor"
|
||||||
height="24"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
width="24"
|
height="24"
|
||||||
><path d="M0 0h24v24H0z" fill="none" />
|
width="24"
|
||||||
<path
|
><path d="M0 0h24v24H0z" fill="none" />
|
||||||
d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"
|
<path
|
||||||
/></svg
|
d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"
|
||||||
>
|
/></svg
|
||||||
</StatCard>
|
>
|
||||||
<StatCard
|
</StatCard>
|
||||||
title={$_("count_teams")}
|
<StatCard
|
||||||
value={stats.total_teams}
|
title={$_("count_teams")}
|
||||||
href="/teams/"
|
value={stats.total_teams}
|
||||||
>
|
href="/teams/"
|
||||||
<svg
|
>
|
||||||
stroke="currentColor"
|
<svg
|
||||||
fill="none"
|
stroke="currentColor"
|
||||||
stroke-width="2"
|
fill="none"
|
||||||
viewBox="0 0 24 24"
|
stroke-width="2"
|
||||||
stroke-linecap="round"
|
viewBox="0 0 24 24"
|
||||||
stroke-linejoin="round"
|
stroke-linecap="round"
|
||||||
size="24"
|
stroke-linejoin="round"
|
||||||
class="stroke-current text-grey-500"
|
size="24"
|
||||||
height="24"
|
class="stroke-current text-grey-500"
|
||||||
width="24"
|
height="24"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
width="24"
|
||||||
><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
<circle cx="9" cy="7" r="4" />
|
><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
|
||||||
<path d="M23 21v-2a4 4 0 0 0-3-3.87" />
|
<circle cx="9" cy="7" r="4" />
|
||||||
<path d="M16 3.13a4 4 0 0 1 0 7.75" /></svg
|
<path d="M23 21v-2a4 4 0 0 0-3-3.87" />
|
||||||
>
|
<path d="M16 3.13a4 4 0 0 1 0 7.75" /></svg
|
||||||
</StatCard>
|
>
|
||||||
<StatCard
|
</StatCard>
|
||||||
title={$_("count_organizations")}
|
<StatCard
|
||||||
value={stats.total_orgs}
|
title={$_("count_organizations")}
|
||||||
href="/orgs/"
|
value={stats.total_orgs}
|
||||||
>
|
href="/orgs/"
|
||||||
<svg
|
>
|
||||||
height="24"
|
<svg
|
||||||
fill="currentColor"
|
height="24"
|
||||||
width="24"
|
fill="currentColor"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
width="24"
|
||||||
viewBox="0 0 24 24"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
><path fill="none" d="M0 0h24v24H0z" />
|
viewBox="0 0 24 24"
|
||||||
<path
|
><path fill="none" d="M0 0h24v24H0z" />
|
||||||
d="M17 11V3H7v4H3v14h8v-4h2v4h8V11h-4zM7 19H5v-2h2v2zm0-4H5v-2h2v2zm0-4H5V9h2v2zm4 4H9v-2h2v2zm0-4H9V9h2v2zm0-4H9V5h2v2zm4 8h-2v-2h2v2zm0-4h-2V9h2v2zm0-4h-2V5h2v2zm4 12h-2v-2h2v2zm0-4h-2v-2h2v2z"
|
<path
|
||||||
/></svg
|
d="M17 11V3H7v4H3v14h8v-4h2v4h8V11h-4zM7 19H5v-2h2v2zm0-4H5v-2h2v2zm0-4H5V9h2v2zm4 4H9v-2h2v2zm0-4H9V9h2v2zm0-4H9V5h2v2zm4 8h-2v-2h2v2zm0-4h-2V9h2v2zm0-4h-2V5h2v2zm4 12h-2v-2h2v2zm0-4h-2v-2h2v2z"
|
||||||
>
|
/></svg
|
||||||
</StatCard>
|
>
|
||||||
</div>
|
</StatCard>
|
||||||
{:catch error}
|
<StatCard
|
||||||
<div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
|
title={$_("runner_via_selfservice")}
|
||||||
<span class="inline-block align-middle mr-8">
|
value={stats.runnersViaSelfservice}
|
||||||
<b class="capitalize">{$_("general_promise_error")}</b>
|
href="/runners/"
|
||||||
{error}
|
>
|
||||||
</span>
|
<svg
|
||||||
</div>
|
height="24"
|
||||||
{/await}
|
width="24"
|
||||||
|
fill="currentColor"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
><path d="M0 0h24v24H0z" fill="none" />
|
||||||
|
<path
|
||||||
|
d="M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z"
|
||||||
|
/></svg
|
||||||
|
>
|
||||||
|
</StatCard>
|
||||||
|
</div>
|
||||||
|
{:catch error}
|
||||||
|
<div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
|
||||||
|
<span class="inline-block align-middle mr-8">
|
||||||
|
<b class="capitalize">{$_("general_promise_error")}</b>
|
||||||
|
{error}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
{/await}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,92 +0,0 @@
|
|||||||
<h3 class="text-lg">Standard Avatars</h3>
|
|
||||||
<div class="relative rounded-full w-4 h-4">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="relative rounded-full w-8 h-8">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="relative rounded-full w-12 h-12">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="relative rounded-full w-16 h-16">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="relative rounded-full w-20 h-20">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="relative rounded-full w-24 h-24">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<h3 class="text-lg">Status Avatars</h3>
|
|
||||||
<div class="relative rounded-full w-4 h-4">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
<div class="absolute rounded-full right-0 bottom-0 w-1 h-1 bg-gray-200" />
|
|
||||||
</div>
|
|
||||||
<div class="relative rounded-full w-8 h-8">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
<div class="absolute rounded-full right-0 bottom-0 w-2 h-2 bg-green-400" />
|
|
||||||
</div>
|
|
||||||
<div class="relative rounded-full w-12 h-12">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
<div class="absolute rounded-full right-0 bottom-0 w-4 h-4 bg-red-600" />
|
|
||||||
</div>
|
|
||||||
<div class="relative rounded-full w-16 h-16">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
<div class="absolute rounded-full right-0 bottom-0 w-5 h-5 bg-gray-200" />
|
|
||||||
</div>
|
|
||||||
<div class="relative rounded-full w-20 h-20">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
<div class="absolute rounded-full right-0 bottom-0 w-6 h-6 bg-green-400" />
|
|
||||||
</div>
|
|
||||||
<div class="relative rounded-full w-24 h-24">
|
|
||||||
<img
|
|
||||||
alt=""
|
|
||||||
src="https://gustui.s3.amazonaws.com/avatar.png"
|
|
||||||
class="absolute left-0 top-0 w-full h-full rounded-full object-cover"
|
|
||||||
/>
|
|
||||||
<div class="absolute rounded-full right-0 bottom-0 w-6 h-6 bg-red-600" />
|
|
||||||
</div>
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
<h3 class="text-lg">badges</h3>
|
|
||||||
<span
|
|
||||||
class="text-sm font-medium bg-green-100 py-1 px-2 rounded text-green-500 align-middle"
|
|
||||||
>Paid</span
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="text-sm font-medium bg-red-100 py-1 px-2 rounded text-red-500 align-middle"
|
|
||||||
>Overdue</span
|
|
||||||
>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-blue-600"
|
|
||||||
>Primary</span
|
|
||||||
>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-gray-600"
|
|
||||||
>Secondary</span
|
|
||||||
>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-green-600"
|
|
||||||
>Success</span
|
|
||||||
>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-red-600"
|
|
||||||
>Danger</span
|
|
||||||
>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-black bg-yellow-400"
|
|
||||||
>Warning</span
|
|
||||||
>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-indigo-300"
|
|
||||||
>Info</span
|
|
||||||
>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-black bg-gray-200"
|
|
||||||
>Light</span
|
|
||||||
>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-gray-900"
|
|
||||||
>Dark</span
|
|
||||||
>
|
|
||||||
<h3 class="text-lg">closable badges</h3>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-blue-600">
|
|
||||||
Primary
|
|
||||||
<span class="ml-2 text-base cursor-pointer">×</span>
|
|
||||||
</span>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-gray-600">
|
|
||||||
Secondary
|
|
||||||
<span class="ml-2 text-base cursor-pointer">×</span>
|
|
||||||
</span>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-green-600">
|
|
||||||
Success
|
|
||||||
<span class="ml-2 text-base cursor-pointer">×</span>
|
|
||||||
</span>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-red-600">
|
|
||||||
Danger
|
|
||||||
<span class="ml-2 text-base cursor-pointer">×</span>
|
|
||||||
</span>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-black bg-yellow-400">
|
|
||||||
Warning
|
|
||||||
<span class="ml-2 text-base cursor-pointer">×</span>
|
|
||||||
</span>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-indigo-300">
|
|
||||||
Info
|
|
||||||
<span class="ml-2 text-base cursor-pointer">×</span>
|
|
||||||
</span>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-black bg-gray-200">
|
|
||||||
Light<span class="ml-2 text-base cursor-pointer">×</span>
|
|
||||||
</span>
|
|
||||||
<span class="rounded-sm py-1 px-2 text-xs font-medium text-white bg-gray-900">
|
|
||||||
Dark
|
|
||||||
<span class="ml-2 text-base cursor-pointer">×</span>
|
|
||||||
</span>
|
|
||||||
@@ -1,59 +0,0 @@
|
|||||||
<div class="flex flex-row mb-4">
|
|
||||||
<div class="w-full">
|
|
||||||
<nav class="w-full flex">
|
|
||||||
<ol class="list-none flex flex-row items-center justify-start">
|
|
||||||
<li class="mr-2 flex items-center">
|
|
||||||
<svg
|
|
||||||
stroke="currentColor"
|
|
||||||
fill="none"
|
|
||||||
stroke-width="2"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="h-3 w-3 stroke-current"
|
|
||||||
height="1em"
|
|
||||||
width="1em"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
|
|
||||||
<polyline points="9 22 9 12 15 12 15 22" /></svg
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-center">
|
|
||||||
<a class="mr-2" href="/">Home</a><svg
|
|
||||||
stroke="currentColor"
|
|
||||||
fill="none"
|
|
||||||
stroke-width="2"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="h-3 w-3 mr-2 stroke-current"
|
|
||||||
height="1em"
|
|
||||||
width="1em"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
><line x1="5" y1="12" x2="19" y2="12" />
|
|
||||||
<polyline points="12 5 19 12 12 19" /></svg
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-center">
|
|
||||||
<a class="mr-2" href="/">Second level</a><svg
|
|
||||||
stroke="currentColor"
|
|
||||||
fill="none"
|
|
||||||
stroke-width="2"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="h-3 w-3 mr-2 stroke-current"
|
|
||||||
height="1em"
|
|
||||||
width="1em"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
><line x1="5" y1="12" x2="19" y2="12" />
|
|
||||||
<polyline points="12 5 19 12 12 19" /></svg
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-center">
|
|
||||||
<a class="mr-2" href="/">Third level</a>
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,80 +0,0 @@
|
|||||||
<script>
|
|
||||||
import Avatars from "./Avatars.svelte";
|
|
||||||
import Badges from "./Badges.svelte";
|
|
||||||
import BreadcrumbNav from "./BreadcrumbNav.svelte";
|
|
||||||
import FileUpload from "./FileUpload.svelte";
|
|
||||||
import Pagination from "./Pagination.svelte";
|
|
||||||
import Table from "./Table.svelte";
|
|
||||||
import Tabs from "./Tabs.svelte";
|
|
||||||
import Tags from "./Tags.svelte";
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class="border-4 border-dashed rounded h-96 mb-4" />
|
|
||||||
<div class="mb-8">
|
|
||||||
<FileUpload />
|
|
||||||
</div>
|
|
||||||
<div class="mb-8">
|
|
||||||
<Tabs />
|
|
||||||
</div>
|
|
||||||
<div class="mb-8">
|
|
||||||
<Tags />
|
|
||||||
</div>
|
|
||||||
<div class="mb-8">
|
|
||||||
<Badges />
|
|
||||||
</div>
|
|
||||||
<div class="mb-8">
|
|
||||||
<Avatars />
|
|
||||||
</div>
|
|
||||||
<Pagination />
|
|
||||||
<div class="mb-8">
|
|
||||||
<Table />
|
|
||||||
</div>
|
|
||||||
<div class="widget w-full p-4 mb-4 rounded-lg bg-white border border-grey-100">
|
|
||||||
<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">
|
|
||||||
<BreadcrumbNav />
|
|
||||||
</div>
|
|
||||||
@@ -1,643 +0,0 @@
|
|||||||
<div class="w-full p-4 rounded-lg bg-white border border-grey-100">
|
|
||||||
<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">Conversions</div>
|
|
||||||
<div class="text-sm font-bold"><span>This year</span></div>
|
|
||||||
</div>
|
|
||||||
<div class="relative">
|
|
||||||
<button
|
|
||||||
class="btn btn-default btn-circle btn-icon bg-transparent hover:bg-transparent active:bg-transparent relative"
|
|
||||||
><svg
|
|
||||||
stroke="currentColor"
|
|
||||||
fill="none"
|
|
||||||
stroke-width="2"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="stroke-current stroke-1"
|
|
||||||
size="18"
|
|
||||||
height="18"
|
|
||||||
width="18"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="1" />
|
|
||||||
<circle cx="12" cy="5" r="1" />
|
|
||||||
<circle cx="12" cy="19" r="1" />
|
|
||||||
</svg></button
|
|
||||||
>
|
|
||||||
<div class="dropdown absolute top-0 right-0 mt-8">
|
|
||||||
<div class="dropdown-content w-48 bottom-start">
|
|
||||||
<div class="flex flex-col w-full">
|
|
||||||
<ul class="list-none">
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
class="flex flex-row items-center justify-start h-10 w-full px-2 bg-white hover:bg-grey-100"
|
|
||||||
href="/">Today</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
class="flex flex-row items-center justify-start h-10 w-full px-2 bg-white hover:bg-grey-100"
|
|
||||||
href="/">This week</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
class="flex flex-row items-center justify-start h-10 w-full px-2 bg-white hover:bg-grey-100"
|
|
||||||
href="/">This month</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
class="flex flex-row items-center justify-start h-10 w-full px-2 bg-white hover:bg-grey-100"
|
|
||||||
href="/">This year</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex flex-row w-full">
|
|
||||||
<div style="width:100%;height:240px">
|
|
||||||
<div class="recharts-responsive-container" style="width:100%;height:100%">
|
|
||||||
<div
|
|
||||||
class="recharts-wrapper"
|
|
||||||
style="position: relative; cursor: default; width: 704px; height: 240px;"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="recharts-surface"
|
|
||||||
width="704"
|
|
||||||
height="240"
|
|
||||||
viewBox="0 0 704 240"
|
|
||||||
version="1.1"
|
|
||||||
>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="recharts3-clip">
|
|
||||||
<rect x="40" y="10" height="190" width="654" />
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
<g
|
|
||||||
class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis"
|
|
||||||
>
|
|
||||||
<g class="recharts-cartesian-axis-ticks">
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="67.25"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="67.25" dy="0.71em">Jan</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="121.75"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="121.75" dy="0.71em">Feb</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="176.25"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="176.25" dy="0.71em">Mar</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="230.75"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="230.75" dy="0.71em">Apr</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="285.25"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="285.25" dy="0.71em">May</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="339.75"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="339.75" dy="0.71em">Jun</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="394.25"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="394.25" dy="0.71em">Jul</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="448.75"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="448.75" dy="0.71em">Aug</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="503.25"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="503.25" dy="0.71em">Sep</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="557.75"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="557.75" dy="0.71em">Oct</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="612.25"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="612.25" dy="0.71em">Nov</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="654"
|
|
||||||
height="30"
|
|
||||||
x="666.75"
|
|
||||||
y="208"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="middle"
|
|
||||||
>
|
|
||||||
<tspan x="666.75" dy="0.71em">Dec</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<g
|
|
||||||
class="recharts-layer recharts-cartesian-axis recharts-yAxis yAxis"
|
|
||||||
>
|
|
||||||
<g class="recharts-cartesian-axis-ticks">
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="30"
|
|
||||||
height="190"
|
|
||||||
x="32"
|
|
||||||
y="200"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="end"
|
|
||||||
>
|
|
||||||
<tspan x="32" dy="0.355em">0</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="30"
|
|
||||||
height="190"
|
|
||||||
x="32"
|
|
||||||
y="152.5"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="end"
|
|
||||||
>
|
|
||||||
<tspan x="32" dy="0.355em">65</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="30"
|
|
||||||
height="190"
|
|
||||||
x="32"
|
|
||||||
y="105"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="end"
|
|
||||||
>
|
|
||||||
<tspan x="32" dy="0.355em">130</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="30"
|
|
||||||
height="190"
|
|
||||||
x="32"
|
|
||||||
y="57.5"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="end"
|
|
||||||
>
|
|
||||||
<tspan x="32" dy="0.355em">195</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
<g class="recharts-layer recharts-cartesian-axis-tick"
|
|
||||||
><text
|
|
||||||
width="30"
|
|
||||||
height="190"
|
|
||||||
x="32"
|
|
||||||
y="10"
|
|
||||||
stroke="none"
|
|
||||||
fill="#666"
|
|
||||||
class="recharts-text recharts-cartesian-axis-tick-value"
|
|
||||||
text-anchor="end"
|
|
||||||
>
|
|
||||||
<tspan x="32" dy="0.355em">260</tspan>
|
|
||||||
</text></g
|
|
||||||
>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar">
|
|
||||||
<g class="recharts-layer recharts-bar-rectangles">
|
|
||||||
<g class="recharts-layer">
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="119.11538461538461"
|
|
||||||
x="55"
|
|
||||||
y="80.88461538461539"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 55,80.88461538461539 h 10 v 119.11538461538461 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="95"
|
|
||||||
x="109.5"
|
|
||||||
y="105"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 109.5,105 h 10 v 95 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="122.03846153846155"
|
|
||||||
x="164"
|
|
||||||
y="77.96153846153845"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 164,77.96153846153845 h 10 v 122.03846153846155 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="81.11538461538461"
|
|
||||||
x="218.5"
|
|
||||||
y="118.88461538461539"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 218.5,118.88461538461539 h 10 v 81.11538461538461 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="114"
|
|
||||||
x="273"
|
|
||||||
y="86"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 273,86 h 10 v 114 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="117.65384615384616"
|
|
||||||
x="327.5"
|
|
||||||
y="82.34615384615384"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 327.5,82.34615384615384 h 10 v 117.65384615384616 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="103.76923076923076"
|
|
||||||
x="382"
|
|
||||||
y="96.23076923076924"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 382,96.23076923076924 h 10 v 103.76923076923076 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="92.80769230769232"
|
|
||||||
x="436.5"
|
|
||||||
y="107.19230769230768"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 436.5,107.19230769230768 h 10 v 92.80769230769232 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="92.80769230769232"
|
|
||||||
x="491"
|
|
||||||
y="107.19230769230768"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 491,107.19230769230768 h 10 v 92.80769230769232 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="127.8846153846154"
|
|
||||||
x="545.5"
|
|
||||||
y="72.1153846153846"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 545.5,72.1153846153846 h 10 v 127.8846153846154 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="105.23076923076924"
|
|
||||||
x="600"
|
|
||||||
y="94.76923076923076"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 600,94.76923076923076 h 10 v 105.23076923076924 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#90caf9"
|
|
||||||
width="10"
|
|
||||||
height="115.46153846153845"
|
|
||||||
x="654.5"
|
|
||||||
y="84.53846153846155"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 654.5,84.53846153846155 h 10 v 115.46153846153845 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar">
|
|
||||||
<g class="recharts-layer recharts-bar-rectangles">
|
|
||||||
<g class="recharts-layer">
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="112.53846153846155"
|
|
||||||
x="69"
|
|
||||||
y="87.46153846153845"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 69,87.46153846153845 h 10 v 112.53846153846155 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="151.26923076923077"
|
|
||||||
x="123.5"
|
|
||||||
y="48.730769230769226"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 123.5,48.730769230769226 h 10 v 151.26923076923077 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="181.23076923076923"
|
|
||||||
x="178"
|
|
||||||
y="18.769230769230774"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 178,18.769230769230774 h 10 v 181.23076923076923 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="165.8846153846154"
|
|
||||||
x="232.5"
|
|
||||||
y="34.11538461538461"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 232.5,34.11538461538461 h 10 v 165.8846153846154 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="156.38461538461536"
|
|
||||||
x="287"
|
|
||||||
y="43.61538461538464"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 287,43.61538461538464 h 10 v 156.38461538461536 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="118.38461538461539"
|
|
||||||
x="341.5"
|
|
||||||
y="81.61538461538461"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 341.5,81.61538461538461 h 10 v 118.38461538461539 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="138.84615384615384"
|
|
||||||
x="396"
|
|
||||||
y="61.15384615384616"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 396,61.15384615384616 h 10 v 138.84615384615384 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="175.3846153846154"
|
|
||||||
x="450.5"
|
|
||||||
y="24.615384615384613"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 450.5,24.615384615384613 h 10 v 175.3846153846154 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="155.65384615384613"
|
|
||||||
x="505"
|
|
||||||
y="44.34615384615387"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 505,44.34615384615387 h 10 v 155.65384615384613 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="179.76923076923077"
|
|
||||||
x="559.5"
|
|
||||||
y="20.230769230769226"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 559.5,20.230769230769226 h 10 v 179.76923076923077 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="173.19230769230768"
|
|
||||||
x="614"
|
|
||||||
y="26.80769230769232"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 614,26.80769230769232 h 10 v 173.19230769230768 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<g class="recharts-layer recharts-bar-rectangle">
|
|
||||||
<path
|
|
||||||
fill="#1e88e5"
|
|
||||||
width="10"
|
|
||||||
height="146.15384615384616"
|
|
||||||
x="668.5"
|
|
||||||
y="53.84615384615384"
|
|
||||||
radius="0"
|
|
||||||
class="recharts-rectangle"
|
|
||||||
d="M 668.5,53.84615384615384 h 10 v 146.15384615384616 h -10 Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
<div
|
|
||||||
class="recharts-tooltip-wrapper"
|
|
||||||
style="pointer-events: none; visibility: hidden; position: absolute; top: 0px; transform: translate(538.875px, 126px);"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
style="position:absolute;width:0;height:0;visibility:hidden;display:none"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,120 +0,0 @@
|
|||||||
<!-- This example requires Tailwind CSS v2.0+ -->
|
|
||||||
<div
|
|
||||||
class="bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6"
|
|
||||||
>
|
|
||||||
<div class="flex-1 flex justify-between sm:hidden">
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
class="relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:text-gray-500"
|
|
||||||
>
|
|
||||||
Previous
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
class="ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:text-gray-500"
|
|
||||||
>
|
|
||||||
Next
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-700">
|
|
||||||
Showing
|
|
||||||
<span class="font-medium">1</span>
|
|
||||||
to
|
|
||||||
<span class="font-medium">10</span>
|
|
||||||
of
|
|
||||||
<span class="font-medium">97</span>
|
|
||||||
results
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<nav
|
|
||||||
class="relative z-0 inline-flex shadow-sm -space-x-px"
|
|
||||||
aria-label="Pagination"
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
|
|
||||||
>
|
|
||||||
<span class="sr-only">Previous</span>
|
|
||||||
<!-- Heroicon name: chevron-left -->
|
|
||||||
<svg
|
|
||||||
class="h-5 w-5"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
viewBox="0 0 20 20"
|
|
||||||
fill="currentColor"
|
|
||||||
aria-hidden="true"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
class="relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50"
|
|
||||||
>
|
|
||||||
1
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
class="relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50"
|
|
||||||
>
|
|
||||||
2
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
class="hidden md:inline-flex relative items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50"
|
|
||||||
>
|
|
||||||
3
|
|
||||||
</a>
|
|
||||||
<span
|
|
||||||
class="relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700"
|
|
||||||
>
|
|
||||||
...
|
|
||||||
</span>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
class="hidden md:inline-flex relative items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50"
|
|
||||||
>
|
|
||||||
8
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
class="relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50"
|
|
||||||
>
|
|
||||||
9
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
class="relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50"
|
|
||||||
>
|
|
||||||
10
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
|
|
||||||
>
|
|
||||||
<span class="sr-only">Next</span>
|
|
||||||
<!-- Heroicon name: chevron-right -->
|
|
||||||
<svg
|
|
||||||
class="h-5 w-5"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
viewBox="0 0 20 20"
|
|
||||||
fill="currentColor"
|
|
||||||
aria-hidden="true"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,289 +0,0 @@
|
|||||||
<div class="min-h-screen w-full p-4">
|
|
||||||
<div class="section-title w-full mb-6 pt-3">
|
|
||||||
<div class="flex flex-row items-center justify-between mb-4">
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<div class="text-xs uppercase font-light text-grey-500">Pages</div>
|
|
||||||
<div class="text-xl font-bold">User profile</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="w-full p-4 mb-4 rounded-lg bg-white border border-grey-100">
|
|
||||||
<div class="flex flex-row items-center justify-start p-4">
|
|
||||||
<div class="flex-shrink-0 w-24">
|
|
||||||
<img
|
|
||||||
src="/images/faces/m1.png"
|
|
||||||
alt="media"
|
|
||||||
class="shadow rounded-full h-20 w-20 shadow-outline mb-2"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="py-2 px-2">
|
|
||||||
<p class="text-base font-bold whitespace-no-wrap">Lucas Smith</p>
|
|
||||||
<p class="text-sm text-grey-500 whitespace-no-wrap">
|
|
||||||
Vital Database Dude
|
|
||||||
</p>
|
|
||||||
<div
|
|
||||||
class="flex flex-row items-center justify-start w-full py-1 space-x-2"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
stroke="currentColor"
|
|
||||||
fill="none"
|
|
||||||
stroke-width="2"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="stroke-current text-xl text-twitter"
|
|
||||||
height="1em"
|
|
||||||
width="1em"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
><path
|
|
||||||
d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"
|
|
||||||
/></svg
|
|
||||||
><svg
|
|
||||||
stroke="currentColor"
|
|
||||||
fill="none"
|
|
||||||
stroke-width="2"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="stroke-current text-xl text-facebook"
|
|
||||||
height="1em"
|
|
||||||
width="1em"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
><path
|
|
||||||
d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"
|
|
||||||
/></svg
|
|
||||||
><svg
|
|
||||||
stroke="currentColor"
|
|
||||||
fill="none"
|
|
||||||
stroke-width="2"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="stroke-current text-xl text-instagram"
|
|
||||||
height="1em"
|
|
||||||
width="1em"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
><rect x="2" y="2" width="20" height="20" rx="5" ry="5" />
|
|
||||||
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
|
|
||||||
<line x1="17.5" y1="6.5" x2="17.5" y2="6.5" /></svg
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ml-auto flex-shrink-0 space-x-2 hidden lg:flex">
|
|
||||||
<button
|
|
||||||
class="btn btn-default btn-rounded bg-blue-500 hover:bg-blue-600 text-white"
|
|
||||||
>Subscribe</button
|
|
||||||
><button
|
|
||||||
class="btn btn-default btn-rounded bg-blue-500 hover:bg-blue-600 text-white"
|
|
||||||
>Follow</button
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex flex-wrap">
|
|
||||||
<div class="w-full p-4">
|
|
||||||
<div class="flex flex-wrap flex-col w-full tabs">
|
|
||||||
<div class="flex lg:flex-wrap flex-row lg:space-x-2">
|
|
||||||
<div class="flex-none">
|
|
||||||
<button class="tab tab-underline tab-active" type="button"
|
|
||||||
>Account settings</button
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="flex-none">
|
|
||||||
<button class="tab tab-underline" type="button"
|
|
||||||
>Email preferences</button
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="flex-none">
|
|
||||||
<button class="tab tab-underline" type="button"
|
|
||||||
>Security settings</button
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="tab-content block">
|
|
||||||
<div class="py-4 w-full lg:w-1/2">
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<form class="form flex flex-wrap w-full">
|
|
||||||
<div class="w-full">
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">First name</div>
|
|
||||||
<input
|
|
||||||
name="first-name"
|
|
||||||
type="text"
|
|
||||||
class="form-input"
|
|
||||||
placeholder="Enter you first name"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">Last name</div>
|
|
||||||
<input
|
|
||||||
name="last-name"
|
|
||||||
type="text"
|
|
||||||
class="form-input"
|
|
||||||
placeholder="Enter you last name"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">Email address</div>
|
|
||||||
<input
|
|
||||||
name="email"
|
|
||||||
type="email"
|
|
||||||
class="form-input"
|
|
||||||
placeholder="Enter you email address"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">Company</div>
|
|
||||||
<input
|
|
||||||
name="company"
|
|
||||||
type="text"
|
|
||||||
class="form-input"
|
|
||||||
placeholder="Enter you company"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">Position</div>
|
|
||||||
<input
|
|
||||||
name="position"
|
|
||||||
type="text"
|
|
||||||
class="form-input"
|
|
||||||
placeholder="Enter you position"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">Language</div>
|
|
||||||
<select name="language" class="form-select"
|
|
||||||
><option>Select language</option>
|
|
||||||
<option value="english">English</option>
|
|
||||||
<option value="spanish">Spanish</option>
|
|
||||||
<option value="portuguese">Portuguese</option></select
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<input
|
|
||||||
type="submit"
|
|
||||||
class="btn btn-default bg-blue-500 hover:bg-blue-600 text-white btn-rounded"
|
|
||||||
/>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="tab-content hidden">
|
|
||||||
<div class="py-4 w-full lg:w-1/2">
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<form class="form flex flex-wrap w-full">
|
|
||||||
<div class="w-full">
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">Current email</div>
|
|
||||||
<input
|
|
||||||
name="email"
|
|
||||||
type="email"
|
|
||||||
class="form-input"
|
|
||||||
placeholder="Enter you current email address"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">New email</div>
|
|
||||||
<input
|
|
||||||
name="email"
|
|
||||||
type="email"
|
|
||||||
class="form-input"
|
|
||||||
placeholder="Enter you new email address"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">Daily updates</div>
|
|
||||||
<div class="flex items-center justify-start space-x-2">
|
|
||||||
<label class="flex items-center justify-start space-x-2"
|
|
||||||
><input
|
|
||||||
type="radio"
|
|
||||||
name="daily-updates"
|
|
||||||
class="form-radio h-4 w-4"
|
|
||||||
value="yes"
|
|
||||||
/><span class="">Yes</span></label
|
|
||||||
><label
|
|
||||||
class="flex items-center justify-start space-x-2"
|
|
||||||
><input
|
|
||||||
type="radio"
|
|
||||||
name="daily-updates"
|
|
||||||
class="form-radio h-4 w-4"
|
|
||||||
value="no"
|
|
||||||
/><span class="">No</span></label
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">Weekly updates</div>
|
|
||||||
<div class="flex items-center justify-start space-x-2">
|
|
||||||
<label class="flex items-center justify-start space-x-2"
|
|
||||||
><input
|
|
||||||
type="radio"
|
|
||||||
name="weekle-updates"
|
|
||||||
class="form-radio h-4 w-4"
|
|
||||||
value="yes"
|
|
||||||
/><span class="">Yes</span></label
|
|
||||||
><label
|
|
||||||
class="flex items-center justify-start space-x-2"
|
|
||||||
><input
|
|
||||||
type="radio"
|
|
||||||
name="weekle-updates"
|
|
||||||
class="form-radio h-4 w-4"
|
|
||||||
value="no"
|
|
||||||
/><span class="">No</span></label
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<input
|
|
||||||
type="submit"
|
|
||||||
class="btn btn-default bg-blue-500 hover:bg-blue-600 text-white btn-rounded"
|
|
||||||
/>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="tab-content hidden">
|
|
||||||
<div class="py-4 w-full lg:w-1/2">
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<form class="form flex flex-wrap w-full">
|
|
||||||
<div class="w-full">
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">Current password</div>
|
|
||||||
<input
|
|
||||||
name="current-password"
|
|
||||||
type="password"
|
|
||||||
class="form-input"
|
|
||||||
placeholder="Enter your current password"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">New password</div>
|
|
||||||
<input
|
|
||||||
name="new-password"
|
|
||||||
type="password"
|
|
||||||
class="form-input"
|
|
||||||
placeholder="Enter your new password"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="form-element">
|
|
||||||
<div class="form-label">Confirm new password</div>
|
|
||||||
<input
|
|
||||||
name="confirm-new-password"
|
|
||||||
type="password"
|
|
||||||
class="form-input"
|
|
||||||
placeholder="Enter your new password confirmation"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<input
|
|
||||||
type="submit"
|
|
||||||
class="btn btn-default bg-blue-500 hover:bg-blue-600 text-white btn-rounded"
|
|
||||||
/>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,92 +0,0 @@
|
|||||||
<!-- This example requires Tailwind CSS v2.0+ -->
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<div class="-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
|
|
||||||
<div class="py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8">
|
|
||||||
<div
|
|
||||||
class="shadow overflow-hidden border-b border-gray-200 sm:rounded-lg"
|
|
||||||
>
|
|
||||||
<table class="min-w-full divide-y divide-gray-200">
|
|
||||||
<thead class="bg-gray-50">
|
|
||||||
<tr class="odd:bg-white even:bg-gray-100">
|
|
||||||
<th
|
|
||||||
scope="col"
|
|
||||||
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
|
|
||||||
>
|
|
||||||
Name
|
|
||||||
</th>
|
|
||||||
<th
|
|
||||||
scope="col"
|
|
||||||
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
|
|
||||||
>
|
|
||||||
Title
|
|
||||||
</th>
|
|
||||||
<th
|
|
||||||
scope="col"
|
|
||||||
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
|
|
||||||
>
|
|
||||||
Status
|
|
||||||
</th>
|
|
||||||
<th
|
|
||||||
scope="col"
|
|
||||||
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
|
|
||||||
>
|
|
||||||
Role
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="relative px-6 py-3">
|
|
||||||
<span class="sr-only">{$_("edit")}</span>
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody class="divide-y divide-gray-200">
|
|
||||||
<tr class="odd:bg-white even:bg-gray-100">
|
|
||||||
<td class="px-6 py-4 whitespace-nowrap">
|
|
||||||
<div class="flex items-center">
|
|
||||||
<div class="flex-shrink-0 h-10 w-10">
|
|
||||||
<img
|
|
||||||
class="h-10 w-10 rounded-full"
|
|
||||||
src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=4&w=256&h=256&q=60"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="ml-4">
|
|
||||||
<div class="text-sm font-medium text-gray-900">
|
|
||||||
Jane Cooper
|
|
||||||
</div>
|
|
||||||
<div class="text-sm text-gray-500">
|
|
||||||
jane.cooper@example.com
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td class="px-6 py-4 whitespace-nowrap">
|
|
||||||
<div class="text-sm text-gray-900">
|
|
||||||
Regional Paradigm Technician
|
|
||||||
</div>
|
|
||||||
<div class="text-sm text-gray-500">Optimization</div>
|
|
||||||
</td>
|
|
||||||
<td class="px-6 py-4 whitespace-nowrap">
|
|
||||||
<span
|
|
||||||
class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full border border-current bg-green-100 text-green-800"
|
|
||||||
>
|
|
||||||
Active
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
|
||||||
Admin
|
|
||||||
</td>
|
|
||||||
<td
|
|
||||||
class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
|
|
||||||
>
|
|
||||||
<a href="#" class="text-indigo-600 hover:text-indigo-900"
|
|
||||||
>{$_("edit")}</a
|
|
||||||
>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<!-- More rows... -->
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
<h3 class="text-lg">Tabs</h3>
|
|
||||||
<div
|
|
||||||
class="w-full flex sm:border-b sm:border-gray-300 relative flex-col sm:flex-row"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false"
|
|
||||||
>
|
|
||||||
1
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false"
|
|
||||||
>
|
|
||||||
2
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false"
|
|
||||||
>
|
|
||||||
3
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="hidden sm:block absolute bottom-0 left-0 h-1 bg-blue-400 transition-transform duration-300 ease-out w-1/4 transform translate-x-double"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
@@ -1,113 +0,0 @@
|
|||||||
<div>
|
|
||||||
<div
|
|
||||||
class="text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 bg-blue-200 text-blue-700 rounded-full"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="16"
|
|
||||||
height="16"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="2"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="feather feather-bell-off mr-2"
|
|
||||||
>
|
|
||||||
<path d="M13.73 21a2 2 0 0 1-3.46 0" />
|
|
||||||
<path d="M18.63 13A17.89 17.89 0 0 1 18 8" />
|
|
||||||
<path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14" />
|
|
||||||
<path d="M18 8a6 6 0 0 0-9.33-5" />
|
|
||||||
<line x1="1" y1="1" x2="23" y2="23" />
|
|
||||||
</svg>
|
|
||||||
Tag
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="ml-4 text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 bg-green-200 text-green-700 rounded-full"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="16"
|
|
||||||
height="16"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="2"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="feather feather-arrow-right mr-2"
|
|
||||||
>
|
|
||||||
<line x1="5" y1="12" x2="19" y2="12" />
|
|
||||||
<polyline points="12 5 19 12 12 19" />
|
|
||||||
</svg>
|
|
||||||
Tag
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="ml-4 text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 bg-orange-200 text-orange-700 rounded-full"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="16"
|
|
||||||
height="16"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="2"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="feather feather-activity mr-2"
|
|
||||||
>
|
|
||||||
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12" />
|
|
||||||
</svg>
|
|
||||||
Tag
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="ml-4 text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 bg-red-200 text-red-700 rounded-full"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="16"
|
|
||||||
height="16"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="2"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="feather feather-archive mr-2"
|
|
||||||
>
|
|
||||||
<polyline points="21 8 21 21 3 21 3 8" />
|
|
||||||
<rect x="1" y="3" width="22" height="5" />
|
|
||||||
<line x1="10" y1="12" x2="14" y2="12" />
|
|
||||||
</svg>
|
|
||||||
Tag
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="ml-4 text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 rounded-full bg-white text-gray-700 border"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="16"
|
|
||||||
height="16"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="2"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
class="feather feather-hard-drive mr-2"
|
|
||||||
>
|
|
||||||
<line x1="22" y1="12" x2="2" y2="12" />
|
|
||||||
<path
|
|
||||||
d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"
|
|
||||||
/>
|
|
||||||
<line x1="6" y1="16" x2="6.01" y2="16" />
|
|
||||||
<line x1="10" y1="16" x2="10.01" y2="16" />
|
|
||||||
</svg>
|
|
||||||
Tag
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -291,6 +291,11 @@
|
|||||||
<br />
|
<br />
|
||||||
<span class="text-gray-700">{original_data.distance / 1000} km</span>
|
<span class="text-gray-700">{original_data.distance / 1000} km</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="text-sm w-full mt-2">
|
||||||
|
<span class="font-semibold text-gray-700">{$_('created_via')}</span>
|
||||||
|
<br />
|
||||||
|
<span class="text-gray-700">{original_data.created_via}</span>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
{:catch error}
|
{:catch error}
|
||||||
<PromiseError {error} />
|
<PromiseError {error} />
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
RunnerTeamService.runnerTeamControllerRemove(delete_team.id, true)
|
RunnerTeamService.runnerTeamControllerRemove(delete_team.id, true)
|
||||||
.then((resp) => {
|
.then((resp) => {
|
||||||
toast.dismiss();
|
toast.dismiss();
|
||||||
toast($_("team-deleted"));
|
toast.success($_("team-deleted"));
|
||||||
location.replace("./");
|
location.replace("./");
|
||||||
})
|
})
|
||||||
.catch((err) => {});
|
.catch((err) => {});
|
||||||
|
|||||||
@@ -124,6 +124,7 @@
|
|||||||
"create-user": "Benutzer anlegen",
|
"create-user": "Benutzer anlegen",
|
||||||
"create-without-pdf": "Ohne PDF erstellen",
|
"create-without-pdf": "Ohne PDF erstellen",
|
||||||
"created-blanco-cards": "Blankokarten wurden erstellt",
|
"created-blanco-cards": "Blankokarten wurden erstellt",
|
||||||
|
"created_via": "Erstellt von",
|
||||||
"creating-blanco-cards": "Erstelle Blankokarten",
|
"creating-blanco-cards": "Erstelle Blankokarten",
|
||||||
"credits": "Credits",
|
"credits": "Credits",
|
||||||
"csv_import__class": "Klasse",
|
"csv_import__class": "Klasse",
|
||||||
@@ -374,6 +375,7 @@
|
|||||||
"runner-import": "Läufer Import",
|
"runner-import": "Läufer Import",
|
||||||
"runner-is-being-added": "Läufer wird hinzugefügt...",
|
"runner-is-being-added": "Läufer wird hinzugefügt...",
|
||||||
"runner-updated": "Läufer aktualisiert!",
|
"runner-updated": "Läufer aktualisiert!",
|
||||||
|
"runner_via_selfservice": "Läufer via Selfservice",
|
||||||
"runnercards": "Laeuferkarten",
|
"runnercards": "Laeuferkarten",
|
||||||
"runnerimport_verify_runners_org": "Bitte die Läufer für den Import in die Organisation \"{org_name}\" bestätigen",
|
"runnerimport_verify_runners_org": "Bitte die Läufer für den Import in die Organisation \"{org_name}\" bestätigen",
|
||||||
"runners": "Läufer",
|
"runners": "Läufer",
|
||||||
|
|||||||
@@ -124,6 +124,7 @@
|
|||||||
"create-user": "Create User",
|
"create-user": "Create User",
|
||||||
"create-without-pdf": "Create without PDF",
|
"create-without-pdf": "Create without PDF",
|
||||||
"created-blanco-cards": "Created blanco cards",
|
"created-blanco-cards": "Created blanco cards",
|
||||||
|
"created_via": "Erstellt über",
|
||||||
"creating-blanco-cards": "Creating blanco cards",
|
"creating-blanco-cards": "Creating blanco cards",
|
||||||
"credits": "Credits",
|
"credits": "Credits",
|
||||||
"csv_import__class": "Class",
|
"csv_import__class": "Class",
|
||||||
@@ -374,6 +375,7 @@
|
|||||||
"runner-import": "Runner Import",
|
"runner-import": "Runner Import",
|
||||||
"runner-is-being-added": "Runner is being added...",
|
"runner-is-being-added": "Runner is being added...",
|
||||||
"runner-updated": "Runner updated!",
|
"runner-updated": "Runner updated!",
|
||||||
|
"runner_via_selfservice": "Runner via Selfservice",
|
||||||
"runnercards": "Runnercards",
|
"runnercards": "Runnercards",
|
||||||
"runnerimport_verify_runners_org": "Please confirm these runners for import into the organization \"{org_name}\"",
|
"runnerimport_verify_runners_org": "Please confirm these runners for import into the organization \"{org_name}\"",
|
||||||
"runners": "Runners",
|
"runners": "Runners",
|
||||||
|
|||||||
Reference in New Issue
Block a user