Merge pull request #740 from pixelfed/frontend-ui-refactor

Update compiled assets

public/js/activity.js

@@ -1 +1 @@
-!function(t){var n={};function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="/",e(e.s=1)}({1:function(t,n,e){t.exports=e("nr3X")},nr3X:function(t,n){$(document).ready(function(){$(".pagination").hide();var t=document.querySelector(".notification-page .list-group");new InfiniteScroll(t,{path:".pagination__next",append:".notification-page .list-group",status:".page-load-status",history:!0})})}});
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=1)}({1:function(e,t,n){e.exports=n("hUgz")},hUgz:function(e,t){$(document).ready(function(){$(".pagination").hide();var e=document.querySelector(".notification-page .list-group");new InfiniteScroll(e,{path:".pagination__next",append:".notification-page .list-group",status:".page-load-status",history:!0})})}});

public/js/timeline.js

@@ -1 +1 @@
-!function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=3)}({3:function(e,t,n){e.exports=n("uOOV")},uOOV:function(e,t){$(document).ready(function(){$(".pagination").hide(),$(".container.timeline-container").removeClass("d-none");var e=document.querySelector(".timeline-feed"),t=e.getAttribute("data-timeline");$('.timeline-sidenav .nav-link[data-type="'+t+'"]').addClass("active"),pixelfed.readmore(),pixelfed.fetchLikes(),$("video").on("play",function(){activated=this,$("video").each(function(){this!=activated&&this.pause()})}),new InfiniteScroll(e,{path:".pagination__next",append:".timeline-feed",status:".page-load-status",history:!1}).on("append",function(e,t,n){pixelfed.hydrateLikes(),$(".status-card > .card-footer").each(function(){var e=$(this);e.hasClass("d-none")||e.find('input[name="comment"]').val()||$(this).addClass("d-none")}),$("video").on("play",function(){activated=this,$("video").each(function(){this!=activated&&this.pause()})})})}),$(document).on("DOMContentLoaded",function(){var e=!1,t=function(){if(pixelfed.readmore(),!1===e){e=!0;var t=[].slice.call(document.querySelectorAll("img.lazy"));t.forEach(function(e){e.getBoundingClientRect().top<=window.innerHeight&&e.getBoundingClientRect().bottom>=0&&"none"!==getComputedStyle(e).display&&(e.src=e.dataset.src,e.srcset=e.dataset.srcset,e.classList.remove("lazy"),t=t.filter(function(t){return t!==e}))}),e=!1}};document.addEventListener("scroll",t),window.addEventListener("resize",t),window.addEventListener("orientationchange",t)})}});
+!function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(i,o,function(t){return e[t]}.bind(null,o));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=3)}({3:function(e,t,n){e.exports=n("KqaD")},KqaD:function(e,t){$(document).ready(function(){$(".pagination").hide(),$(".container.timeline-container").removeClass("d-none");var e=document.querySelector(".timeline-feed"),t=e.getAttribute("data-timeline");$('.timeline-sidenav .nav-link[data-type="'+t+'"]').addClass("active"),pixelfed.readmore(),pixelfed.fetchLikes(),$("video").on("play",function(){activated=this,$("video").each(function(){this!=activated&&this.pause()})}),new InfiniteScroll(e,{path:".pagination__next",append:".timeline-feed",status:".page-load-status",history:!1}).on("append",function(e,t,n){pixelfed.hydrateLikes(),$(".status-card > .card-footer").each(function(){var e=$(this);e.hasClass("d-none")||e.find('input[name="comment"]').val()||$(this).addClass("d-none")}),$("video").on("play",function(){activated=this,$("video").each(function(){this!=activated&&this.pause()})})})}),$(document).on("DOMContentLoaded",function(){var e=!1,t=function(){if(pixelfed.readmore(),!1===e){e=!0;var t=[].slice.call(document.querySelectorAll("img.lazy"));t.forEach(function(e){e.getBoundingClientRect().top<=window.innerHeight&&e.getBoundingClientRect().bottom>=0&&"none"!==getComputedStyle(e).display&&(e.src=e.dataset.src,e.srcset=e.dataset.srcset,e.classList.remove("lazy"),t=t.filter(function(t){return t!==e}))}),e=!1}};document.addEventListener("scroll",t),window.addEventListener("resize",t),window.addEventListener("orientationchange",t)})}});

resources/assets/js/components.js

@@ -3,6 +3,7 @@ import BootstrapVue from 'bootstrap-vue'
 import InfiniteLoading from 'vue-infinite-loading';
 import Loading from 'vue-loading-overlay';
 import VueTimeago from 'vue-timeago';
