From 6079e1fa90249cfc94ed210fb40bd6fcf7e9ec11 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Sat, 27 Feb 2021 19:26:47 +0100
Subject: [PATCH] Basic sponsoring language dropdown for runners

ref #84
---
 src/components/runners/RunnerDetail.svelte | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/components/runners/RunnerDetail.svelte b/src/components/runners/RunnerDetail.svelte
index a8d853b6..35ff0a48 100644
--- a/src/components/runners/RunnerDetail.svelte
+++ b/src/components/runners/RunnerDetail.svelte
@@ -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();