FriendsOfFlarum Pages

flavour1

I would like to give some css/js eye-candy to one static page (via fof/pages) which will include a description for all primary tags i.e. forum categories and I had this idea to fade the background color of the tag description paragraphs with the color according to the tag with the help of this code snippet:

As far as I understand, the code should work for the class="Pages-container container" only and I guess I have to add it in the "Core Configuration" > "Appearance" > "Custom Styles" css, probably with some >> !important << property rule.

Does anyone have some experience with custom css/js for fof/pages and some hints on how to do this correctly?

cheers and happy to have found flarum and its passionate developers and users!

Circa

The latest version of this extension doesn't work with the "set as home page" setting. It ends up just being a blank page, despite there being content in it. This is latest version, 1.0.6. I tried uninstalling, and reinstalling the extension, do a migrate, and clear cache multiple times. This is all on a brand new Flarum install. See screenshots below. Both settings are correct. The page works if navigated to the slug URL itself (i.e. https://celiac.io/p/1-home) but not the root domain (https://celiac.io).

The FoF Links button works if the link is set to the page slug URL too, but only if you start on the /all page or another page. Once you go to the home page, none of the links work at all.

Might be worth mentioning I set this forum up exactly like another one, same extensions, but the old one is using 1.0.5 of FoF Pages. So this probably is something bugged in the latest. FoF Links versions are the same: 1.1.4.

I get nothing in the Flarum logs, but this is the error(s) I get in the Dev Tools:

TypeError: t is null
    view PagePage.js:27
    a render.js:30
    c render.js:155
    c render.js:160
    c render.js:66
    l render.js:50
    c render.js:103
    c render.js:62
    p render.js:487
    p render.js:419
    f render.js:302
    exports render.js:964
    a mount-redraw.js:14
    m router.js:114
    promise callback*t router.js:126
    k router.js:95
    a render.js:30
    exports render.js:971
    mount mount-redraw.js:45
    y router.js:160
    mount Application.tsx:328
    mount ForumApplication.tsx:114
    boot Application.tsx:299
    <anonymous> (index):160
mount-redraw.js:15:23
    a mount-redraw.js:15
    m router.js:114
    (Async: promise callback)
    t router.js:126
    k router.js:95
    a render.js:30
    exports render.js:971
    mount mount-redraw.js:45
    y router.js:160
    mount Application.tsx:328
    mount ForumApplication.tsx:114
    boot Application.tsx:299
    <anonymous> (index):160
TypeError: t.state is undefined
    p render.js:929
    p render.js:407
    f render.js:315
    p render.js:444
    p render.js:415
    p render.js:488
    p render.js:419
    f render.js:302
    exports render.js:964
    a mount-redraw.js:14
    u mount-redraw.js:25
    u mount-redraw.js:23
    show HomePage.js:18
    loadPage PagePage.js:100
    promise callback*o.loadPage PagePage.js:99
    oninit PagePage.js:18
    oninit HomePage.js:8
    a render.js:30
    M render.js:917
    c render.js:153
    c render.js:160
    c render.js:66
    l render.js:50
    c render.js:103
    c render.js:62
    p render.js:487
    p render.js:419
    f render.js:302
    exports render.js:964
    a mount-redraw.js:14
    m router.js:114
    promise callback*t router.js:126
    k router.js:95
    a render.js:30
    exports render.js:971
    mount mount-redraw.js:45
    y router.js:160
    mount Application.tsx:328
    mount ForumApplication.tsx:114
    boot Application.tsx:299
    <anonymous> (index):160
mount-redraw.js:15:23

Screenshots for them being set correctly:

datitisev

Circa I see why without even needing to reproduce the error on my end. My mistake, releasing v1.0.7 soon with the fix.

datitisev

1.0.6

Use normal white-space break for HTML pages
- This fixes HTML pages also taking line breaks in the content field as line/paragraph breaks, adding more whitespace in between elements which didn't look good.
Change page hero title from 'h2' to 'h1'
Add page ID and slug to div data
- Allows for an easy change that introduces the possibility of per-page CSS customization based on page ID/slug -- eg: .Pages[data-id=2], .Pages[data-slug=test]
- 1.0.7 Fix regression from this change 🤡