+//import {Howl, Howler} from 'howler';
 
 Vue.use(BootstrapVue);
 Vue.use(InfiniteLoading);
@@ -29,7 +30,6 @@ try {
     document.createEvent("TouchEvent");
     $('body').addClass('touch');
 } catch (e) {
-    return false;
 }
 
 window.InfiniteScroll = require('infinite-scroll');
@@ -67,44 +67,49 @@ window.pixelfed.n = {};
 
 Vue.component(
     'photo-presenter',
-    require('./components/presenter/PhotoPresenter.vue')
+    require('./components/presenter/PhotoPresenter.vue').default
 );
 
 Vue.component(
     'video-presenter',
-    require('./components/presenter/VideoPresenter.vue')
+    require('./components/presenter/VideoPresenter.vue').default
 );
 
 Vue.component(
     'photo-album-presenter',
-    require('./components/presenter/PhotoAlbumPresenter.vue')
+    require('./components/presenter/PhotoAlbumPresenter.vue').default
 );
 
 Vue.component(
     'video-album-presenter',
-    require('./components/presenter/VideoAlbumPresenter.vue')
+    require('./components/presenter/VideoAlbumPresenter.vue').default
 );
 
 Vue.component(
     'mixed-album-presenter',
-    require('./components/presenter/MixedAlbumPresenter.vue')
+    require('./components/presenter/MixedAlbumPresenter.vue').default
 );
 
 // Vue.component(
 //     'micro',
-//     require('./components/Micro.vue')
+//     require('./components/Micro.vue').default
 // );
 
 Vue.component(
     'follow-suggestions',
-    require('./components/FollowSuggestions.vue')
+    require('./components/FollowSuggestions.vue').default
 );
 
 Vue.component(
     'discover-component',
-    require('./components/DiscoverComponent.vue')
+    require('./components/DiscoverComponent.vue').default
 );
 
+// Vue.component(
+//     'profile',
+//     require('./components/Profile.vue').default
+// );
+
 // Vue.component(
 //     'circle-panel',
 //     require('./components/CirclePanel.vue')
@@ -112,53 +117,55 @@ Vue.component(
 
 Vue.component(
     'post-component',
-    require('./components/PostComponent.vue')
+    require('./components/PostComponent.vue').default
 );
 
 Vue.component(
     'post-comments',
-    require('./components/PostComments.vue')
+    require('./components/PostComments.vue').default
 );
 
 Vue.component(
     'timeline',
-    require('./components/Timeline.vue')
+    require('./components/Timeline.vue').default
 );
 
-Vue.component(
+// Vue.component(
-    'passport-clients',
+//     'passport-clients',
-    require('./components/passport/Clients.vue')
+//     require('./components/passport/Clients.vue').default
-);
+// );
 
-Vue.component(
+// Vue.component(
-    'passport-authorized-clients',
+//     'passport-authorized-clients',
-    require('./components/passport/AuthorizedClients.vue')
+//     require('./components/passport/AuthorizedClients.vue').default
-);
+// );
 
-Vue.component(
+// Vue.component(
-    'passport-personal-access-tokens',
+//     'passport-personal-access-tokens',
-    require('./components/passport/PersonalAccessTokens.vue')
+//     require('./components/passport/PersonalAccessTokens.vue').default
-);
+// );
 
-window.pixelfed.copyToClipboard = (str) => {
+//import 'promise-polyfill/src/polyfill';
-  const el = document.createElement('textarea');
+
-  el.value = str;
+// window.pixelfed.copyToClipboard = (str) => {
-  el.setAttribute('readonly', '');
+//   const el = document.createElement('textarea');
-  el.style.position = 'absolute';
+//   el.value = str;
-  el.style.left = '-9999px';
+//   el.setAttribute('readonly', '');
-  document.body.appendChild(el);
+//   el.style.position = 'absolute';
-  const selected =
+//   el.style.left = '-9999px';
-    document.getSelection().rangeCount > 0
+//   document.body.appendChild(el);
-      ? document.getSelection().getRangeAt(0)
+//   const selected =
-      : false;
+//     document.getSelection().rangeCount > 0
-  el.select();
+//       ? document.getSelection().getRangeAt(0)
-  document.execCommand('copy');
+//       : false;
-  document.body.removeChild(el);
+//   el.select();
-  if (selected) {
+//   document.execCommand('copy');
-    document.getSelection().removeAllRanges();
+//   document.body.removeChild(el);
-    document.getSelection().addRange(selected);
+//   if (selected) {
-  }
+//     document.getSelection().removeAllRanges();
-};
+//     document.getSelection().addRange(selected);
+//   }
+// };
 
 $(document).ready(function() {
   $(function () {