Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
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"
|
|
||||||
}
|
|
||||||
@ -2,14 +2,23 @@
|
|||||||
|
|
||||||
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.1](https://git.odit.services/lfk/frontend/compare/1.9.0...1.9.1)
|
||||||
|
|
||||||
|
- refactor: project cleanup [`04897c7`](https://git.odit.services/lfk/frontend/commit/04897c7d2e89cb7e834815907409698ad6758637)
|
||||||
|
- 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)
|
||||||
|
|||||||
@ -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.1-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>
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@odit/lfk-frontend",
|
"name": "@odit/lfk-frontend",
|
||||||
"version": "1.9.0",
|
"version": "1.9.1",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"i18n-order": "node order.js",
|
"i18n-order": "node order.js",
|
||||||
|
|||||||
@ -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,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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user