Wlork

datitisev

Thank you for this update !

It's great to perfect the different extensions 🙂

Circa

Updating didn't work, even after a cache clear, so I removed the extension again and installed the it fresh and it appears to be working. Thanks!

Litalino

HELP ME ERROR SLUG UTF-8

I'm wondering if it would be possible to change the slug utf-8 for page "admin#/extension/fof-pages".

Demo Pic Error Slug Not Working URL UTF-8

Title: Chính sách bảo mật - Privacy policy => Slug: ch-nh-s-ch-b-o-m-t-privacy-policy

Pic Error

Recommendation: Update add editor

I tried two ways of type and copying both with errors: Converting an accented Vietnamese title to unaccented Vietnamese resulted in an error with the Slug as shown in the illustration above.

Ex Title : Chính sách bảo mật - Privacy policy

Error slug : ch-nh-s-ch-b-o-m-t-privacy-policy

I want Slug: chinh-sach-bao-mat-privacy-policy Or Chinh-sach-bao-mat-privacy-policy

extension/fof-pages :: not support Automatically convert: accented Vietnamese title to unaccented Vietnamese slug

datitisev

Litalino While we could add slug drivers to properly support other languages better, I don't think it's a priority or really that necessary. One can edit the slug manually for each page, and so you can easily set it to what you want it to be or what it should be.

Litalino

datitisev I am very grateful that you explained it to me clearly

Steve33

How can I display the link only for members? Is there a way to restrict the rights?

HimiCos

Today, I wanted to clean up the data in the database so that slug could reorder it, so I just deleted the pages table in mysql. Now the problem is that the plugin reports an error, clearing the cache and reinstalling the plugin reports an error, and the reset button is also invalid. Please help me, thank you

clarkwinkelmann

HimiCos you need to delete the corresponding entries in the migrations table if you want the extension to be able to reset or re-create tables correctly.

Since FoF Pages has a single table and all migrations only add columns to that table, if you deleted the table then you can delete all migrations where extension=fof-pages and next time you enable the extension or run php flarum migrate, Flarum will attempt to re-create the table.

HimiCos

clarkwinkelmann Yes, I deleted the table, and then I tried to run php flarum migrate:reset --extension fof-pages and it doesn't seem to have recreated the Pages table

HimiCos

clarkwinkelmann So I am now going to web directory to find vendor/fof/pages/migrations, and then delete all the files inside, and then run php flarum migrate, it will be to recreate the table? The logical relationship is not quite clear, thank you for your answer!

clarkwinkelmann

HimiCos no, you need to delete the entries in the database table called migrations that correspond to those filenames.

If you delete files in vendor the extension will stop working. If you already deleted some files, delete the entire vendor folder and run composer install to download all the original files again.

HimiCos

clarkwinkelmann I got it. Thank you so much!

DaleZ

datitisev I don't know if it's too late, but it actually has a better workaround.

<iframe srcdoc="<script>alert('Hello world');</script>"></iframe>

For the origional need, it can using this way to inject the script tag.

IcePhreak

DaleZ so iframe will work around this?
Update: able to run a form that submits to discord. Used an iframe. Absolutely brilliant

joanaranda

Is there any way to embed php code inside the page?

I have tried to embed it into php tags:

<?php
:
?>

...but it doesn't work. Am I doing anything wrong? Or is it impossible?

I would help me much.

datitisev

joanaranda You cannot use PHP, as the page code does not run in the backend. If you need to run PHP code, it may make more sense to extend your site using extend.php or build an extension.

joanaranda

datitisev - Thank you. Every day, I am more convinced that I need to learn to deal with extend.php and build extensions...

Not an easy task, but certainly it looks like this is the way to make a software as powerful as Flarum even greater. Let's see if I can make it, @datitisev. I appreciate much your advice.

« Previous Page