From b1ca105cb44b6c4e347ac98edcd7632652799cea Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Sat, 24 Nov 2018 22:36:17 -0700
Subject: [PATCH] Fixes #581 #584 #566

---
 public/js/components.js                       | Bin 424845 -> 424608 bytes
 public/mix-manifest.json                      | Bin 321 -> 321 bytes
 .../assets/js/components/PostComments.vue     |  11 +-
 .../assets/js/components/PostComponent.vue    | 219 +++++++-----------
 4 files changed, 91 insertions(+), 139 deletions(-)

diff --git a/public/js/components.js b/public/js/components.js
index e41f02e8f2baa489dd6a94233d8e555362ea927b..457af0ff0a56de263e6d2dfe4baca6cf5f2a5447 100644
GIT binary patch
delta 8372
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

delta 8824
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

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index e0dcd1ee3f4abcb1303fe867dd580abdc3294e09..841ba01b298e779953a8e06bdf58009ccdf6543e 100644
GIT binary patch
delta 30
lcmX@ebdYI+p@@lrrKLftiFs<OMWUgFg^5L?iQz=oKLCi62|54(

delta 30
lcmX@ebdYI+p-7TxYO-0PiJ3uSs-b~tszI7Ta_U6aKLC^Z3Jm}N

diff --git a/resources/assets/js/components/PostComments.vue b/resources/assets/js/components/PostComments.vue
index 27bfe4bf0..d93396c8f 100644
--- a/resources/assets/js/components/PostComments.vue
+++ b/resources/assets/js/components/PostComments.vue
@@ -16,7 +16,7 @@
     <div class="lds-ring"><div></div><div></div><div></div><div></div></div> 
   </div>
   <div class="postCommentsContainer d-none">
-    <p class="mb-1 text-center load-more-link"><a href="#" class="text-muted" v-on:click="loadMore">Load more comments</a></p>
+    <p class="mb-1 text-center load-more-link d-none"><a href="#" class="text-muted" v-on:click="loadMore">Load more comments</a></p>
     <div class="comments" data-min-id="0" data-max-id="0">
       <p class="mb-1" v-for="(comment, index) in results" :data-id="comment.id" v-bind:key="comment.id">
         <span class="d-flex justify-content-between align-items-center">
@@ -27,7 +27,7 @@
               <span class="comment-text" v-html="comment.content" style="overflow: hidden;"></span>
             </div>
           </span>
-          <b-dropdown :id="comment.uri" variant="link" no-caret class="float-right">
+          <b-dropdown :id="comment.uri" variant="link" no-caret right class="float-right">
             <template slot="button-content">
                 <i class="fas fa-ellipsis-v text-muted"></i><span class="sr-only">Options</span>
             </template>
