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

Fixes #1544, allow read more to be disabled on posts

public/mix-manifest.json

@@ -20,7 +20,7 @@
     "/js/profile.js": "/js/profile.js?id=ea657aeb8d50b124f7e5",
     "/js/quill.js": "/js/quill.js?id=9edfe94c043a1bc68860",
     "/js/search.js": "/js/search.js?id=b1bd588d07e682f8fce5",
-    "/js/status.js": "/js/status.js?id=769dca36a9a31b7fda55",
+    "/js/status.js": "/js/status.js?id=709b96bbcc47b605497b",
     "/js/theme-monokai.js": "/js/theme-monokai.js?id=344fb8527bb66574e4cd",
     "/js/timeline.js": "/js/timeline.js?id=2bf7f82e900bd72a73f9"
 }

resources/assets/js/components/PostComponent.vue

@@ -499,6 +499,7 @@ export default {
             replyingToId: this.statusId,
             replyToIndex: 0,
             emoji: ['😀','🤣','😃','😄','😆','😉','😊','😋','😘','😗','😙','😚','🤗','🤩','🤔','🤨','😐','😑','😶','🙄','😏','😣','😥','😮','🤐','😪','😫','😴','😌','😛','😜','😝','🤤','😒','😓','😔','😕','🙃','🤑','😲','🙁','😖','😞','😟','😤','😭','😦','😧','😨','😩','🤯','😬','😰','😱','😳','🤪','😵','😡','😠','🤬','😷','🤒','🤕','🤢','🤮','🤧','😇','🤠','🤡','🤥','🤫','🤭','🧐','🤓','😈','👿','👹','👺','💀','👻','👽','🤖','💩','😺','😸','😹','😻','😼','😽','🙀','😿','😾','🤲','👐','🤝','👍','👎','👊','✊','🤛','🤜','🤞','✌️','🤟','🤘','👈','👉','👆','👇','☝️','✋','🤚','🖐','🖖','👋','🤙','💪','🖕','✍️','🙏','💍','💄','💋','👄','👅','👂','👃','👣','👁','👀','🧠','🗣','👤','👥'],
+            showReadMore: true,
           }
     },
 
@@ -514,11 +515,18 @@ export default {
 
     mounted() {
       this.fetchRelationships();
+      if(localStorage.getItem('pf_metro_ui.exp.rm') == 'false') {
+        this.showReadMore = false;
+      } else {
+        this.showReadMore = true;
+      }
     },
 
     updated() {
       $('.carousel').carousel();
-      window.pixelfed.readmore();
+      if(this.showReadMore == true) {
+        window.pixelfed.readmore();
+      }
     },
 
     methods: {