@Mentions in comments

Wappler General How To
#1

I am building a market place site with a good deal of social interaction between users.

I want to add something like this for @mentions:

https://podio.github.io/jquery-mentions-input/

My question is: how would I capture the selected user’s id or id’s from the text input to send mail or notification to the user?

Any other suggestions from you clever people out the also welcome!

#2

So i am guessing you want to be able to dynamically reproduce the membership part of this such as this?

  { id:1, name:'Kenneth Auchenberg', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' },
  { id:2, name:'Jon Froda', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' },
  { id:3, name:'Anders Pollas', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' },
  { id:4, name:'Kasper Hulthin', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' },
  { id:5, name:'Andreas Haugstrup', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' },
  { id:6, name:'Pete Lacey', 'avatar':'http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif', 'type':'contact' }

Technically it shouldn’t be that difficult, after all it’s just data in a repeat but i think it is not going to be possible directly in wappler without a few code view changes

If this is the issue then try firstly recreating the data structure using a data query and a repeating region with the desired data output in a text string.

Then it may be possible to copy that code block into the static javascript body replacing the fixed content.

I confess not something I have tried but don’t see why it cant be done, done similar in PHP many times

Either way that looks like a nice component which I will have to have a play with at some time

#3

Mentions and hashtags would be a nice addition to Wappler Core as it involves several moving parts working seamlessly.

a) Querying the data source
b) Autocompleting in inputs
c) Rendering in text areas
d) On click events

I don’t have the need at the moment but you could open a feature request for this.

3 Likes
#4

Hi I’m considering switching to Wappler for Bubble but would really need this functionality. Does anyone know if this is now possible in Wappler, any components in core added to support @mentions and hashtags in a custom input element.

1 Like
#5

Please check the Mix mode available for the Tagify component: