/angular-lifestream

angular directive for social feeds based on jquery-lifestream by christianv

Primary LanguageCSSMIT LicenseMIT

This is a angular directive for social feeds based on jquery-lifestream by @christianv

##Features to show a feed from different social networks in your website like this angular-lifestream

  • Support x social networks with (ideally easy) plug-in structure
  • Responsive grid layout
  • Default light / Dark theme
  • only angular /spinner dependency
  • Built in loading spinner

##Comparing with jquery-lifestream

  • Use angular's templating instead of jquery template
  • User angular's built-in jsonp support
  • separate into controller and service, use the scope's items directly for rendering

##Controller - Service when load feeds are fired, it returns array of promises which up to the controller to handle (e.g. DOM change) for each feed finish

##Plugin architecture

  • Better to separate each service into one file can use angular's factory to model each service and in library automatically load services by naming convention. in this way to extend only need to use angular.module('angular-lifestream') to setup. Meanwhile need to handle requirejs dependency in this case +ve load only necessary files -ve troublesome

Passportjs : prototypical, even different github architecture

##to onboard new plugin

  • add yql if missing
  • customized css
  • add template
  • add parsing logic

##Spinner

  • should stop when all loading complete even with no results

##Responsive design

  • Now bootstrap is used as a framework - but it is expected to be remove
  • should think about in case it is present can we reuse those media querie

##Other TODOs

  • support non amd
  • allow disable of spinner
  • Support backend accessSecret for private access if necessary
  • Automatic refresh

##Templating

  • Customize template
  • Customized Default template
  • Customized Service template Use config to register angularjs template by service key, when exists will override
  • Customized CSS for each service

##Example fire up the server on example.html with anything like python -mSimpleHTTPServer

##Supported Social Network Plugins:

##This directive is originally built to serve code4hk's website