By marco deluca on Saturday, 29 March 2014
Posted in Technical Issues
Replies 11
Likes 0
Views 1.1K
Votes 0
I saw a post awhile ago asking about having a chat feature. Im curious to see what people think is the difference between a social stream and a chat. Using a few HTML overrides, some custom CSS and settings from the backend of ES to do things like make ENTER submit the stream content, I've cleaned up the ES social stream to be more minimal and more conducive for a "chat" type interface.

ES social stream is powerful given what you can do with @mentions and #hashtags and sharing rules, etc. Ive recently starting using an app called http://flowdock.com which inspired me to modify the ES social stream to work a bit more like that. I attached a few pictures to illustrate. The basic idea is moving away from this facebook type post page and towards a more live and interactive application. I guess this is more useful for people who want to use easysocial for project/workplace collaboration as opposed to a place to upload photos of kittens or whatever it is people use social media for nowadays:)

I fixed the "share what's new" thing, "es-story" to the bottom of the page. i turned off a lot of the social sharing, likes etc, and I hid the edit/delete option as well as the sharing rules until you hover over one of the rows, then you see those options. Other than that and using basic bootstrap stuff to reposition things into columns and rows, i really didnt change that much.

Aside from those minor structural changes, ES works really well for this kind of setup. I've only just made the mods so I'll have to use it for a bit to see where this falls short. It works well with responsiveness too. Anyway, all this to say, if anyone has any comments or suggestions or if their interested in this kind of layout, perhaps we could get a modified theme into the main repo, wireframe for "chat" instead of "post" kind of thing.
Very creative Marco! This is what I am talking about since day 1, that EasySocial is really extensible to do anything that you want
·
Saturday, 29 March 2014 13:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks @Marc. So here's the question - how should I go about updating the stream ajaxily for everyone, not just myself? When I post a comment, which I'd like to refer to as an instant message to whatever the default filter is (everyone, my friends, etc). I'd like to update for everyone so people dont have to refresh their screen to see new messages.

Thoughts?
·
Saturday, 29 March 2014 19:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Marco,

Hm, this is already enabled by default when there's a new stream for a user. Perhaps you might want to reduce the "interval" to something lower in the settings?
·
Sunday, 30 March 2014 04:21
·
0 Likes
·
0 Votes
·
0 Comments
·
My interval is at 5 seconds. The stream doesn't reload, what I see is a refresh message: "New updates from the feed.". See attached. Is there no way to have the stream refresh automatically?
·
Sunday, 30 March 2014 09:39
·
0 Likes
·
0 Votes
·
0 Comments
·
I don't suppose you could share with the stacked team how you accomplished this (in terms of code). By the sounds of it not much had to be changed to make a stream become a chat. So if it isn't too much work to make, uses what's already in the EasySocial, and you pretty much have the mods, perhaps we could get a chat set into EasySocial. Many of us don't want to sacrifice our streams for the chat. I'm sure there's gotta be a way to eventually have both.
·
Sunday, 30 March 2014 10:29
·
0 Likes
·
0 Votes
·
0 Comments
·
sigh, i wrote a long reply that never got saved. basically I said yah no problem I'll share the code. Give me a few days to finish my mods. I dont see the point of having a separate chat. In fact, I think it would be the wrong way to go in developing easy social. People dont want more apps/sections/streams to manage. People one want single stream or point of focus. I'm pretty sure I saw KISS somewhere on stackideas website.

I mentioned Flowdock, its a great example of how to manage streams. It splits your screen in half, with one side giving you updates from other apps, and the other half as the chat. Clean and simple, one window that gives you all the live notification/collaboration you need for a team. You can easily popout one-on-one chats in new tabs.

EasySocial could do something very similar but even be more robust. I dont know if I want a split screen, but definitely with filters we could have an all-group stream, friends-only stream, or whatever kind of stream you want filtered for hashtags, etc. I havent explored groups yet but I would hope there's a way to have a filter for group-only stream updates.

I think out of the box its just a matter of de-cluttering, and I've done even more than my last screenshots. I still have to think about groups, filters, etc. The only problem that I dont think I can handle with HTML overrides is how the stream is updated. The system shouldnt have to "listen" for new posts to the stream. There should be a function that when someone enters an "es-story" the stream automatically updates for everyone.

@Marc, what are the chances of you guys taking a look at how the stream gets updated, and giving us a better option for more live/instant updates?
·
Sunday, 30 March 2014 19:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for sharing this Marco To be honest, setting the live update's interval to a very low time would definitely be a big hit on the server. Not to mention that if you have 20 users simultaneously bashing the server for "updates". Your average web host will definitely complain alot
·
Sunday, 30 March 2014 20:52
·
0 Likes
·
0 Votes
·
0 Comments
·
@Marc I agree but you didn't answer my question: what are the chances of you guys taking a look at how the stream gets updated, and giving us a better option for more live/instant updates? This isn't something I can do easily with HTML overrides. This would require a more substantial hack I think.
·
Sunday, 30 March 2014 23:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Not sure what other better option are you looking at but right now you can already configure the interval that you want in the settings. You can set it to 1s if you want.
·
Sunday, 30 March 2014 23:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Well, two things. First, the stream doesnt get updated by that interval. It only checks to see if there are any updates, then it posts a link at the top of the stream that people still have to manually click to refresh the stream.

Second, why bother with intervals at all? Why not just have an option to refresh the stream onSubmit of a new post?
·
Monday, 31 March 2014 01:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Not sure if I understand you here but there is no way to do push notifications when a person submits a new post. Other users who are viewing the stream needs to "pull" the new updates. Yes, they need to click on the load more button to render more additional items but if you need to alter this behavior, you need to customize the js files (I don't think this is an easy hack though)
·
Monday, 31 March 2014 02:14
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post