feat: improved dashboard titles ui + a11y
This commit is contained in:
parent
10182433f8
commit
21453ef272
GPG Key ID:
3BB9ADD52DCA4314
@ -11,29 +11,29 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("cards")}
|
{$_("cards")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("CARD:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("CARD:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("add-card")}
|
>
|
||||||
</button>
|
{$_("add-card")}
|
||||||
<button
|
</button>
|
||||||
on:click={() => {
|
<button
|
||||||
bulk_modal_open = true;
|
on:click={() => {
|
||||||
}}
|
bulk_modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("create-bulk-cards")}
|
>
|
||||||
</button>
|
{$_("create-bulk-cards")}
|
||||||
{/if}
|
</button>
|
||||||
</span>
|
{/if}
|
||||||
<CardsOverview bind:current_cards bind:addCards />
|
<CardsOverview bind:current_cards bind:addCards />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@ -8,20 +8,20 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("contacts")}
|
{$_("contacts")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("CONTACT:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("CONTACT:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("create-a-new-contact")}
|
>
|
||||||
</button>
|
{$_("create-a-new-contact")}
|
||||||
{/if}
|
</button>
|
||||||
</span>
|
{/if}
|
||||||
<ContactsOverview bind:current_contacts />
|
<ContactsOverview bind:current_contacts />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@ -9,20 +9,20 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("donations")}
|
{$_("donations")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("DONATION:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("DONATION:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("add-donation")}
|
>
|
||||||
</button>
|
{$_("add-donation")}
|
||||||
{/if}
|
</button>
|
||||||
</span>
|
{/if}
|
||||||
<DonationsOverview bind:current_donations bind:addDonations />
|
<DonationsOverview bind:current_donations bind:addDonations />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@ -9,61 +9,61 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("donors")}
|
{$_("donors")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("DONOR:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("DONOR:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("add-donor")}
|
>
|
||||||
</button>
|
{$_("add-donor")}
|
||||||
{/if}
|
</button>
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("DONOR:GET")}
|
{/if}
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("DONOR:GET")}
|
||||||
on:click={() => {
|
<button
|
||||||
const data = current_donors
|
on:click={() => {
|
||||||
.filter((d) => d.receiptNeeded === true)
|
const data = current_donors
|
||||||
.map(function (d) {
|
.filter((d) => d.receiptNeeded === true)
|
||||||
d.address.address2 =
|
.map(function (d) {
|
||||||
d.address.address2 === "" ? "" : " " + d.address.address2;
|
d.address.address2 =
|
||||||
const address = `${d.address.address1}${d.address.address2}, ${d.address.postalcode} ${d.address.city}, ${d.address.country}`;
|
d.address.address2 === "" ? "" : " " + d.address.address2;
|
||||||
return [
|
const address = `${d.address.address1}${d.address.address2}, ${d.address.postalcode} ${d.address.city}, ${d.address.country}`;
|
||||||
d.firstname,
|
return [
|
||||||
d.middlename,
|
d.firstname,
|
||||||
d.lastname,
|
d.middlename,
|
||||||
(d.paidDonationAmount/100).toFixed(2),
|
d.lastname,
|
||||||
address,
|
(d.paidDonationAmount/100).toFixed(2),
|
||||||
];
|
address,
|
||||||
});
|
];
|
||||||
let csv = `${$_("csv_import__firstname")};${$_(
|
|
||||||
"csv_import__middlename"
|
|
||||||
)};${$_("csv_import__lastname")};${$_(
|
|
||||||
"total_donation_amount_in_eur"
|
|
||||||
)};${$_("address")}\n`;
|
|
||||||
data.forEach(function (row) {
|
|
||||||
csv += row.join(";");
|
|
||||||
csv += "\n";
|
|
||||||
});
|
});
|
||||||
let hiddenElement = document.createElement("a");
|
let csv = `${$_("csv_import__firstname")};${$_(
|
||||||
hiddenElement.href = "data:text/csv;charset=utf-8," + encodeURI(csv);
|
"csv_import__middlename"
|
||||||
hiddenElement.target = "_blank";
|
)};${$_("csv_import__lastname")};${$_(
|
||||||
hiddenElement.download = `${$_(
|
"total_donation_amount_in_eur"
|
||||||
"filename_sponsoringquittungsliste"
|
)};${$_("address")}\n`;
|
||||||
)}.csv`;
|
data.forEach(function (row) {
|
||||||
hiddenElement.click();
|
csv += row.join(";");
|
||||||
hiddenElement.remove();
|
csv += "\n";
|
||||||
}}
|
});
|
||||||
type="button"
|
let hiddenElement = document.createElement("a");
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
hiddenElement.href = "data:text/csv;charset=utf-8," + encodeURI(csv);
|
||||||
>
|
hiddenElement.target = "_blank";
|
||||||
{$_("sponsoring-quittungs-liste_herunterladen")}
|
hiddenElement.download = `${$_(
|
||||||
</button>
|
"filename_sponsoringquittungsliste"
|
||||||
{/if}
|
)}.csv`;
|
||||||
</span>
|
hiddenElement.click();
|
||||||
|
hiddenElement.remove();
|
||||||
|
}}
|
||||||
|
type="button"
|
||||||
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
|
>
|
||||||
|
{$_("sponsoring-quittungs-liste_herunterladen")}
|
||||||
|
</button>
|
||||||
|
{/if}
|
||||||
<DonorsOverview bind:current_donors bind:addDonors />
|
<DonorsOverview bind:current_donors bind:addDonors />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@ -8,20 +8,20 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("user-groups")}
|
{$_("user-groups")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("USERGROUP:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("USERGROUP:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("add-user-group")}
|
>
|
||||||
</button>
|
{$_("add-user-group")}
|
||||||
{/if}
|
</button>
|
||||||
</span>
|
{/if}
|
||||||
<UserGroupsOverview bind:current_groups />
|
<UserGroupsOverview bind:current_groups />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@ -10,31 +10,31 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("organizations")}
|
{$_("organizations")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("ORGANIZATION:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("ORGANIZATION:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("create-organization")}
|
>
|
||||||
</button>
|
{$_("create-organization")}
|
||||||
{/if}
|
</button>
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:IMPORT")}
|
{/if}
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:IMPORT")}
|
||||||
on:click={() => {
|
<button
|
||||||
import_modal_open = true;
|
on:click={() => {
|
||||||
}}
|
import_modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("import-runners")}
|
>
|
||||||
</button>
|
{$_("import-runners")}
|
||||||
{/if}
|
</button>
|
||||||
</span>
|
{/if}
|
||||||
<OrgOverview bind:current_organizations />
|
<OrgOverview bind:current_organizations />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@ -11,29 +11,29 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("runners")}
|
{$_("runners")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("laeufer-hinzufuegen")}
|
>
|
||||||
</button>
|
{$_("laeufer-hinzufuegen")}
|
||||||
<button
|
</button>
|
||||||
on:click={() => {
|
<button
|
||||||
import_modal_open = true;
|
on:click={() => {
|
||||||
}}
|
import_modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("import-runners")}
|
>
|
||||||
</button>
|
{$_("import-runners")}
|
||||||
{/if}
|
</button>
|
||||||
</span>
|
{/if}
|
||||||
<RunnersOverview bind:current_runners bind:addRunners />
|
<RunnersOverview bind:current_runners bind:addRunners />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@ -9,20 +9,20 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("scans")}
|
{$_("scans")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("SCAN:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("SCAN:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("add-scan")}
|
>
|
||||||
</button>
|
{$_("add-scan")}
|
||||||
{/if}
|
</button>
|
||||||
</span>
|
{/if}
|
||||||
<ScansOverview bind:current_scans bind:addScans />
|
<ScansOverview bind:current_scans bind:addScans />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@ -24,20 +24,20 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("scanstations")}
|
{$_("scanstations")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("STATION:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("STATION:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("create-a-new-scanstation")}
|
>
|
||||||
</button>
|
{$_("create-a-new-scanstation")}
|
||||||
{/if}
|
</button>
|
||||||
</span>
|
{/if}
|
||||||
<ConfirmScanStationDeletion
|
<ConfirmScanStationDeletion
|
||||||
on:cancelDelete={(event) => {
|
on:cancelDelete={(event) => {
|
||||||
modal_open = false;
|
modal_open = false;
|
||||||
|
|||||||
@ -11,20 +11,20 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("statsclients")}
|
{$_("statsclients")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("STATSCLIENT:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("STATSCLIENT:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("create-a-new-statsclient")}
|
>
|
||||||
</button>
|
{$_("create-a-new-statsclient")}
|
||||||
{/if}
|
</button>
|
||||||
</span>
|
{/if}
|
||||||
<StatsClientsOverview
|
<StatsClientsOverview
|
||||||
bind:current_clients
|
bind:current_clients
|
||||||
bind:modal_open
|
bind:modal_open
|
||||||
|
|||||||
@ -8,20 +8,20 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("teams")}
|
{$_("teams")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("TEAM:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("TEAM:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("create-team")}
|
>
|
||||||
</button>
|
{$_("create-team")}
|
||||||
{/if}
|
</button>
|
||||||
</span>
|
{/if}
|
||||||
<TeamsOverview bind:current_teams />
|
<TeamsOverview bind:current_teams />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@ -19,18 +19,18 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
Tracks
|
{$_("tracks")}
|
||||||
<button
|
</h4>
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("create-track")}
|
>
|
||||||
</button>
|
{$_("create-track")}
|
||||||
</span>
|
</button>
|
||||||
{#await tracks_promise}
|
{#await tracks_promise}
|
||||||
<div
|
<div
|
||||||
class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
|
class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
|
||||||
|
|||||||
@ -8,20 +8,20 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<section class="container p-5">
|
<section class="container p-5">
|
||||||
<span class="mb-1 text-3xl font-extrabold leading-tight">
|
<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
|
||||||
{$_("users")}
|
{$_("users")}
|
||||||
{#if store.state.jwtinfo.userdetails.permissions.includes("USER:CREATE")}
|
</h4>
|
||||||
<button
|
{#if store.state.jwtinfo.userdetails.permissions.includes("USER:CREATE")}
|
||||||
on:click={() => {
|
<button
|
||||||
modal_open = true;
|
on:click={() => {
|
||||||
}}
|
modal_open = true;
|
||||||
type="button"
|
}}
|
||||||
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
type="button"
|
||||||
>
|
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
|
||||||
{$_("create-user")}
|
>
|
||||||
</button>
|
{$_("create-user")}
|
||||||
{/if}
|
</button>
|
||||||
</span>
|
{/if}
|
||||||
<UsersOverview bind:current_users />
|
<UsersOverview bind:current_users />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user