@@ -66,7 +66,7 @@ export default {
     },
     methods: {
       embed(e) {
-          pixelfed.embed.build(e);
+          //pixelfed.embed.build(e);
       },
       deleteComment(id, i) {
         axios.post('/i/delete', {
@@ -95,6 +95,9 @@ export default {
                 let self = this;
                 this.results = response.data.data;
                 this.pagination = response.data.meta.pagination;
+                if(this.results.length > 0) {
+                  $('.load-more-link').removeClass('d-none');
+                }
                 $('.postCommentsLoader').addClass('d-none');
                 $('.postCommentsContainer').removeClass('d-none');
             }).catch(error => {
@@ -103,7 +106,6 @@ export default {
                   .attr('style','width:100%')
                   .addClass('pt-4 font-weight-bold text-muted')
                   .text('An error occured, cannot fetch comments. Please try again later.');
-                console.log(error);
               } else {
                 switch(error.response.status) {
                   case 401:
@@ -120,7 +122,6 @@ export default {
                       .text('An error occured, cannot fetch comments. Please try again later.');
                   break;
                 }
-                console.log(error.response.status);
               }
             });
       },
diff --git a/resources/assets/js/components/PostComponent.vue b/resources/assets/js/components/PostComponent.vue
index a3cdff4f9..ce768e9d5 100644
--- a/resources/assets/js/components/PostComponent.vue
+++ b/resources/assets/js/components/PostComponent.vue
@@ -1,113 +1,5 @@
 <style>
-.carousel {
-  position: relative;
-  width: 600px;
-  height: 400px;
-  overflow: hidden;
-  margin: 0 auto;
-}
-.carousel:hover .slide:after,
-.carousel:hover .counter,
-.carousel:hover .slide:before {
-  opacity: 1;
-}
-.slide {
-  float: right;
-  position: absolute;
-  z-index: 1;
-  width: 600px;
-  height: 400px;
-  background-color: #fff;
-  text-align: center;
-  transition: opacity 0.4s;
-  opacity: 1;
-}
-.slide:before {
-  content: attr(annot);
-  display: block;
-  position: absolute;
-  left: 20px;
-  bottom: 20px;
-  color: #fff;
-  font-size: 14px;
-  font-weight: bold;
-  z-index: 12;
-  opacity: 0;
-  transition: opacity 0.3s;
-}
-.slide:after {
-  content: attr(slide);
-  display: block;
-  position: absolute;
-  bottom: 0;
-  transition: opacity 0.3s;
-  width: 100%;
-  height: 80px;
-  opacity: 0;
-  background-image: linear-gradient(transparent, rgba(0,0,0,0.2));
-  text-align: left;
-  text-indent: 549px;
-  line-height: 101px;
-  font-size: 13px;
-  color: #fff;
-  font-weight: bold;
-}
-.counter {
-  position: absolute;
-  bottom: 20px;
-  right: 2px;
-  height: 20px;
-  width: 60px;
-  z-index: 2;
-  text-align: center;
-  color: #fff;
-  line-height: 21px;
-  font-size: 13px;
-  font-weight: bold;
-  opacity: 0;
-  transition: opacity 0.3s;
-}
-.carousel-slide {
-  top: 0;
-  right: 0;
-  float: right;
-  position: absolute;
-  margin-top: 0;
-  z-index: 9;
-  height: 100%;
-  width: 100%;
-  opacity: 0;
-  cursor: pointer;
-}
-.carousel-slide:checked {
-  z-index: 8;
-}
-.carousel-slide:checked + .slide {
-  opacity: 0;
-}
-.carousel-slide:checked:nth-child(1):checked {
-  z-index: 9;
-}
-.carousel-slide:nth-child(1):checked {
-  float: left;
-  z-index: 9;
-}
-.carousel-slide:nth-child(1):checked + .slide {
-  opacity: 1;
-}
-.carousel-slide:nth-child(1):checked ~ .carousel-slide {
-  float: left;
-  z-index: 8;
-}
-.carousel-slide:nth-child(1):checked ~ .carousel-slide + .slide {
-  opacity: 0;
-}
-.carousel-slide:nth-child(1):checked ~ .carousel-slide:checked {
-  z-index: 9;
-}
-.carousel-slide:nth-child(1):checked ~ .carousel-slide:checked + .slide {
-  opacity: 1;
-}
+
 </style>
 <template>
 <div class="postComponent">
@@ -213,7 +105,7 @@
                     <h3 class="status-heart m-0 far fa-heart text-dark"></h3>
                   </button>
                 </form>
-                <h3 class="far fa-comment pr-3 m-0" title="Comment"></h3>
+                <h3 class="far fa-comment pr-3 m-0" title="Comment" v-on:click="commentFocus"></h3>
                 <form class="d-inline-flex share-form pr-3" method="post" action="/i/share" style="display: inline;" data-id="11todo" data-action="share" data-count="status.favourite_count">
                   <input type="hidden" name="_token" value="">
                   <input type="hidden" name="item" :value="statusId">
@@ -225,7 +117,7 @@
                 <span class="float-right">
                   <form class="d-inline-flex" method="post" action="/i/bookmark" style="display: inline;" data-id="#" data-action="bookmark" onclick="this.preventDefault()">
                     <input type="hidden" name="_token" value="">
-                    <input type="hidden" name="item" value="#">
+                    <input type="hidden" name="item" :value="statusId">
                     <button class="btn btn-link text-dark p-0 border-0" type="submit" title="Save">
                       <h3 class="m-0 far fa-bookmark"></h3>
                     </button>
@@ -267,6 +159,9 @@ pixelfed.postComponent = {};
 pixelfed.presenter = {
   show: {
     image: function(container, media) {
+      $('.status-container')
+        .removeClass('orientation-unknown')
+        .addClass('orientation-' + media[0]['orientation']);
       let wrapper = $('<div>');
       wrapper.addClass(media[0]['filter_class']);
       let el = $('<img>');
@@ -288,29 +183,67 @@ pixelfed.presenter = {
       container.append(wrapper);
     },
 
-    imageAlbum: function(container, media) {
+    imageAlbum: function(container, media, status) {
+      $('.status-container')
+        .removeClass('orientation-unknown')
+        .addClass('orientation-' + media[0]['orientation']);
+      let id = 'photo-carousel-wrapper-' + status.id;
       let wrapper = $('<div>');
-      wrapper.addClass('carousel');
-      let counter = $('<div>');
-      counter.attr('class', 'counter');
-      counter.attr('count', media.length);
-      counter.text('  / ' + media.length);
-      for(var i = media.length - 1; i >= 0; i--) {
+      wrapper.addClass('carousel slide carousel-fade');
+      wrapper.attr('data-ride', 'carousel');
+      wrapper.attr('id', id);
+      let indicators = $('<ol>');
+      indicators.addClass('carousel-indicators');
+      let prev = $('<a>');
+      prev.addClass('carousel-control-prev');
+      prev.attr('href', '#' + id);
+      prev.attr('role', 'button');
+      prev.attr('data-slide', 'prev');
+      let prevIcon = $('<span>').addClass('carousel-control-prev-icon').attr('aria-hidden', 'true');
+      let prevSr = $('<span>').addClass('sr-only');
+      prev.append(prevIcon, prevSr);
+      let next = $('<a>');
+      next.addClass('carousel-control-next');
+      next.attr('href', '#' + id);
+      next.attr('role', 'button');
+      next.attr('data-slide', 'next');
+      let nextIcon = $('<span>').addClass('carousel-control-next-icon').attr('aria-hidden', 'true');
+      let nextSr = $('<span>').addClass('sr-only');
+      let inner = $('<div>').addClass('carousel-inner');
+      next.append(nextIcon, nextSr);
+      for(let i = 0; i < media.length; i++) {
+        let li = $('<li>');
+        li.attr('data-target', '#' + id);
+        li.attr('data-slide-to', i);
+        if(i == 0) {
+          li.addClass('active');
+        }
+        indicators.append(li);
         let item = media[i];
-        let carouselItem = $('<div>').addClass('slide d-flex align-items-center');
-        carouselItem.attr('slide', i + 1);
-        carouselItem.attr('annot', item.description);
-        let check = $('<input>');
-        check.attr('type', 'checkbox');
-        check.attr('class', 'carousel-slide');
+        let carouselItem = $('<div>').addClass('carousel-item');
+        if(i == 0) {
+          carouselItem.addClass('active');
+        }
+        let figure = $('<figure>');
+        if(item['filter_class']) {
+          figure.addClass(item['filter_class']);
+        }
+
+        let badge = $('<span>');
+        badge.addClass('float-right mr-3 badge badge-dark');
+        badge.style = 'position:fixed;top:8px;right:0;margin-bottom:-20px;';
+        badge.text(i+1 + '/' + media.length);
+
         let img = $('<img>');
-        img.addClass('img-fluid');
+        img.addClass('d-block w-100');
         img.attr('src', item['url']);
-        carouselItem.append(img);
-        wrapper.append(check);
-        wrapper.append(carouselItem);
+
+        figure.append(badge, img);
+        carouselItem.append(figure);
+
+        inner.append(carouselItem);
       }
-      wrapper.append(counter);
+      wrapper.append(indicators, inner, prev, next);
       container.append(wrapper);
     }
   }
@@ -322,7 +255,8 @@ export default {
         return {
             status: {},
             media: {},
-            user: {}
+            user: {},
+            reactions: {}
           }
     },
     mounted() {
@@ -332,9 +266,23 @@ export default {
           el.val(token);
       });
       this.fetchData();
-      pixelfed.hydrateLikes();
+      //pixelfed.hydrateLikes();
       this.authCheck();
     },
+    updated() {
+      $('.carousel').carousel();
+      if(this.reactions) {
+        if(this.reactions.bookmarked == true) {
+          $('.far.fa-bookmark').removeClass('far').addClass('fas text-warning');
+        }
+        if(this.reactions.shared == true) {
+          $('.far.fa-share-square').addClass('text-primary');
+        }
+        if(this.reactions.liked == true) {
+          $('.far.fa-heart ').removeClass('far text-dark').addClass('fas text-danger');
+        }
+      }
+    },
     methods: {
       authCheck() {
         let authed = $('body').hasClass('loggedIn');
@@ -355,7 +303,7 @@ export default {
       },
       timestampFormat() {
           let ts = new Date(this.status.created_at);
-          return ts.toDateString();
+          return ts.toDateString() + ' ' + ts.toLocaleTimeString();
       },
       fetchData() {
           let url = '/api/v2/profile/'+this.statusUsername+'/status/'+this.statusId;
@@ -365,6 +313,7 @@ export default {
                 self.status = response.data.status;
                 self.user = response.data.user;
                 self.media = self.status.media_attachments;
+                self.reactions = response.data.reactions;
                 this.buildPresenter();
                 this.showMuteBlock();
             }).catch(error => {
@@ -386,6 +335,9 @@ export default {
               }
             });
       },
+      commentFocus() {
+        $('.comment-form input[name="comment"]').focus();
+      },
       buildPresenter() {
         let container = $('.postPresenterContainer');
         let status = this.status;
@@ -407,8 +359,7 @@ export default {
           break;
 
           case 'album':
-            pixelfed.presenter.show.imageAlbum(container, media);
-            $('.carousel').carousel();
+            pixelfed.presenter.show.imageAlbum(container, media, this.status);
           break;
 
           case 'video':