Name Last Update
.vscode Loading commit data...
dev-scripts Loading commit data...
dist Loading commit data...
e2e Loading commit data...
gulp Loading commit data...
layouts Loading commit data...
src Loading commit data...
themes Loading commit data...
.bowerrc Loading commit data...
.editorconfig Loading commit data...
.eslintrc Loading commit data...
.gitignore Loading commit data...
.yo-rc.json Loading commit data...
README.md Loading commit data...
bower.json Loading commit data...
gulpfile.js Loading commit data...
karma-webpack.conf.js Loading commit data...
karma.conf.js Loading commit data...
package.json Loading commit data...
protractor.conf.js Loading commit data...
theme.yml Loading commit data...
tsconfig.json Loading commit data...
tslint.json Loading commit data...
typings.json Loading commit data...
webpack.config.js Loading commit data...

README.md

Angular Theme

The Noosfero theme that uses the API to create a totally new client-side frontend.

Getting started

How to Install

  1. Install Node.js and npm
  2. Install Bower: npm install -g bower
  3. Install Node.js dependencies: npm install
  4. Install bower dependencies: bower install
  5. 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

  1. Create the theme folder inside themes
  2. Configure application to use the new theme, e.g.: npm config set angular-theme:theme custom-theme
  3. Create an app folder inside custom-theme and add your custom scss files
  4. 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 by themes/custom-theme/app/profile/profile.html