From 1559e5cdd9a6c8f71beeef1b41e169d5c224fa2a Mon Sep 17 00:00:00 2001
From: tomate <tom.hubrecht@ens.fr>
Date: Tue, 29 Mar 2022 20:22:05 +0200
Subject: [PATCH] =?UTF-8?q?Rajoute=20le=20t=C3=A9l=C3=A9chargement=20des?=
 =?UTF-8?q?=20calendriers=20(#17)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Tom Hubrecht <tom.hubrecht@ens.fr>
Reviewed-on: https://git.rz.ens.wtf/Klub-RZ/metis/pulls/17
Co-authored-by: tomate <tom.hubrecht@ens.fr>
Co-committed-by: tomate <tom.hubrecht@ens.fr>
---
 src/FilterItem.svelte       |  8 ++++++++
 src/TriStateCheckbox.svelte | 29 ++++++++++++++++++++++++-----
 src/calendar.js             |  7 ++++++-
 3 files changed, 38 insertions(+), 6 deletions(-)

diff --git a/src/FilterItem.svelte b/src/FilterItem.svelte
index 7e4a6c6..de2c632 100644
--- a/src/FilterItem.svelte
+++ b/src/FilterItem.svelte
@@ -6,6 +6,8 @@
   import { createTriState, createTriStates, UNCHECKED, CHECKED, WEIRD } from './stores';
   import { Icon } from 'sveltestrap';
 
+  import { mkSource } from './calendar.js';
+
   export let item = null;
   export let level = 1;
   export let generalToggle = undefined;
@@ -78,6 +80,11 @@
     });
   }
 
+  const url = (() => {
+    const source = mkSource(item);
+    return source ? source.export_url : undefined;
+  })();
+
   $: selected =
     $filtering === CHECKED ? [item, ...subselected.flat()] : subselected.flat();
   $: subHidden = () => (collapsed ? 'd-none' : '');
@@ -90,6 +97,7 @@
       on:change={handleChange}
       value={item}
       bind:collapsed
+      {url}
     />
   </div>
 
diff --git a/src/TriStateCheckbox.svelte b/src/TriStateCheckbox.svelte
index 9f981ab..f65b04d 100644
--- a/src/TriStateCheckbox.svelte
+++ b/src/TriStateCheckbox.svelte
@@ -4,6 +4,7 @@
   export let state;
   export let value;
   export let collapsed = undefined;
+  export let url;
 
   import { UNCHECKED, CHECKED, WEIRD } from './stores';
   import { createEventDispatcher } from 'svelte';
@@ -28,14 +29,32 @@
 <span class="cal w-100 d-block" on:click={handleClick}>
   <Icon name={icon} class="ms-2" />
   <span class="ms-1">{value}</span>
-  {#if collapsed !== undefined}
-    <span class="float-end" on:click|stopPropagation={() => (collapsed = !collapsed)}>
-      <Icon name={chevron} />
-    </span>
-  {/if}
+  <span class="float-end">
+    {#if url}
+      <a href={url} class="cal-link" download={value} on:click|stopPropagation>
+        <Icon name="cloud-download" />
+      </a>
+    {/if}
+
+    {#if collapsed !== undefined}
+      <span class="cal-link" on:click|stopPropagation={() => (collapsed = !collapsed)}>
+        <Icon name={chevron} />
+      </span>
+    {/if}
+  </span>
 </span>
 
 <style>
+  .cal-link {
+    margin-right: 0.5rem;
+    padding: 3px;
+    color: inherit;
+  }
+  .cal-link:hover {
+    color: #aabbfe;
+    text-shadow: 2px 2px 3px #62a1fe;
+  }
+
   .cal {
     cursor: pointer;
     padding: 0.2em;
diff --git a/src/calendar.js b/src/calendar.js
index 70b107c..c53af24 100644
--- a/src/calendar.js
+++ b/src/calendar.js
@@ -82,6 +82,10 @@ function mkCalendarUrl(id, { cloud }, extra = {}) {
   )
 }
 
+function mkExportUrl(id, { cloud }) {
+  return `/cal/${cloud}/${id}/?export`
+}
+
 function fetchCalendar(id, cal, extra = {}) {
   return fetch(mkCalendarUrl(id, cal, extra), { credentials: 'omit' })
     .then(resp => resp.json())
@@ -178,6 +182,7 @@ export function mkSource(name) {
         start: start.valueOf() / 1000,
         end: end.valueOf() / 1000
       }).then(successCallback, failureCallback)
-    }
+    },
+    export_url: mkExportUrl(calendarId, calendar)
   }
 }