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

✨ translation keys

Browse Source 
ref #69
This commit is contained in:
Philipp Dormann
2021-02-18 18:09:57 +01:00
parent 505ca6a58e
commit a588bc4631
29 changed files with 334 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/teams/AddTeamModal.svelte
View File

@@ -110,11 +110,11 @@
</div>
<div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
<h3 class="text-lg leading-6 font-medium text-gray-900">
Create a new team
{$_('create-a-new-team')}
</h3>
<div class="mt-2 mb-6">
<p class="text-sm text-gray-500">
Please provide the required information to add a new team.
{$_('please-provide-the-required-information-to-add-a-new-team')}
</p>
</div>
<div class="grid grid-cols-6 gap-6">
@@ -137,7 +137,7 @@
{#if !isTeamNameValid}
<span
class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
team name is required
{$_('team-name-is-required')}
</span>
{/if}
</div>

16
src/components/teams/ConfirmTeamDeletion.svelte
View File

@@ -22,9 +22,7 @@
}).showToast();
location.replace("./");
})
.catch((err) => {
//
});
.catch((err) => {});
}
</script>
@@ -65,13 +63,13 @@
</div>
<div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
<h3 class="text-lg leading-6 font-medium text-gray-900">
Attention!
{$_('attention')}
</h3>
<div class="mt-2 mb-6">
<p class="text-sm text-gray-500">
Do you want to delete the team
{delete_team.name}?<br />All associated runners will be
deleted too!
{$_('do-you-want-to-delete-the-team-delete_team-name', {
values: { teamname: delete_team.name },
})}<br />{$_('all-associated-runners-will-be-deleted-too')}
</p>
</div>
</div>
@@ -82,13 +80,13 @@
on:click={deleteTeam}
type="button"
class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">
Confirm, delete team and associated runners.
{$_('confirm-delete-team-and-associated-runners')}
</button>
<button
on:click={cancelDelete}
type="button"
class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
Cancel, keep team
{$_('cancel-keep-team')}
</button>
</div>
</div>

8
src/components/teams/Teams.svelte
View File

@@ -4,7 +4,7 @@
import AddTeamModal from "./AddTeamModal.svelte";
export let modal_open = false;
import TeamsOverview from "./TeamsOverview.svelte";
let current_teams=[];
let current_teams = [];
</script>
<section class="container p-5">
@@ -17,11 +17,13 @@
}}
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
{$_('create-team')}
</button>
{/if}
</span>
<p class="mb-8 text-lg text-gray-500">everything is more fun together 🏃‍♂️🏃‍♀️🏃‍♂️</p>
<p class="mb-8 text-lg text-gray-500">
{$_('everything-is-more-fun-together')}
</p>
<TeamsOverview bind:current_teams />
</section>

4
src/components/teams/TeamsEmptyState.svelte
View File

@@ -9,8 +9,8 @@
<div class="text-center items-center justify-center">
<p class="mb-16 text-lg text-gray-500">
<img class="w-full h-44" src={team_empty} alt="" />
<span class="font-bold">There are no teams added yet.</span><br />
<span>Add your first team</span>
<span class="font-bold">{$_('there-are-no-teams-added-yet')}</span><br />
<span>{$_('add-your-first-team')}</span>
</p>
</div>

19
src/components/teams/TeamsOverview.svelte
View File

@@ -31,7 +31,7 @@
<div
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">teams are being loaded...</p>
<p class="font-bold">{$_('teams-are-being-loaded')}</p>
<p class="text-sm">{$_('this-might-take-a-moment')}</p>
</div>
{:then}
@@ -52,7 +52,7 @@
<th
scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Name
{$_('name')}
</th>
<th
scope="col"
@@ -62,10 +62,10 @@
<th
scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Contact
{$_('contact')}
</th>
<th scope="col" class="relative px-6 py-3">
<span class="sr-only">Action</span>
<span class="sr-only">{$_('action')}</span>
</th>
</tr>
</thead>
@@ -93,7 +93,7 @@
<a
href="../orgs/{t.parentGroup.id}"
class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{t.parentGroup.name}</a>
{:else}no organization specified{/if}
{:else}{$_('no-organization-specified')}{/if}
</div>
</div>
</div>
@@ -108,7 +108,7 @@
class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{t.contact.firstname}
{t.contact.middlename || ''}
{t.contact.lastname}</a>
{:else}no contact specified{/if}
{:else}{$_('no-contact-specified')}{/if}
</div>
</div>
</div>
@@ -129,7 +129,7 @@
.then((resp) => {
current_teams = current_teams.filter((obj) => obj.id !== t.id);
Toastify({
text: 'Organization deleted',
text: $_('organization-deleted'),
duration: 500,
backgroundColor:
'linear-gradient(to right, #00b09b, #96c93d)',
@@ -141,8 +141,7 @@
});
}}
tabindex="0"
class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">Confirm
Delete</button>
class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
</td>
{:else}
<td
@@ -156,7 +155,7 @@
active_deletes[t.id] = true;
}}
tabindex="0"
class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">Delete</button>
class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
{/if}
</td>
{/if}