feat: add edit-user

src/app/pages/users/edit/edit-user.component.html

@@ -1 +1,20 @@
-<h1>edit user</h1>
+<div class="row">
+  <div class="col-sm-12">
+    <nb-card>
+      <nb-card-header>{{pageTitle}}</nb-card-header>
+      <nb-card-body>
+        <div class="row">
+          <div *ngFor="let form of objectKeys(formList)" class="{{formList[form].containerClass}}">
+            <nb-card>
+              <nb-card-header>{{formList[form].title}}</nb-card-header>
+              <nb-card-body>
+                <sf-form [schema]="formList[form].schema">
+                </sf-form>
+              </nb-card-body>
+            </nb-card>
+          </div>
+        </div>
+      </nb-card-body>
+    </nb-card>
+  </div>
+</div>

src/app/pages/users/edit/edit-user.component.ts

@@ -1,9 +1,33 @@
-import {Component} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
+import {ApiDataProviderService} from "../../../@core/services/api/api-data-provider.service";
+import {ActivatedRoute} from "@angular/router";
+import * as _ from "lodash";
 
 @Component({
   selector: 'ngx-edit-user-component',
   styleUrls: ['./edit-user.component.scss'],
   templateUrl: './edit-user.component.html',
 })
-export class EditUserComponent {
+export class EditUserComponent implements OnInit {
+  pageTitle: string = '';
+  formList: any = {}; // title
+  objectKeys = Object.keys;
+
+  constructor(private activatedRoute: ActivatedRoute) {
+  }
+
+  ngOnInit() {
+    this.initPageWithConfig(_.cloneDeep(this.activatedRoute.snapshot.data));
+  }
+
+
+  private initPageWithConfig(config): void {
+    this.pageTitle = config.pageTitle;
+    Object.keys(config.forms).forEach(FORM_KEY => {
+      config.forms[FORM_KEY].schema.subscribe(res => {
+        this.formList[FORM_KEY] = config.forms[FORM_KEY];
+        this.formList[FORM_KEY].schema = res;
+      })
+    });
+  }
 }