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

Basic sponsoring language dropdown for runners

Browse Source 
ref #84
This commit is contained in:
Nicolai Ort 2021-02-27 19:26:47 +01:00
parent 434466b306
commit 6079e1fa90
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/runners/RunnerDetail.svelte
View File

@ -14,6 +14,7 @@
export let params;
const runner_promise = RunnerService.runnerControllerGetOne(params.runnerid);
$: delete_triggered = false;
$: sponsoring_contracts_download_open = false;
$: original_data_pdf = {};
$: original_data = {};
$: editable = {};
@ -132,6 +133,32 @@
}}
class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-400 text-base font-medium text-white sm:w-auto sm:text-sm">{$_('cancel')}</button>
{/if}
<div id="sponsoring:dropdown" class="relative inline-block">
<div>
<button on:click={()=>{sponsoring_contracts_download_open = !sponsoring_contracts_download_open;}} type="button" class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex" id="options-menu" aria-haspopup="true" aria-expanded="true">
{$_('generate-sponsoring-contract')}
{#if !sponsoring_contracts_download_open}
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="24" class="-mr-1 ml-2 h-5 w-5"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M12 13.17l4.95-4.95 1.41 1.42L12 16 5.64 9.64l1.41-1.42z"/></svg>
{:else}
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="-mr-1 ml-2 h-5 w-5"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M12 10.83l-4.95 4.95-1.41-1.42L12 8l6.36 6.36-1.41 1.42z"/></svg>
{/if}
</button>
</div>
{#if sponsoring_contracts_download_open}
<div class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5">
<div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<span class="block w-full text-left px-4 py-2 text-sm text-gray-700">Select language</span>
<button type="submit" class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem">
German
</button>
<button type="submit" class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem">
English
</button>
</div>
</div>
{/if}
</div>
<button
on:click={() => {
const locale = getLocaleFromNavigator();