From 8aa1d94a1aa976cc6cb4f7d3cc798822861676ad Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Wed, 20 Jan 2021 19:59:53 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20use=20ImportRunnerModal=20in=20OrgD?=
 =?UTF-8?q?etail=20+=20Orgs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #13
---
 src/components/OrgDetail.svelte | 20 ++++++++++++++++++++
 src/components/Orgs.svelte      |  1 +
 2 files changed, 21 insertions(+)

diff --git a/src/components/OrgDetail.svelte b/src/components/OrgDetail.svelte
index bd5e0847..4115953b 100644
--- a/src/components/OrgDetail.svelte
+++ b/src/components/OrgDetail.svelte
@@ -4,6 +4,7 @@
   import Toastify from "toastify-js";
   import store from "../store";
   import ConfirmOrgDeletion from "./ConfirmOrgDeletion.svelte";
+  import ImportRunnerModal from "./ImportRunnerModal.svelte";
   import PromiseError from "./PromiseError.svelte";
   $: delete_triggered = false;
   $: save_enabled = !data_changed;
@@ -64,14 +65,33 @@
     } else {
     }
   }
+  export let import_modal_open = false;
 </script>
 
+<ImportRunnerModal
+  on:cancelDelete={(event) => {
+    import_modal_open = false;
+  }}
+  passed_orgs={[]}
+  passed_org={orgdata}
+  opened_from="OrgDetail"
+  bind:import_modal_open />
 <ConfirmOrgDeletion bind:modal_open bind:delete_org />
 {#if data_loaded}
   <section class="container p-5">
     <div class="mb-8 text-3xl font-extrabold leading-tight">
       {original.name}
       <span data-id="org_actions_${orgdata.id}">
+        {#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:IMPORT')}
+          <button
+            on:click={() => {
+              import_modal_open = true;
+            }}
+            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">
+            {$_('import-runners')}
+          </button>
+        {/if}
         {#if store.state.jwtinfo.userdetails.permissions.includes('USER:DELETE')}
           {#if delete_triggered}
             <button
diff --git a/src/components/Orgs.svelte b/src/components/Orgs.svelte
index 021a9ddf..16b80d97 100644
--- a/src/components/Orgs.svelte
+++ b/src/components/Orgs.svelte
@@ -43,6 +43,7 @@
     on:cancelDelete={(event) => {
       import_modal_open = false;
     }}
+    passed_org={{}}
     passed_orgs={current_organizations}
     opened_from="OrgOverview"
     bind:import_modal_open />