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

21
src/components/orgs/AddOrgModal.svelte
View File

@@ -32,7 +32,7 @@
if (processed_last_submit === true) {
processed_last_submit = false;
const toast = Toastify({
text: "Organization is being added...",
text: $_("organization-is-being-added"),
duration: -1,
}).showToast();
RunnerOrganizationService.runnerOrganizationControllerPost({
@@ -43,20 +43,16 @@
.then((result) => {
name = "";
modal_open = false;
//
Toastify({
text: "Organization added",
text: $_("organization-added"),
duration: 500,
backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
}).showToast();
current_organizations = current_organizations.concat([result]);
})
.catch((err) => {
//
})
.catch((err) => {})
.finally(() => {
processed_last_submit = true;
//
toast.hideToast();
});
}
@@ -101,23 +97,22 @@
</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 Organization
{$_('create-a-new-organization')}
</h3>
<div class="mt-2 mb-6">
<p class="text-sm text-gray-500">
Please provide the required information to add a new
organization.
{$_('please-provide-the-required-information-to-add-a-new-organization')}
</p>
</div>
<div class="grid grid-cols-6 gap-6">
<div class="col-span-6">
<label
for="firstname"
class="block text-sm font-medium text-gray-700">Name</label>
class="block text-sm font-medium text-gray-700">{$_('name')}</label>
<input
use:focus
autocomplete="off"
placeholder="Name"
placeholder={$_('name')}
class:border-red-500={!isOrgnameValid}
class:focus:border-red-500={!isOrgnameValid}
class:focus:ring-red-500={!isOrgnameValid}
@@ -129,7 +124,7 @@
{#if !isOrgnameValid}
<span
class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
Organization name is required
{$_('organization-name-is-required')}
</span>
{/if}
</div>

20
src/components/orgs/ConfirmOrgDeletion.svelte
View File

@@ -25,9 +25,7 @@
}).showToast();
location.replace("./");
})
.catch((err) => {
//
});
.catch((err) => {});
}
</script>
@@ -68,13 +66,17 @@
</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 organization
{delete_org.name}?<br />All associated teams and runners will
be deleted too!
{$_(
'do-you-want-to-delete-the-organization-delete_org-name',
{
values: { orgname: delete_org.name },
}
)}<br />
{$_('all-associated-teams-and-runners-will-be-deleted-too')}
</p>
</div>
</div>
@@ -85,13 +87,13 @@
on:click={deleteOrg}
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 organization and associated teams+runners.
{$_('confirm-delete-organization-and-associated-teams-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 organization
{$_('cancel-keep-organization')}
</button>
</div>
</div>

23
src/components/orgs/OrgDetail.svelte
View File

@@ -41,21 +41,21 @@
)
.then((resp) => {
Toastify({
text: "Organization deleted",
text: $_("organization-deleted"),
duration: 500,
backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
}).showToast();
location.replace("./");
})
.catch((err) => {
modal_open = true;
delete_org = original;
});
modal_open = true;
delete_org = original;
});
}
function submit() {
if (data_loaded === true && save_enabled) {
Toastify({
text: "updating organization",
text: $_("updating-organization"),
duration: 2500,
}).showToast();
let postdata = orgdata;
@@ -68,9 +68,8 @@
Object.assign(original, orgdata);
original = orgdata;
Object.assign(original, orgdata);
//
Toastify({
text: "updated organization",
text: $_("updated-organization"),
duration: 2500,
backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
}).showToast();
@@ -158,7 +157,7 @@
<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
<a class="mr-2" href="/">{$_('home')}</a><svg
stroke="currentColor"
fill="none"
stroke-width="2"
@@ -185,7 +184,7 @@
d="M21 20h2v2H1v-2h2V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v17zm-2 0V4H5v16h14zM8 11h3v2H8v-2zm0-4h3v2H8V7zm0 8h3v2H8v-2zm5 0h3v2h-3v-2zm0-4h3v2h-3v-2zm0-4h3v2h-3V7z" /></svg>
</li>
<li class="flex items-center">
<a class="mr-2" href="./">Orgs</a><svg
<a class="mr-2" href="./">{$_('organizations')}</a><svg
stroke="currentColor"
fill="none"
stroke-width="2"
@@ -210,10 +209,10 @@
</div>
</div>
<div class="text-sm w-full">
<label for="name" class="font-medium text-gray-700">Name</label>
<label for="name" class="font-medium text-gray-700">{$_('name')}</label>
<input
autocomplete="off"
placeholder="Name"
placeholder={$_('name')}
type="text"
bind:value={orgdata.name}
name="name"
@@ -252,7 +251,7 @@
</section>
{:else}
{#await promise}
organization detail is being loaded...
{$_('organization-detail-is-being-loaded')}
{:catch error}
<PromiseError />
{/await}

20
src/components/orgs/OrgOverview.svelte
View File

@@ -30,7 +30,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">organizations are being loaded...</p>
<p class="font-bold">{$_('organizations-are-being-loaded')}</p>
<p class="text-sm">{$_('this-might-take-a-moment')}</p>
</div>
{:then}
@@ -51,20 +51,20 @@
<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"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
Address
{$_('address')}
</th>
<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>
@@ -105,7 +105,7 @@
class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{o.contact.firstname}
{o.contact.middlename || ''}
{o.contact.lastname}</a>
{:else}no contact specified{/if}
{:else}{$_('no-contact-specified')}{/if}
</div>
</div>
</div>
@@ -118,8 +118,7 @@
active_deletes[o.id] = false;
}}
tabindex="0"
class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">Cancel
Delete</button>
class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
<button
on:click={() => {
RunnerOrganizationService.runnerOrganizationControllerRemove(o.id, false)
@@ -138,8 +137,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
@@ -153,7 +151,7 @@
active_deletes[o.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}

1
src/components/orgs/Orgs.svelte
View File

@@ -33,7 +33,6 @@
</button>
{/if}
</span>
<p class="mb-8 text-lg text-gray-500">manage runner organizations</p>
<OrgOverview bind:current_organizations />
</section>

5
src/components/orgs/OrgsEmptyState.svelte
View File

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