add permissions to registration

src/app/pages/register/register.component.html

@@ -65,6 +65,16 @@
     </mat-card>
 </form>
 
+
+<div *ngIf="!success && permissions && permissions[0]">
+    <h3>{{'permissions' | i18n}}</h3>
+    <app-permissions [permissions]="permissions"></app-permissions>
+</div>
+<div *ngIf="!success && quotas && quotas[0]">
+    <h3>{{'quotas' | i18n}}</h3>
+    <app-quotas [quotas]="quotas"></app-quotas>
+</div>
+
 <mat-card *ngIf="success">
     <mat-card-content>
         <h2>{{'register.success.title' | i18n}}</h2>
@@ -75,4 +85,5 @@
             {{'register.login' | i18n}}
         </a>
     </mat-card-actions>
-</mat-card>
+</mat-card>
+

src/app/pages/register/register.component.ts

@@ -8,6 +8,8 @@ import {UserService} from './../../services/user.service';
 import {ItemService} from './../../services/item.service';
 import {I18nService} from './../../services/i18n.service';
 import {MatchingValidator} from './../../utils/matching.validator';
+import { PermissionService } from './../../services/permission.service';
+import { QuotaService } from './../../services/quota.service';
 
 import {uniqueNamesGenerator, Config, adjectives, colors, animals} from 'unique-names-generator';
 
@@ -25,6 +27,8 @@ export class RegisterComponent implements OnInit {
   public success: boolean;
   public working: boolean;
   items = [];
+  permissions = [];
+  quotas = [];
   currentLocale: String;
   model: any = {
     username: '',
@@ -37,6 +41,8 @@ export class RegisterComponent implements OnInit {
     private userService: UserService,
     private itemService: ItemService,
     private i18n: I18nService,
+    private permissionService: PermissionService,
+    private quotaService: QuotaService,
     public dialog: MatDialog) {
     this.currentLocale = this.i18n.getLocale();
   }
@@ -55,6 +61,14 @@ export class RegisterComponent implements OnInit {
     this.itemService.items().subscribe((data: any) => {
       this.items = data;
     });
+
+    this.permissionService.permissionsNew().subscribe((data: any) => {
+      this.permissions = data;
+    })
+
+    this.quotaService.quotasNew().subscribe((data: any) => {
+      this.quotas = data;
+    })
   }
 
   onPrimaryChange() {