#ngFwebSidebar

What is this repo?

This repo has the Angular.JS Fracweb sidebar. This allows us to update the sidebar in one repo, then import in those changes into all the other Fracweb repos.

How do I use it?

1. In the package.json you want to import it in using an absolute version such as "ng-fweb-sidebar": "1.0.1",.
2. Run npm i
3. Delete the sidebar files. If you don't know where they are, do a file search (command + P) for "sidebar".
4. Make sure you have grunt watch running. It will yell at you about errors and it will guide you through the process. Fix one error, then the next error will come up until you are done.
5. Once you have it working, the product color will be a maroon.
6. To update the product color, go to the product controller, find the this.config and at the bottom of the config add, the productColor. Here is an example: this.config = { listOfViews, logoTitle: 'FIS', user: this.user, logout: this.logoutLink, logoLink: 'index', productColor: '#d9534f' }
7. Now you should see the correct product color!

Solutions to common errors

1. Replace @import '../../../assets/universal/components/sidebar/sidebar.sass' with @import 'node_modules/ng-fweb-sidebar/dist/ngFwebSidebar'
2. Replace import '../../../../assets/universal/components/universal.components.module' with import 'ng-fweb-sidebar/dist/ngFwebSidebar.js'
3. In the Angular Module for the product, replace 'universalComponents', with 'ngFwebSidebar',
4. An error saying $gray is not defined. In the place where all the color variables are declared add in $gray: #dedede