From 9f1fa7bbacbae2d76fe4ca9edd5a43d3ce3f22dc Mon Sep 17 00:00:00 2001
From: Artur Paikin <artur@arturpaikin.com>
Date: Fri, 8 Apr 2016 01:27:30 -0400
Subject: [PATCH] Show link to the uploaded file

---
 src/plugins/ProgressDrawer.js | 6 +++++-
 src/plugins/Tus10.js          | 1 +
 src/scss/_progressdrawer.scss | 5 +++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/plugins/ProgressDrawer.js b/src/plugins/ProgressDrawer.js
index 57ce5563f..6eaa07064 100644
--- a/src/plugins/ProgressDrawer.js
+++ b/src/plugins/ProgressDrawer.js
@@ -61,7 +61,11 @@ export default class ProgressDrawer extends Plugin {
           <span class="UppyProgressDrawer-itemProgress"
                 style="width: ${file.progress}%"></span>
           <h4 class="UppyProgressDrawer-itemName">
-            ${file.name} (${file.progress})</h4>
+            ${file.uploadURL
+              ? yo`<a href="${file.uploadURL}" target="_blank">${file.name}</a>`
+              : yo`<span>${file.name} (${file.progress})</span>`
+            }
+          </h4>
             ${isUploaded ? checkIcon : ''}
             ${isUploaded
               ? ''
diff --git a/src/plugins/Tus10.js b/src/plugins/Tus10.js
index e5937f63f..afd8e2b43 100644
--- a/src/plugins/Tus10.js
+++ b/src/plugins/Tus10.js
@@ -52,6 +52,7 @@ export default class Tus10 extends Plugin {
           this.core.log(file)
         },
         onSuccess: () => {
+          file.uploadURL = upload.url
           this.core.emitter.emit('upload-success', file)
 
           this.core.log(`Download ${upload.file.name} from ${upload.url}`)
diff --git a/src/scss/_progressdrawer.scss b/src/scss/_progressdrawer.scss
index dea1a6bdb..5bd9916bc 100644
--- a/src/scss/_progressdrawer.scss
+++ b/src/scss/_progressdrawer.scss
@@ -118,6 +118,11 @@
   position: relative;
 }
 
+.UppyProgressDrawer-itemName a {
+  color: $color-white;
+  text-decoration: underline;
+}
+
 .UppyProgressDrawer-itemRemove {
   @include reset-button;
   width: 40px;