From 5e6ada140ce2722bc67f4c7c10fe95138d7d27f0 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Fri, 19 Feb 2021 19:24:36 +0100
Subject: [PATCH] reactive button for checkboxes in table

ref #62
---
 src/components/runners/RunnersOverview.svelte | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index 54166f61..3a5d88bf 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -61,7 +61,7 @@
         placeholder={$_('datatable.search')}
         aria-label={$_('datatable.search')}
         class="gridjs-input gridjs-search-input mb-4" />
-      <div class="block mb-1">
+      <div class="block mb-6">
         <label
           for="country"
           class="text-sm font-medium text-gray-700">{$_('filter-by-organization-team')}</label>
@@ -75,6 +75,18 @@
           items={selectgroups}
           isMulti={true} />
       </div>
+      <div class="h-12">
+        {#if current_runners.some((r) => r.is_selected === true)}
+          <button
+            on:click={() => {
+              //
+            }}
+            type="button"
+            class="w-full inline-flex 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:w-auto sm:text-sm">
+            generate sponsoring contracts
+          </button>
+        {/if}
+      </div>
       <div
         class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
         <table class="divide-y divide-gray-200 w-full">