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

Merge branch 'DotNetCore' of https://github.com/tidusjar/ombi into DotNetCore

Browse source
This commit is contained in:
Jamie 2018-01-12 16:07:19 +00:00
commit 765bf7ba09
2 changed files with 51 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4,7 +4,7 @@
<button type="button" class="btn btn-success-outline" [routerLink]="['/usermanagement/add']">Add User</button>
<!-- Table -->
<table class="table table-striped table-hover table-responsive table-condensed">
<table class="table table-striped table-hover table-responsive table-condensed table-usermanagement">
<thead>
<tr>
<th>
@ -44,28 +44,28 @@
</thead>
<tbody>
<tr *ngFor="let u of users">
<td>
<td class="td-labelled" data-label="Select:">
<input type="checkbox" [(ngModel)]="u.checked">
</td>
<td>
<td class="td-labelled" data-label="Username:">
{{u.userName}}
</td>
<td>
<td class="td-labelled" data-label="Alias:">
{{u.alias}}
</td>
<td>
<td class="td-labelled" data-label="Email:">
{{u.emailAddress}}
</td>
<td>
<td class="td-labelled" data-label="Roles:">
<div *ngFor="let claim of u.claims">
<span *ngIf="claim.enabled">{{claim.value}}</span>
</div>
</td>
<td>
<td class="td-labelled" data-label="Last Logged In:">
{{u.lastLoggedIn | date: 'short'}}
</td>
<td>
<td class="td-labelled" data-label="User Type:">
<span *ngIf="u.userType === 1">Local User</span>
<span *ngIf="u.userType === 2">Plex User</span>
<span *ngIf="u.userType === 3">Emby User</span>

43
src/Ombi/ClientApp/styles/base.scss
View file

@ -858,4 +858,47 @@ a > h4:hover {
.card {
padding-top:15px;
}
@media only screen and (max-width: 768px) {
.table-usermanagement {
/* Force table to not be like tables anymore */
display: block;
thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% $i;
min-height: 25px;
}
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* Label the data */
.td-labelled:before {
content: attr(data-label)
}
}
}