From 13387110a0eae815e882c539777bc6d7a9889d7a Mon Sep 17 00:00:00 2001
From: Vincent Boutour <bob@vibioh.fr>
Date: Mon, 30 Jan 2023 17:38:06 +0100
Subject: [PATCH] feat(story): Adding upload from the story, please @simrobin

Signed-off-by: Vincent Boutour <bob@vibioh.fr>
---
 cmd/fibr/templates/story.html | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/cmd/fibr/templates/story.html b/cmd/fibr/templates/story.html
index 762304e6..d1ffafd8 100644
--- a/cmd/fibr/templates/story.html
+++ b/cmd/fibr/templates/story.html
@@ -11,6 +11,12 @@
 
   <link rel="preload" as="image" href="{{ url "/svg/link?fill=%23272727" }}">
 
+  {{ if .Request.CanEdit }}
+    <link rel="preload" as="image" href="{{ url "/svg/upload?fill=aliceblue" }}">
+
+    {{ template "upload-modal" . }}
+  {{ end }}
+
   {{ if not .Request.Share.Story }}
     <link rel="preload" as="image" href="{{ url "/svg/list?fill=aliceblue" }}">
     <link rel="preload" as="image" href="{{ url "/svg/grid?fill=aliceblue" }}">
@@ -41,6 +47,15 @@
       overflow: auto;
     }
 
+    .upload-modal:target {
+      display: flex;
+      z-index: 5;
+    }
+
+    .upload-modal:target ~ .content {
+      pointer-events: none;
+    }
+
     #story-display {
       background-color: var(--primary);
     }
@@ -152,6 +167,12 @@
 
         <span class="flex-grow"></span>
 
+        {{ if .Request.CanEdit }}
+          <a id="upload-button-link" href="#upload-modal" class="button button-icon" title="Upload file">
+            <img class="icon" src="{{ url "/svg/upload?fill=aliceblue" }}" alt="upload">
+          </a>
+        {{ end }}
+
         {{ if .HasMap }}
           <a class="padding" href="#map" title="View on map">
             <img class="icon" src="{{ url "/svg/map?fill=aliceblue" }}" alt="map">