aboutsummaryrefslogtreecommitdiff
path: root/src/app/components/admin-panel-page/admin-panel-page.component.html
diff options
context:
space:
mode:
authortranstrike <transtrike@gmail.com>2021-02-25 20:51:24 +0200
committertranstrike <transtrike@gmail.com>2021-02-25 20:51:24 +0200
commitca7e618ca3350a5cf200ae39c851b016c9088d41 (patch)
tree04a4ee7104e55d3e070e6306901d9e2400717e4e /src/app/components/admin-panel-page/admin-panel-page.component.html
parent118b463fc81d05467cffdf3c6de69a1e9f4e9303 (diff)
downloadDevHive-Angular-footer.tar
DevHive-Angular-footer.tar.gz
DevHive-Angular-footer.zip
Footer added; Pages fucked upfooter
Diffstat (limited to 'src/app/components/admin-panel-page/admin-panel-page.component.html')
-rw-r--r--src/app/components/admin-panel-page/admin-panel-page.component.html154
1 files changed, 126 insertions, 28 deletions
diff --git a/src/app/components/admin-panel-page/admin-panel-page.component.html b/src/app/components/admin-panel-page/admin-panel-page.component.html
index 31f0849..0c0954a 100644
--- a/src/app/components/admin-panel-page/admin-panel-page.component.html
+++ b/src/app/components/admin-panel-page/admin-panel-page.component.html
@@ -2,84 +2,182 @@
<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)="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>
+ <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">
+ <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">
+ <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">
+ <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">
+ <input
+ type="text"
+ class="input-field"
+ formControlName="deleteLanguageName"
+ placeholder="Language name"
+ />
</div>
<button class="submit-btn" type="submit">Modify languages</button>
- <hr>
+ <hr />
Available languages:
<div id="all-languages">
- <div class="user-language" *ngFor="let lang of availableLanguages">
+ <div
+ class="user-language"
+ *ngFor="let lang of availableLanguages"
+ >
{{ lang.name }}
</div>
</div>
- <hr>
+ <hr />
</form>
- <button type="button" class="submit-btn edit-btn" (click)="toggleTechnologies()">▼ Edit Technologies ▼</button>
- <form [formGroup]="technologyForm" (ngSubmit)="submitTechnologies()" *ngIf="showTechnologies">
+ <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">
+ <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">
+ <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">
+ <input
+ type="text"
+ class="input-field"
+ formControlName="deleteTechnologyName"
+ placeholder="Technology name"
+ />
</div>
- <button class="submit-btn" type="submit">Modify technologies</button>
- <hr>
+ <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">
+ <div
+ class="user-technology"
+ *ngFor="let tech of availableTechnologies"
+ >
{{ tech.name }}
</div>
</div>
- <hr>
+ <hr />
</form>
- <button type="button" class="submit-btn delete-btn" (click)="toggleDeletions()">▼ Deletions ▼</button>
- <form [formGroup]="deleteForm" (ngSubmit)="submitDelete()" *ngIf="showDeletions">
+ <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">
+ <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">
+ <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">
+ <input
+ type="text"
+ class="input-field"
+ formControlName="deleteComment"
+ placeholder="Comment Id"
+ />
</div>
<button class="submit-btn" type="submit">Delete</button>
- <hr>
+ <hr />
</form>
</article>
+ <app-footer></app-footer>
</main>