Socialspace for Angular

Integrate Socialspace in your own angular app.

Dependencies

* angular (v1.5) - https://angularjs.org/
* angular-sanitize (v1.5) - https://angularjs.org/
* angular-translate - https://angular-translate.github.io/
* packery - http://packery.metafizzy.co/
* fontawsome - http://fontawesome.io/icons/
* momentjs - http://momentjs.com/

Get Started

Add styles...

``html



`

Add scripts...

`html






`

Inject the socialspace module to you angular app...

`javascript
angular
.module('yourApp', [
'socialspace',
])
`

Add the Socialspace component.

`html

`

DONE!

Localisation (ngTranslate)

ngTranslate is used to translate different texts and momentjs is used for dates and times.

If you already use ngTranslate in your project you can disable the socialspace configuration of
ngTranslate to prevent conflicts by setting window.socialspaceTranslate = false;
Remember to copy over the translation map for all the social space translations located in src/app/config/translate.js.

To change translations or localisation settings you can have a look to the file dist/locale/locale-de_DE.js
which shows how to change the localisation for ngTranslate and momentjs.

Custom Filters

To apply or remove custom filters you can simply use the socialspaceFilterService.

$3

socialspaceFilterService.getCustomFilters();

$3

socialspaceFilterService.setCustomFilter(filterString, resetFilters, resetCustomFilters)

filterString: lucene query style string e.g. (kinds:text) AND (services:facebook OR services:twitter)

resetFilters: set to true to reset generic filters to avoid possible conflicts.

resetCustomFilters: set to true to reset other custom filters before applying the new one.

$3

socialspaceFilterService.removeCustomFilter(filterString)

filterString: the query string you want to remove.

$3

To reset all applied custom filters just call socialspaceFilterService.resetCustomFilters()`.