README.md
Angular Theme
The Noosfero theme that uses the API to create a totally new client-side frontend.
Getting started
How to Install
- Install Node.js and npm
- Install Bower:
npm install -g bower
- Install Node.js dependencies:
npm install
- Install bower dependencies:
bower install
- Build the project:
gulp build
How to Use
Just set the profile theme to angular-theme
.
Project Structure
The folder structure of this project was sorted by feature. See some important folders bellow:
- Directives for blocks:
src/app/layout/blocks
- Directives for articles:
src/app/article
- Directives for activities:
src/app/profile/activities
- Service to connect with Noosfero API:
src/lib/ng-noosfero-api
- Content viewer component:
src/app/article/content-viewer
- Profile component:
src/app/profile
- Profile Info component:
src/app/profile/info
Change theme
- Create the theme folder inside themes
- Configure application to use the new theme, e.g.:
npm config set angular-theme:theme custom-theme
- Create an app folder inside custom-theme and add your custom scss files
- Put the templates that you want to override in the same structure from the main application source, e.g.:
src/app/profile/profile.html
will be overriden bythemes/custom-theme/app/profile/profile.html