electrolux v1.0.0

Electrolux Managers Hub Custom Code

Cornerstone Custom Design - Beyond Configuration

Welcome

Cornerstone OnDemand is a great choice for your organization. But you know – sometimes simple configuration is not enough to meet your requirements. We're proud to work with clients like DPDHL, Mercedes-Benz Vans, Electrolux, and many more to help them customize Cornerstone to create their very own, brand-building Talent Management platform.

How can we help you, visualize your ideas?

Basic Setup

Your first steps to basic setup

1. Check out the repository git clone git@gitlab.com:octily.studio/csod/electrolux/managershub.git
2. Navigate with your terminal to the repository and run the package installer npm install
3. Run npm run watch and start with coding.
4. Maybe you want to setup a local http server in your proj ect root with this Http Server Tool and overwrite the resources with this tool.

Development

To start with your local development you just have to run npm run watch and start with coding. While your hardcore coding session, you may see some linting errors in your terminal. Please fix them as soon as you can. Otherwise the production build will fail.

Feel free to use ES6 Standards and CSS3. We'll be happy about beautiful code. You can also make use of the generic services in the src/modules/services/generic dir, or even write you own new services.

Deployment

If you're ready to deploy, get your connection to the projects Amazon S3 Storage, and drop your files there. To create minified and obfuscated files, simply run npm run build. You'll find the files in the dist folder of your projects root directory.

The build process will be aborted, if there are any linting errors in your .scss or .js files. A log file will be written to the /logs directory of your projects root. Please fix these error and run npm run build again.

Invalidate and Meta Tags

If you can't see your changes after deploy, you will have to invalidate the S3 Cache. Therefore you only have to run npm run invalidate. Please make sure that the meta tags are correctly set after the development. Therefore you can use npm run meta-tags-done.

Version control

After your work is done, please push your branch to GitLab and create a new Merge Request against the master branch. If it's all fine, it will be merged into master. Then your job is done and your'e ready for your next peace of work.

Productivity hacks and tools

• Command Line Http Server Tool
• Resource Override for local development

Command overview

You can find all of this commands in the package.json.

• npm run watch (Use this for automated build files during the development)
• npm run build (Use this for builiding the production files)
• npm run lint:js (Use this for checking syntax of your JavaScript files)
• npm run lint:scss (Use this for checking syntax of your .scss files)
• npm run fix:js (Use this for auto fixing the syntax of your JavaScript files)
• npm run fix:scss (Use this for auto fixing the syntax of your styles)
• npm run meta-tags-done (Use this setting the right meta tags after the deployment)
• npm run meta-tags (Use this for setting the meta tags to no-cache)
• npm run invalidate (Use this for invalidating the S3 cache)

Deactivate new styles and scripts

To deactivate new styles and scripts just append the following parameter to the current url

deactivate-octily=true

Author

• Robert Bucher - Octily - Robert Bucher
• Daniel Boberg - Daniel Boberg

That is all - Happy coding!