Enhance download/Link slides button

Author: daretobedifferent18

app/components/public/session-item.hbs

@@ -5,6 +5,12 @@
       <h3 class="ui header" id="session-id-{{@session.id}}" style={{css color=(text-color @session.track.color)}}>
         {{@session.title}}
         <span style={{css float='right'}}>
+          {{#if @session.slidesUrl}}
+            <button class="ui basic {{text-color @session.track.color 'basic' 'inverted'}} button" style={{css color=(text-color @session.track.color 'grey' 'lightgrey')}} {{action this.goToSlides}}>
+              <i class="icon {{if this.slidesUploaded 'download' 'linkify'}}"></i>
+              {{t (if this.slidesUploaded 'Download Slides' 'Link to Slides')}}
+            </button>
+          {{/if}}
           {{#if @session.microlocation.hasVideoStream}}
             <button class="ui basic {{text-color @session.track.color 'basic' 'inverted'}} button" style={{css color=(text-color @session.track.color 'grey' 'lightgrey')}} {{action this.goToStream}}>
               <i class="icon video"></i>
@@ -61,20 +67,9 @@
         {{sanitize @session.shortAbstract}}
       </div>
     </div>
-    {{#if (and @expanded (or @session.slidesUrl @session.videoUrl))}}
+    {{#if (and @expanded @session.videoUrl)}}
       <div class="row p-4">
-        <div class="column" style={{css display='flex' align-items='center' flex-direction='column'}}>
-          {{#if (or this.pdfLink this.pptLink)}}
-            <iframe title="session-slides" class="slide-iframe mb-2" width="100%" frameborder="0" src="https://docs.google.com/gview?url={{ @session.slidesUrl }}&embedded=true"></iframe>
-          {{else if @session.slidesUrl}}
-            <a class="mb-2" href={{ @session.slidesUrl }} target="_blank" rel="noopener noreferrer">
-              <button class="ui labeled icon button">
-                <i class="file powerpoint icon"></i>
-                {{t 'Slides'}}
-              </button>
-            </a>
-          {{/if}}
-          
+        <div class="column" style={{css display='flex' align-items='center' flex-direction='column'}}>   
           {{#if this.youtubeLink}}
             <iframe title="youtube-session-video" class="video-iframe" width="100%" src="https://www.youtube.com/embed/{{ this.youtubeLink }}" frameborder="0" allowfullscreen></iframe>
           {{else if @session.videoUrl}}

app/components/public/session-item.js

@@ -23,6 +23,11 @@ export default class SessionItem extends Component {
     return slidesUrl?.indexOf('.pptx') > -1 || slidesUrl?.indexOf('.ppt') > -1;
   }
 
+  get slidesUploaded() {
+    const url = this.args.session.slidesUrl;
+    return url.startsWith('https://open-event-api-dev.herokuapp.com') || url.startsWith('https://api.eventyay.com');
+  }
+
   @action
   hideSpeakerImage() {
     this.hideImage = !this.hideImage;
@@ -31,6 +36,11 @@ export default class SessionItem extends Component {
     }
   }
 
+  @action
+  goToSlides() {
+    window.open(this.args.session.slidesUrl, '_blank');
+  }
+
   @action
   goToStream() {
     const url = this.router.urlFor('public.stream.view', this.args.event?.identifier ?? this.args.session.get('event.identifier'), this.args.session.get('microlocation.videoStream.slugName'), this.args.session.get('microlocation.videoStream.id'));