fix

MyOffice.SPA/src/app/pages/settings/item/item.component.html

@@ -10,6 +10,16 @@
 				<div class="card">
 					<div class="body">
 						<div id="mail-nav">
+							<ul>
+								<mat-form-field class="example-full-width right-content" *ngIf="selectedCount > 0">
+									<mat-label>Move to category</mat-label>
+									<mat-select [(ngModel)]="category"  (selectionChange)="onCategoryChange($event)">
+										<mat-option *ngFor="let category of categories" [value]="category.id">
+											{{category.name}}
+										</mat-option>
+									</mat-select>
+								</mat-form-field>
+							</ul>
 							<ul class="" id="mail-folders">
 								<li *ngFor="let category of categories" [class.active]="selectedCategory && selectedCategory.id == category.id">
 									<a href="javascript:;" (click)="selectCategory(category)" title="{{category.name}}">{{category.name}}</a>
@@ -36,9 +46,13 @@
 							<table class="table">
 								<tbody>
 									<tr *ngFor="let item of items">
-										<td>{{item.name}}</td>
 										<td>
-											<button class="btn-space" (click)="edit(item)" mat-raised-button color="primary">
+											<mat-checkbox [(ngModel)]="item.selected" (change)="onCheckboxChange(item)">
+												{{item.model.name}}
+											</mat-checkbox>
+										</td>
+										<td>
+											<button class="btn-space" (click)="edit(item.model)" mat-raised-button color="primary">
 												Edit
 											</button>
 										</td>