Moved from DevHive

1 files changed, 85 insertions, 0 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
new file mode 100644
index 0000000..980f12c
--- /dev/null
+++ b/src/app/components/admin-panel-page/admin-panel-page.component.html
@@ -0,0 +1,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>