Add edit profile page
parent
9e632989ee
commit
5f268cea8a
|
|
@ -23,6 +23,10 @@ export const appRoutes: Routes = [
|
||||||
path: RouteConfig.loginPath,
|
path: RouteConfig.loginPath,
|
||||||
component: LoginComponent
|
component: LoginComponent
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: RouteConfig.editProfilePath,
|
||||||
|
loadChildren: './profile/edit-profile.module#EditProfileModule'
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: RouteConfig.signUpPath,
|
path: RouteConfig.signUpPath,
|
||||||
component: SignupComponent
|
component: SignupComponent
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,71 @@
|
||||||
|
<div class="overview">
|
||||||
|
|
||||||
|
<h2>Profil editieren</h2>
|
||||||
|
|
||||||
|
<!--<span *ngIf="showSuccessLabel"-->
|
||||||
|
<!--class="label label-success label-small"-->
|
||||||
|
<!--style="margin-left: inherit">-->
|
||||||
|
<!--Erfolgreich gespeichert-->
|
||||||
|
<!--</span>-->
|
||||||
|
|
||||||
|
<!--<div class="pull-left" style="margin-top:20px;">-->
|
||||||
|
<!--<div class="table-container" style="width: 75%; min-width: 500px">-->
|
||||||
|
<!--<table class="table table-hover">-->
|
||||||
|
<!--<thead>-->
|
||||||
|
<!--<tr class="table-head">-->
|
||||||
|
<!--<th class="col-sm-1" style="border-radius: 10px 0 0 0;">Username</th>-->
|
||||||
|
<!--<th class="col-sm-1">Activated</th>-->
|
||||||
|
<!--<th class="col-sm-1">Secret</th>-->
|
||||||
|
<!--<th class="col-sm-1">Fraktion/ Squad</th>-->
|
||||||
|
<!--<th class="col-sm-1">Permission</th>-->
|
||||||
|
<!--<th class="col-sm-1 text-center" style="border-radius: 0 10px 0 0;"></th>-->
|
||||||
|
<!--</tr>-->
|
||||||
|
<!--</thead>-->
|
||||||
|
<!--<tbody *ngFor="let user of users$ | async">-->
|
||||||
|
<!--<tr class="cell-outline">-->
|
||||||
|
<!--<td>-->
|
||||||
|
<!--{{user.username}}-->
|
||||||
|
<!--</td>-->
|
||||||
|
<!--<td style="font-weight: bold">-->
|
||||||
|
<!--<select id="activated" name="activated" class="form-control btn dropdown-toggle"-->
|
||||||
|
<!--[(ngModel)]="user.activated" (change)="updateAppUser(user)">-->
|
||||||
|
<!--<option value="true">activated</option>-->
|
||||||
|
<!--<option value="false">deactivated</option>-->
|
||||||
|
<!--</select>-->
|
||||||
|
<!--</td>-->
|
||||||
|
<!--<td>-->
|
||||||
|
<!--{{user.secret}}-->
|
||||||
|
<!--</td>-->
|
||||||
|
<!--<td>-->
|
||||||
|
<!--<select class="form-control"-->
|
||||||
|
<!--name="squad"-->
|
||||||
|
<!--id="squad"-->
|
||||||
|
<!--[(ngModel)]="user.squad"-->
|
||||||
|
<!--[compareWith]="equals"-->
|
||||||
|
<!--(change)="updateAppUser(user)">-->
|
||||||
|
<!--<option [value]="0">Ohne Fraktion/ Squad</option>-->
|
||||||
|
<!--<option *ngFor="let squad of squads" [ngValue]="squad">-->
|
||||||
|
<!--{{squad.fraction == 'BLUFOR'? 'NATO' : 'CSAT'}}: {{squad.name}}-->
|
||||||
|
<!--</option>-->
|
||||||
|
<!--</select>-->
|
||||||
|
<!--</td>-->
|
||||||
|
<!--<td>-->
|
||||||
|
<!--<select id="permission" name="permission" class="form-control btn dropdown-toggle"-->
|
||||||
|
<!--[(ngModel)]="user.permission" (change)="updateAppUser(user)">-->
|
||||||
|
<!--<option value="0">User</option>-->
|
||||||
|
<!--<option value="1">SQL</option>-->
|
||||||
|
<!--<option value="2">HL</option>-->
|
||||||
|
<!--<option value="3">MT</option>-->
|
||||||
|
<!--<option value="4">Admin</option>-->
|
||||||
|
<!--</select>-->
|
||||||
|
<!--</td>-->
|
||||||
|
<!--<td class="text-center">-->
|
||||||
|
<!--<span class="glyphicon glyphicon-trash trash" title="Löschen" (click)="deleteUser(user)"></span>-->
|
||||||
|
<!--</td>-->
|
||||||
|
<!--</tr>-->
|
||||||
|
<!--</tbody>-->
|
||||||
|
<!--</table>-->
|
||||||
|
<!--</div>-->
|
||||||
|
<!--</div>-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
import {Component} from "@angular/core";
|
||||||
|
import {AppUser, Squad} from "../models/model-interfaces";
|
||||||
|
import {Observable} from "rxjs/Observable";
|
||||||
|
import {AppUserService} from "../services/app-user-service/app-user.service";
|
||||||
|
import {SquadService} from "../services/squad-service/squad.service";
|
||||||
|
import {LoginService} from "../services/login-service/login-service";
|
||||||
|
import {Router} from "@angular/router";
|
||||||
|
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'edit-profile',
|
||||||
|
templateUrl: './edit-profile.component.html',
|
||||||
|
styleUrls: ['./edit-profile.component.css']
|
||||||
|
})
|
||||||
|
export class EditProfileComponent {
|
||||||
|
|
||||||
|
user = {};
|
||||||
|
|
||||||
|
showSuccessLabel = false;
|
||||||
|
|
||||||
|
constructor(private appUserService: AppUserService,
|
||||||
|
private loginService: LoginService,
|
||||||
|
private router: Router) {
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnInit() {
|
||||||
|
this.user = this.appUserService.getUsers();
|
||||||
|
}
|
||||||
|
|
||||||
|
deleteUser(user) {
|
||||||
|
if (confirm('Bistdu dir sicher dass du deinen Nutzer Account "' + user.username + '" loeschen willst?')) {
|
||||||
|
this.appUserService.deleteUser(user)
|
||||||
|
.subscribe((res) => {
|
||||||
|
this.loginService.logout();
|
||||||
|
// TODO: redirect to /
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
import {NgModule} from "@angular/core";
|
||||||
|
import {SharedModule} from "../shared.module";
|
||||||
|
import {AppUserService} from "../services/app-user-service/app-user.service";
|
||||||
|
import {CommonModule} from "@angular/common";
|
||||||
|
import {RouterModule} from "@angular/router";
|
||||||
|
import {EditProfileComponent} from "./edit-profile.component";
|
||||||
|
import {AppUserStore} from "../services/stores/app-user.store";
|
||||||
|
|
||||||
|
@NgModule({
|
||||||
|
declarations: [EditProfileComponent],
|
||||||
|
imports: [CommonModule, SharedModule, RouterModule.forChild([{path: '', component: EditProfileComponent}])],
|
||||||
|
providers: [AppUserStore, AppUserService]
|
||||||
|
})
|
||||||
|
export class EditProfileModule {
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue