blob: 65f96915c1d3f8a769b85c9bfa4810474bd75321 (
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
<app-navbar></app-navbar>
<app-loading *ngIf="!dataArrived"></app-loading>
<main class="scroll-standalone under-navbar centered-content flex-col" *ngIf="dataArrived">
<app-success-bar></app-success-bar>
<app-error-bar></app-error-bar>
<div class="card full-width">
<section>
<button type="button" class="focus-fg-color full-width faded-slim-border padding-smaller lighter-hover click-effect" (click)="toggleLanguages()">
▼ Edit Languages ▼
</button>
<form class="flex-col margin-top-bot-smaller" [formGroup]="languageForm" (ngSubmit)="submitLanguages()" *ngIf="showLanguages">
<label class="focus-fg-color">
Create language:
</label>
<input type="text" class="fancy-input full-width faded-slim-border border-bottom-only" formControlName="languageCreate" placeholder="New language name">
<label class="focus-fg-color">
Update language:
</label>
<div class="flex-row flexible-children">
<input type="text" class="fancy-input faded-slim-border border-bottom-only margin-right-small" formControlName="updateLanguageOldName" placeholder="Old language name">
<input type="text" class="fancy-input faded-slim-border border-bottom-only" formControlName="updateLanguageNewName" placeholder="New language name">
</div>
<label class="focus-fg-color">
Delete language:
</label>
<input type="text" class="fancy-input full-width faded-slim-border border-bottom-only" formControlName="deleteLanguageName" placeholder="Language name">
<button class="full-width faded-slim-border padding-smaller lighter-hover click-effect border-radius-smaller" type="submit">
Modify languages
</button>
<section class="faded-slim-border padding-normal margin-top-normal">
<div class="none-message" *ngIf="availableLanguages.length === 0">
No languages in database!
</div>
<div *ngIf="availableLanguages.length > 0">
Available languages:
</div>
<div class="flex-row margin-top-normal" *ngFor="let lang of availableLanguages">
<div class="sec-info border-radius-normal padding-small">
{{ lang.name }}
</div>
</div>
</section>
</form>
</section>
<section>
<button type="button" class="focus-fg-color full-width faded-slim-border padding-smaller lighter-hover click-effect margin-top-normal" (click)="toggleTechnologies()">
▼ Edit Technologies ▼
</button>
<form class="flex-col margin-top-bot-smaller" [formGroup]="technologyForm" (ngSubmit)="submitTechnologies()" *ngIf="showTechnologies">
<label class="focus-fg-color">
Create technology:
</label>
<input type="text" class="fancy-input full-width faded-slim-border border-bottom-only" formControlName="technologyCreate" placeholder="New technology name">
<label class="focus-fg-color">
Update technology:
</label>
<div class="flex-row flexible-children">
<input type="text" class="fancy-input faded-slim-border border-bottom-only margin-right-small" formControlName="updateTechnologyOldName" placeholder="Old technology name">
<input type="text" class="fancy-input faded-slim-border border-bottom-only" formControlName="updateTechnologyNewName" placeholder="New technology name">
</div>
<label class="focus-fg-color">
Delete technology:
</label>
<input type="text" class="fancy-input full-width faded-slim-border border-bottom-only" formControlName="deleteTechnologyName" placeholder="Technology name">
<button class="full-width faded-slim-border padding-smaller lighter-hover click-effect border-radius-smaller" type="submit">
Modify technology
</button>
<section class="faded-slim-border padding-normal margin-top-normal">
<div class="none-message" *ngIf="availableTechnologies.length === 0">
No technologies in database!
</div>
<div *ngIf="availableTechnologies.length > 0">
Available technologies:
</div>
<div class="flex-row margin-top-normal" *ngFor="let tech of availableTechnologies">
<div class="sec-info border-radius-normal padding-small">
{{ tech.name }}
</div>
</div>
</section>
</form>
</section>
<section>
<button type="button" class="focus-fg-color full-width faded-slim-border padding-smaller lighter-hover click-effect margin-top-normal" (click)="toggleDeletions()">
▼ Deletions ▼
</button>
<form class="flex-col margin-top-bot-smaller" [formGroup]="deleteForm" (ngSubmit)="submitDelete()" *ngIf="showDeletions">
<label class="focus-fg-color">
Delete user by Id:
</label>
<input type="text" class="fancy-input full-width faded-slim-border border-bottom-only" formControlName="deleteUser" placeholder="User Id">
<label class="focus-fg-color">
Delete post by Id:
</label>
<input type="text" class="fancy-input full-width faded-slim-border border-bottom-only" formControlName="deletePost" placeholder="Post Id">
<label class="focus-fg-color">
Delete comment by Id:
</label>
<input type="text" class="fancy-input full-width faded-slim-border border-bottom-only" formControlName="deleteComment" placeholder="Comment Id">
<button class="full-width faded-slim-border padding-smaller lighter-hover click-effect border-radius-smaller" type="submit">
Delete
</button>
</form>
</section>
</div>
</main>
|
