generator-jhipster-angular-flex

JHipster blueprint, This module extends the angular client side to provide flex layouts for every entity with generated material cards and list views for every entity. This module imports @angular/material to the vendor.scss file and modifies app.module.ts to include an angular material module.

Introduction

This is a JHipster blueprint, that is meant to be used in a JHipster application.

Prerequisites

As this is a JHipster blueprint, we expect you have JHipster and its related tools already installed:

• Installing JHipster

Installation

With NPM

To install this blueprint:

npm install -g generator-jhipster-angular-flex

To update this blueprint:

npm update -g generator-jhipster-angular-flex

With Yarn

To install this blueprint:

yarn global add generator-jhipster-angular-flex

To update this blueprint:

yarn global upgrade generator-jhipster-angular-flex

Usage

To use this blueprint, run the below command

jhipster --blueprint angular-flex

Using Docker

Download the Dockerfile:

mkdir docker
cd docker
wget https://github.com/yeoman-projects/generator-jhipster-angular-flex/raw/master/Dockerfile

Build the Docker images:

docker build -t generator-jhipster-angular-flex:latest .

Make a folder where you want to generate the Service:

mkdir service
cd service

Run the generator from image to generate service:

docker run -it --rm -v $PWD:/home/jhipster/app generator-jhipster-angular-flex

Run and attach interactive shell to the generator docker container to work from inside the running container:

docker run -it --rm -v $PWD:/home/jhipster/app generator-jhipster-angular-flex /bin/bash

Running local Blueprint version for development

During development of blueprint, please note the below steps. They are very important.

1. Link your blueprint globally

Note: If you do not want to link the blueprint(step 3) to each project being created, use NPM instead of Yarn as yeoman doesn't seem to fetch globally linked Yarn modules. On the other hand, this means you have to use NPM in all the below steps as well.

cd angular-flex
npm link

2. Link a development version of JHipster to your blueprint (optional: required only if you want to use a non-released JHipster version, like the master branch or your own custom fork)

You could also use Yarn for this if you prefer

cd generator-jhipster
npm link

cd angular-flex
npm link generator-jhipster

3. Create a new folder for the app to be generated and link JHipster and your blueprint there

mkdir my-app && cd my-app

npm link generator-jhipster-angular-flex
npm link generator-jhipster (Optional: Needed only if you are using a non-released JHipster version)

jhipster -d --blueprint angular-flex

License

MIT © Rob Walls