blob: 96ab54582f366141f3a1f9d285561ff7479b1493 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
<app-navbar></app-navbar>
<!-- <app-loading *ngIf="!dataArrived"></app-loading> -->
<main id="content" *ngIf="!dataArrived">
<nav id="navigation">
<button class="submit-btn" (click)="backToProfile()">ᐊ Back to profile</button>
<button class="submit-btn" (click)="backToFeed()">ᐊ Back to feed</button>
<button class="submit-btn" (click)="logout()">Logout</button>
</nav>
<hr>
<article class="scroll-standalone">
<app-success-bar></app-success-bar>
<app-error-bar></app-error-bar>
<button type="button" class="submit-btn edit-btn" (click)="toggleLanguages()">▼ Edit Languages ▼</button>
<form [formGroup]="languageForm" (ngSubmit)="submitLanguages()" *ngIf="showLanguages">
<div class="input-selection">
<label>Create language:</label>
<input type="text" class="input-field" formControlName="languageCreate" placeholder="New language name">
</div>
<label>Update language:</label>
<div class="flexbox input-selection">
<input type="text" class="input-field" formControlName="updateLanguageOldName" placeholder="Old language name">
<input type="text" class="input-field" formControlName="updateLanguageNewName" placeholder="New language name">
</div>
<label>Delete language:</label>
<div class="flexbox input-selection">
<input type="text" class="input-field" formControlName="deleteLanguageName" placeholder="Language name">
</div>
<button class="submit-btn" type="submit">Modify languages</button>
<hr>
Available languages:
<div id="all-languages">
<div class="user-language" *ngFor="let lang of availableLanguages">
{{ lang.name }}
</div>
</div>
<hr>
</form>
<button type="button" class="submit-btn edit-btn" (click)="toggleTechnologies()">▼ Edit Technologies ▼</button>
<form [formGroup]="technologyForm" (ngSubmit)="submitTechnologies()" *ngIf="showTechnologies">
<div class="input-selection">
<label>Create technology:</label>
<input type="text" class="input-field" formControlName="technologyCreate" placeholder="New technology name">
</div>
<label>Update technology:</label>
<div class="flexbox input-selection">
<input type="text" class="input-field" formControlName="updateTechnologyOldName" placeholder="Old technology name">
<input type="text" class="input-field" formControlName="updateTechnologyNewName" placeholder="New technology name">
</div>
<label>Delete technology:</label>
<div class="flexbox input-selection">
<input type="text" class="input-field" formControlName="deleteTechnologyName" placeholder="Technology name">
</div>
<button class="submit-btn" type="submit">Modify technologies</button>
<hr>
Available technologies:
<div id="all-technologies">
<div class="user-technology" *ngFor="let tech of availableTechnologies">
{{ tech.name }}
</div>
</div>
<hr>
</form>
<button type="button" class="submit-btn delete-btn" (click)="toggleDeletions()">▼ Deletions ▼</button>
<form [formGroup]="deleteForm" (ngSubmit)="submitDelete()" *ngIf="showDeletions">
<div class="input-selection">
<label>Delete user by Id:</label>
<input type="text" class="input-field" formControlName="deleteUser" placeholder="User Id">
</div>
<div class="input-selection">
<label>Delete post by Id:</label>
<input type="text" class="input-field" formControlName="deletePost" placeholder="Post Id">
</div>
<div class="input-selection">
<label>Delete comment by Id:</label>
<input type="text" class="input-field" formControlName="deleteComment" placeholder="Comment Id">
</div>
<button class="submit-btn" type="submit">Delete</button>
<hr>
</form>
</article>
</main>
|
