aboutsummaryrefslogtreecommitdiff
path: root/src/app/components/admin-panel-page/admin-panel-page.component.html
blob: 980f12c4532c59ea5d6a2f9c7d4a0b914052b3c2 (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
<!-- <app&#45;loading *ngIf="!dataArrived"></app&#45;loading> -->

<div 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>
	<div 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>
	</div>
</div>