github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-07-14 17:22:54 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added a checkbox to the usermanagement screen.. Does nothing yet #865 #1456

Browse source
This commit is contained in:
Jamie.Rees 2017-08-07 14:22:23 +01:00
parent bd27e4ad70
commit 018cd7a072
5 changed files with 81 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/Ombi/ClientApp/app/interfaces/IUser.ts
View file

@ -6,6 +6,10 @@
emailAddress: string, emailAddress: string,
password: string, password: string,
userType: UserType, userType: UserType,
// FOR UI
checked: boolean,
} }
export enum UserType { export enum UserType {

3
src/Ombi/ClientApp/app/usermanagement/usermanagement-add.component.ts
View file

@ -27,7 +27,8 @@ export class UserManagementAddComponent implements OnInit {
id: "", id: "",
password: "", password: "",
username: "", username: "",
userType: UserType.LocalUser userType: UserType.LocalUser,
checked:false
} }
} }

108
src/Ombi/ClientApp/app/usermanagement/usermanagement.component.html
View file

@ -21,58 +21,68 @@
<!-- Table --> <!-- Table -->
<table class="table table-striped table-hover table-responsive table-condensed"> <table class="table table-striped table-hover table-responsive table-condensed">
<thead> <thead>
<tr> <tr>
<th> <th>
<a> <a>
Username <input type="checkbox" ng-checked="checkAll" (change)="checkAllBoxes()">
<!--<span ng-show="sortType == 'username' && !sortReverse" class="fa fa-caret-down"></span> </a>
<span ng-show="sortType == 'username' && sortReverse" class="fa fa-caret-up"></span>--> </th>
</a> <th>
</th> <a>
<th> Username
<a> <!--<span ng-show="sortType == 'username' && !sortReverse" class="fa fa-caret-down"></span>
Alias <span ng-show="sortType == 'username' && sortReverse" class="fa fa-caret-up"></span>-->
</a> </a>
</th> </th>
<th> <th>
<a> <a>
Email Alias
</a> </a>
</th> </th>
<th> <th>
Roles <a>
</th> Email
<th> </a>
<a> </th>
User Type <th>
</a> Roles
</th> </th>
</tr> <th>
<a>
User Type
</a>
</th>
</tr>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let u of users"> <tr *ngFor="let u of users">
<td> <td>
{{u.username}} <input type="checkbox" [(ngModel)]="u.checked">
</td> </td>
<td> <td>
{{u.alias}} {{u.username}}
</td> </td>
<td> <td>
{{u.emailAddress}} {{u.alias}}
</td> </td>
<td> <td>
<div *ngFor="let claim of u.claims"><span *ngIf="claim.enabled">{{claim.value}}</span></div> {{u.emailAddress}}
</td>
<td>
<div *ngFor="let claim of u.claims">
<span *ngIf="claim.enabled">{{claim.value}}</span>
</div>
</td> </td>
<td ng-hide="hideColumns"> <td ng-hide="hideColumns">
<span *ngIf="u.userType === 1">Local User</span> <span *ngIf="u.userType === 1">Local User</span>
<span *ngIf="u.userType === 2">Plex User</span> <span *ngIf="u.userType === 2">Plex User</span>
<span *ngIf="u.userType === 3">Emby User</span> <span *ngIf="u.userType === 3">Emby User</span>
</td> </td>
<td> <td>
<a [routerLink]="['/usermanagement/edit/' + u.id]" class="btn btn-sm btn-info-outline">Details/Edit</a> <a [routerLink]="['/usermanagement/edit/' + u.id]" class="btn btn-sm btn-info-outline">Details/Edit</a>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

8
src/Ombi/ClientApp/app/usermanagement/usermanagement.component.ts
View file

@ -19,6 +19,12 @@ export class UserManagementComponent implements OnInit {
} }
users: IUser[]; users: IUser[];
checkAll = false;
checkAllBoxes() {
this.checkAll = !this.checkAll;
this.users.forEach(user => {
user.checked = this.checkAll;
});
}
} }

2
src/Ombi/ClientApp/app/usermanagement/usermanagement.module.ts
View file

@ -2,6 +2,7 @@
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router'; import { RouterModule, Routes } from '@angular/router';
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MultiSelectModule } from 'primeng/primeng';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
@ -28,6 +29,7 @@ const routes: Routes = [
ReactiveFormsModule, ReactiveFormsModule,
RouterModule.forChild(routes), RouterModule.forChild(routes),
NgbModule.forRoot(), NgbModule.forRoot(),
MultiSelectModule
], ],
declarations: [ declarations: [
UserManagementComponent, UserManagementComponent,