Discourse Tab Bar for Mobile

[Firepup650 (Firepup Sixfifty)]

Could you disable scrolling on the wrapper without disabling scrolling of the chat itself?

[Drew-ART (Drew)]

@hoangphuctran93 Did you ever figure out how to call the hamburger menu to open? I want to call the new sidebar to open, which should be the same call.

[Canapin (Coin-coin le Canapin)]

Though a team member created the component (wasn’t necessarily part of the team when they created it), it’s not official and will not be monitored and updated as much as official ones.

For this kind of component, I think it will benefit from pull requests if someone wants to give it a try to fix the existing issues.

[Drew-ART (Drew)]

If anyone is using the assigned plugin this URL works:

my/activity/assigned

What do we enter into the box in settings to add a new font awesome icon?

[Mr.X_Mr.X]

@Osama

Yes these are the correct properties that we need to consume, but with Discourse being an Ember application, we typically don’t subscribe to DOM events to update the UI. Instead, we should use what Ember calls ‘computed’ properties .

The component already defines a computed property here , so you can use that as an example. Once you’ve defined your computed property that determines whether or not the notifications badge should be displayed (based on the currentUser.unread_high_priority_notifications etc. properties), you will need to use your computed property in the Handlebars template in the same link at the bottom.

Note: implementing this feature in a separate component is tricky, so everything I said here assumes that you’re implementing this in the component itself, not a separate component.

DId anyone manage to get this working? In the wake of the Ai Chatbot function, users might need to be alerted when the bot replies and make the unread messages icon carry a badge as per social media industry standards for UI/UX.

[Damian_Boon]

this now breaks the site, not sure why

[Arkshine]

The original repository received recent updates to fix deprecations and make other improvements. It’s not currently available in @th21 's fork.

[Zup]

Where is the original repository?

[Arkshine]

You can see any original repository at the top of the topic. Here is what you’re looking for: GitHub - OsamaSayegh/discourse-tab-bar-theme.

[Zomb (Ro)]

Looks great! Do wish there were back/forward buttons.

[MihirR (Mihir)]

Is there some style error on the Chat or DM page? Like there seems an empty space there and there is no tab bar option there.

[Drew-ART (Drew)]

If i created a couple of forks of this and reinstalled them, would it be possible to define which url’s on my site each one loads?

For example

• ‘load/exclude on url: /t/’
• ‘load/exclude on url: /c/’
• ‘load/exclude on url: /c/puppies’

The goal is to creating a tab-bar that changes icons and links for 3 different areas of the site, bringing to users the actions that i want users to take in each area.

---

I wonder if the Kanban plugin function ‘Display categories’ might have some code that could be repurposed to enable that.

A list of categories where the "Board" button should appear. If left blank, it will be shown everywhere. Use @ to denote the top level view.

Alternatively, perhaps the isHomepage getter could be modified to check for other pages too?

Add custom content that only appears on your homepage

A very common situation you’ll find yourself in as a theme developer is the need to create content that only shows on the homepage of your community. You might add some HTML to the “After Header” section of your theme, which will then appear on every page. You can jump through some hoops in CSS to hide this everywhere except the homepage… but instead let’s use a Discourse theme to create a component with content that is only visible on your homepage. If you’re unfamiliar with Discourse themes …

[Osama]

@Drew-ART

If i created a couple of forks of this and reinstalled them, would it be possible to define which url’s on my site each one loads?

For example

• ‘load/exclude on url: /t/’
• ‘load/exclude on url: /c/’
• ‘load/exclude on url: /c/puppies’

The goal is to creating a tab-bar that changes icons and links for 3 different areas of the site, bringing to users the actions that i want users to take in each area.

That’s not possibly by simply installing multiple copies of the component – you’d need to fork the component and modify it to support your use case.

[Drew-ART (Drew)]

Yes, that’s what i’m suggesting. I’m asking whether that is a sensible route to go and if its likely to work with the lovely component you’ve built.

[Osama]

@Drew-ART

I’m asking whether that is a sensible route to go and if its likely to work with the lovely component you’ve built.

You know better the needs of your site/community, so if you feel like that would be an improvement for your site or it would solve a problem, you’re certainly more than welcome to fork the code and modify it. That’s the beauty of open source