mgr/dashboard_v2: add style guide to the frontend README

Add a README section for style guide where it mentions how to organize
the typescript imports.

Signed-off-by: Tiago Melo <tmelo@suse.com>

diff --git a/src/pybind/mgr/dashboard_v2/frontend/README.md b/src/pybind/mgr/dashboard_v2/frontend/README.md
index 5e39db51953b29c701e2190a9bcb16a3a4e6908f..75554d5f2871de6bc0ce102f0f1f3910b5c48084 100644 (file)
--- a/src/pybind/mgr/dashboard_v2/frontend/README.md
+++ b/src/pybind/mgr/dashboard_v2/frontend/README.md
@@ -54,3 +54,22 @@ src/app/core/auth> ng generate component login -m=core/auth
 or, alternatively:
 src/app> ng generate component core/auth/login -m=core/auth
 ```
+
+## Recommended style guide
+
+### Typescript
+
+Group the imports based on its source and separate them with a blank line.
+
+The source groups can be either from angular, external or internal.
+
+Example:
+```javascript
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+
+import { ToastsManager } from 'ng2-toastr';
+
+import { Credentials } from '../../../shared/models/credentials.model';
+import { HostService } from './services/host.service';
+```
\ No newline at end of file