diff options
| author | transtrike <transtrike@gmail.com> | 2021-02-25 20:51:24 +0200 |
|---|---|---|
| committer | transtrike <transtrike@gmail.com> | 2021-02-25 20:51:24 +0200 |
| commit | ca7e618ca3350a5cf200ae39c851b016c9088d41 (patch) | |
| tree | 04a4ee7104e55d3e070e6306901d9e2400717e4e /src/app/components/admin-panel-page | |
| parent | 118b463fc81d05467cffdf3c6de69a1e9f4e9303 (diff) | |
| download | DevHive-Angular-ca7e618ca3350a5cf200ae39c851b016c9088d41.tar DevHive-Angular-ca7e618ca3350a5cf200ae39c851b016c9088d41.tar.gz DevHive-Angular-ca7e618ca3350a5cf200ae39c851b016c9088d41.zip | |
Footer added; Pages fucked upfooter
Diffstat (limited to 'src/app/components/admin-panel-page')
| -rw-r--r-- | src/app/components/admin-panel-page/admin-panel-page.component.html | 154 |
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> |
