• Extensions
  • Blog - Adds a blog section to your community

  • [deleted]

  • Edited

@JasperVriends is this extension compatible with FoF/Gamification ?

I see the below in the console

Uncaught TypeError: n.ranks(...).reverse is not a function
    at e.<anonymous> (addUserInfo.js:103)
    at e.t.<computed> (extend.js:27)
    at e.t.<computed> [as view] (extend.js:25)
    at e.render (Component.js:100)
    at e.n.headerItems (CommentPost.js:134)
    at e.t.<computed> (extend.js:25)
    at e.t.<computed> (extend.js:25)
    at e.t.<computed> (extend.js:25)
    at e.t.<computed> (extend.js:25)
    at e.t.<computed> [as headerItems] (extend.js:25)
3addUserInfo.js:103 Uncaught TypeError: n.ranks(...).reverse is not a function
    at e.<anonymous> (addUserInfo.js:103)
    at e.t.<computed> (extend.js:27)
    at e.t.<computed> [as view] (extend.js:25)
    at e.render (Component.js:100)
    at e.n.headerItems (CommentPost.js:134)
    at e.t.<computed> (extend.js:25)
    at e.t.<computed> (extend.js:25)
    at e.t.<computed> (extend.js:25)
    at e.t.<computed> (extend.js:25)
    at e.t.<computed> [as headerItems] (extend.js:25)

Seems to also conflict with @clarkwinkelmann "Who Read" extension :-(

    @[deleted] @mekici The release below should fix your issues 🙂

    Release v0.1.2

    Thank you for reporting bugs and feedback!

    Changelog:

      • [deleted]

      • Edited

      JasperVriends some things I've noticed. I'll raise GitHub issues for them, but wanted to outline them here for brevity purposes

      • having the ability to include the hero section on the blog page would be great. It looks odd when discussions are loaded that have a header, and the blog page doesn't.
      • there doesn't appear to be any div class applied to the avatar and bio section which makes customisation almost impossible as there is no div specific to target
      • no support for FoF/nightmode. Easily resolved with custom css, but...

      I absolutely love this extension and it's groundbreaking in the sense that it takes flarum into a new dimension. I'm going to be using this extensively, so am happy to offer tips, suggestions, etc.

      EDIT - GitHub issues raised

      For anyone needing fixes for fof/nightmode the following LESS will fix the blog section.

      /*
       * Blog Dark Mode Fixes
       */
      .dark {
          .FlarumBlogItem .FlarumBlog-Article .FlarumBlog-Article-Container .FlarumBlog-Article-Post {
              background-color: #14191f;
          }
          .FlarumBlog-Article-Categories {
              background-color: #14191f;
          }
          .BlogItemPage {
              background-color: #14191f;
          }
          .FlarumBlogItem .FlarumBlog-Article .FlarumBlog-Article-Container .FlarumBlog-Article-Comments {
              background-color: #14191f;
              box-shadow: 1px 3px 9px 0px #000000;
          }
          .FlarumBlogItem .FlarumBlog-Article .FlarumBlog-Article-Author .FlarumBlog-Article-Author-Info {
               background: #14191f;
               box-shadow: 1px 3px 9px 0px #000000;
           }
           .BlogCategories {
               background: #14191f;
               box-shadow: 1px 3px 9px 0px #000000;
           }
           .FlarumBlogItem .FlarumBlog-Article .FlarumBlog-Article-Container .FlarumBlog-Article-Content {
               background: #14191f;
               box-shadow: 1px 3px 9px 0px #000000;
           }
           .App.BlogOverviewPage {
               background: #14191f;
           }
      }

      You can copy and past this direct into the Flarum appearance settings.

        askvortsov I believe that it still adds it for compatibility? If I'm running an older version and this no longer works then that's a pretty big oversight/problem as it prevents admins from targeting dark mode vs regular with their custom CSS.

        JasperVriends thank you for the quick update.

        Suggestion: It would be much more functional if a certain number of featured articles are shown at the top of the all discussions page or on the left.

        Have finally gotten around to installing with the fix (thx!), let me reiterate this is a wonderful extension. Couple things I noticed.

        • If I click on a blog post that is visible from the discussions page, I cannot use the flarum back button in the header navigation, I guess because of the redirect used to take you to the blog it will just redirect you back to the blog again. The only way to get back to the discussion page I could find was to use a header link (site logo), which may not be obvious for normal users.
        • If I select a primary tag for the blog tag, it gets removed from the tag list on the sidebar, and the tag page, so the only way I could figure out how to get to the blog page was to find a discussion matching the blog tags. A shortcut to the blog overview, or perhaps optionally leave the tags in the tag list to keep them discoverable would be nice.
        • note i did not notice the above behaviour for the secondary tags chosen, they were still visible from the tag list.
        • once a tag has been 'converted' to a blog type, I don't think there is any way to follow/lurk the tags, or blogs discussions. perhaps if you were following a discussion or tag before setting up the extension they would continue to work, else no way to setup (from what I could tell)

        Kudos again, I am going to be enjoying this for some time!

        I do not currently have my 2FA code for GitHub (on my other phone) so posting here to ensure that I don’t forget @JasperVriends -
        when posting a comment on mobile (iPhone 12 pro, safari, iOS 14.2) the composer box is cut off

          • [deleted]

          tankerkiller125 That won't work in the latest FoF/nightmode as the CSS / LESS is no longer constructed in that way.

            [deleted]

            My night mode customizations. Of course, in its own theme.

            body when (@config-dark-mode = true) {
             // styles
            .FlarumBlogItem .FlarumBlog-Article .FlarumBlog-Article-Container .FlarumBlog-Article-Post {
                    background-color: #1e2329;
                }
                .FlarumBlog-Article-Categories {
                    background-color: #1e2329;
                }
                .BlogItemPage {
                    background-color: #14191f;
                }
                .FlarumBlogItem .FlarumBlog-Article .FlarumBlog-Article-Container .FlarumBlog-Article-Comments {
                    background-color: #14191f;
                    box-shadow: none;
                }
                .FlarumBlogItem .FlarumBlog-Article .FlarumBlog-Article-Author .FlarumBlog-Article-Author-Info {
                     background: #1e2329;
                     box-shadow: none;
                 }
                 .BlogCategories {
                     background: #1e2329;
                     box-shadow: none;
                 }
            	 .BlogCategories-item {color: #888888}
                 .FlarumBlogItem .FlarumBlog-Article .FlarumBlog-Article-Container .FlarumBlog-Article-Content {
                     background: #14191f;
                     box-shadow: none;
                 }
                 .App.BlogOverviewPage {
                     background: #14191f;
                 }
            	 .FlarumBlogOverview .BlogFeatured-list-item {box-shadow: none}
            	 .FlarumBlogOverview .BlogScrubber .BlogList-item {box-shadow: none}
            	 .FlarumBlogOverview .BlogScrubber .BlogList-item-default .BlogList-item-content{background-color: #1e2329;
                color: #fff}
            	.FlarumBlogOverview .BlogScrubber .BlogList-item-default .BlogList-item-content:hover{box-shadow: none}
            .FlarumBlogOverview .BlogScrubber .BlogList-item-content {background-color: #1e2329;
                color: #fff;}
            	 }
              • [deleted]

              mekici Thanks. I need to do something similar for my forum