• Threads
  • Categories
  • Users
  • GitHub
  • Documentation
  • Discord
  • forum
  • group
  • search
  • chevron_right Threads
  • label Styling

customize front

smbh
Nov. 18, 2018
chat_bubble_outline 10
  • link
    smbh
    Members 6 posts
    Nov. 18, 2018, 11:39 a.m. Nov. 18, 2018, 11:39 a.m.
    link

    Hi @rafalp
    Can u give us an specific instruction to customize frontend ?
    i ve tried gulp to do it but it was really confusing and i have decided to not using react at all.
    when i move frontend and misago.js to disable react and make changes in html pages (in misago templates) it wont work.
    actually it will when u refresh multiple times u can see changes but only in seconds and it will reset to original view.

    Thank you.

  • link
    rafalp
    Project Lead 1623 posts
    Nov. 18, 2018, 5:33 p.m. Nov. 18, 2018, 5:33 p.m.
    link

    Hello,

    I am afraid this can't be helped. Large and important part of Misago is React.js application developed using Node.js tools such as Gulp.js, Babel.js, Less.css and Browserify. If you remove this part, Misago will not work, because no HTML templates implement any interactions.

    when u refresh multiple times u can see changes but only in seconds and it will reset to original view

    Yes. What you see is React.js application replacing HTML with its own. I want to remove HTML templates from Misago in one of future version, and make all HTML displayed in the browser come from React.js application, so people are no longer confused by this.

  • link
    smbh
    Members 6 posts
    Nov. 18, 2018, 8:18 p.m. Nov. 18, 2018, 8:18 p.m.
    link

    @rafalp
    Thank you for ur response. yes i did realize that after i spend some time with it.
    but it would be very amazing if there was a guid for mapping js files and how to start making changes in specific order (not in detail).
    Thank you for ur time.

  • link
    rafalp
    Project Lead 1623 posts
    Nov. 18, 2018, 8:21 p.m. Nov. 18, 2018, 8:21 p.m.
    link

    You shouldn't change JS files to customize the Misago. Editing/adding CSS and images should be enough.

    Can you describe what changes are you interested in doing?

  • link
    smbh
    Members 6 posts
    Nov. 19, 2018, 8:17 a.m. Nov. 19, 2018, 8:17 a.m.
    link
    @rafalp has written:

    Can you describe what changes are you interested in doing?

    basically localization is our priority for now. but in long shot we intended to migrate to react native to have mobile app.

  • link
    rafalp
    Project Lead 1623 posts
    Nov. 19, 2018, 10:24 a.m. Nov. 19, 2018, 10:24 a.m.
    link

    What localization feature are you missing? Localization is fully supported out of the box and doesn't require frontend files modifications.

  • link
    smbh
    Members 6 posts
    Nov. 19, 2018, 10:45 a.m. Nov. 19, 2018, 10:45 a.m.
    link

    check these
    not only translation. some basic changes in UI

    2.png

    PNG, 219.1 KB, uploaded by smbh on Nov. 19, 2018.

    1.png

    PNG, 234.4 KB, uploaded by smbh on Nov. 19, 2018.

  • link
    smbh
    Members 6 posts
    Nov. 19, 2018, 10:50 a.m. Nov. 19, 2018, 10:50 a.m.
    link

    i need to access react components besides less and css styles to handle this kinds of stuff

  • link
    rafalp
    Project Lead 1623 posts
    Nov. 20, 2018, 11:20 a.m. Nov. 20, 2018, 11:20 a.m.
    link

    Yeah, RTL languages are totally different thing, and I am not sure that frontend is only thing that needs changing here. Shouldn't some Misago validators also need to be updated when testing prefixes?

  • link
    smbh
    Members 6 posts
    Nov. 24, 2018, 11:58 a.m. Nov. 24, 2018, 11:58 a.m.
    link
    @rafalp has written:

    Yeah, RTL languages are totally different thing, and I am not sure that frontend is only thing that needs changing here. Shouldn't some Misago validators also need to be updated when testing prefixes?

    @rafalp
    of course. i can solve that manually.
    The big challenge for me was front-end.
    for many reasons we decide to not using misago for our system, but if there were a better documentation in project structure we could develop it to support RTL languages in front end and back end.
    best regards,
    smbh

  • link
    rafalp
    Project Lead 1623 posts
    Nov. 24, 2018, 6:27 p.m. Nov. 24, 2018, 6:27 p.m.
    link

    I understand. Good luck with your project anyway! 👍

    smbh likes this.

    favorite 1

There are no more posts in this thread.

  • This site uses cookies to gather statistical data for use in traffic analysis. Header photo by Joanna Malinowska.
  • GitHub
  • Documentation
  • Discord
  • Terms of service
  • Privacy policy
powered by misago