Permalink
Browse files

976/ui layout (#1394)

Do not wrap the tableheaders of tables

* A new css file holds the classes for pifilter.
* Each table has a unique id
  • Loading branch information...
maxbeth authored and cornelinux committed Feb 5, 2019
1 parent fe367df commit 7209787fa9f83f89dcfd2aaf01f8adc858ed4814
@@ -18,67 +18,67 @@
<translate>{{ auditdata.count }} entries found.</translate>

<div class="table-responsive">
<table class="table table-bordered table-striped">
<table class="table table-bordered table-striped" id="tableauditlog">
<thead>
<tr>
<th translate>number</th>
<th><translate>date</translate>
<th class="pifilter"><translate>date</translate>
<pi-filter ng-model="dateFilter"
ng-change="getAuditList()">
</th>
<th><translate>action</translate>
<th class="pifilter"><translate>action</translate>
<pi-filter ng-model="actionFilter"
ng-change="getAuditList()">
</th>
<th><translate>success</translate>
<th class="pifilter"><translate>success</translate>
<pi-filter ng-model="successFilter"
ng-change="getAuditList()">
</th>
<th><translate>action detail</translate>
<th class="pifilter"><translate>action detail</translate>
<pi-filter ng-model="action_detailFilter"
ng-change="getAuditList()">
</th>
<th><translate>serial</translate>
<th class="pifilter"><translate>serial</translate>
<pi-filter ng-model="serialFilter"
ng-change="getAuditList()"></pi-filter>
</th>
<th><translate>token type</translate>
<th class="pifilter"><translate>token type</translate>
<pi-filter ng-model="typeFilter"
ng-change="getAuditList()">
</th>
<th><translate>administrator</translate>
<th class="pifilter"><translate>administrator</translate>
<pi-filter ng-model="administratorFilter"
ng-change="getAuditList()">
</th>
<th><translate>user</translate>
<th class="pifilter"><translate>user</translate>
<pi-filter ng-model="userFilter"
ng-change="getAuditList()">
</th>
<th><translate>realm</translate>
<th class="pifilter"><translate>realm</translate>
<pi-filter ng-model="realmFilter"
ng-change="getAuditList()">
</th>
<th><translate>resolver</translate>
<th class="pifilter"><translate>resolver</translate>
<pi-filter ng-model="resolverFilter"
ng-change="getAuditList()">
</th>
<th><translate>policies</translate>
<th class="pifilter"><translate>policies</translate>
<pi-filter ng-model="policiesFilter"
ng-change="getAuditList()">
</th>
<th><translate>client</translate>
<th class="pifilter"><translate>client</translate>
<pi-filter ng-model="clientFilter"
ng-change="getAuditList()">
</th>
<th><translate>info</translate>
<th class="pifilter"><translate>info</translate>
<pi-filter ng-model="infoFilter"
ng-change="getAuditList()">
</th>
<th translate>sig_check</th>
<th translate>missing_line</th>
<th translate>clearance</th>
<th translate>log level</th>
<th><translate>privacyidea server</translate>
<th class="pifilter"><translate>privacyidea server</translate>
<pi-filter ng-model="serverFilter"
ng-change="getAuditList()">
</th>
@@ -9,22 +9,22 @@
boundary-links="true" ng-change="pageChanged()"></pagination>

<div class="table-responsive">
<table class="table table-bordered table-striped">
<table class="table table-bordered table-striped" id="tablemachinelist">
<thead>
<tr>
<th><translate>hostname</translate>
<th class="pifilter"><translate>hostname</translate>
<pi-filter ng-model="params.hostnameFilter"
ng-change="_getMachines()"></pi-filter>
</th>
<th><translate>IP Address</translate>
<th class="pifilter"><translate>IP Address</translate>
<pi-filter ng-model="params.ipFilter"
ng-change="_getMachines()"></pi-filter>
</th>
<th><translate>Id</translate>
<th class="pifilter"><translate>Id</translate>
<pi-filter ng-model="params.idFilter"
ng-change="_getMachines()"></pi-filter>
</th>
<th><translate>Machine Resolver</translate>
<th class="pifilter"><translate>Machine Resolver</translate>
<pi-filter ng-model="params.resolverFilter"
ng-change="_getMachines()"></pi-filter>
</th>
@@ -15,7 +15,7 @@
</pagination>

<div class="table-responsive">
<table class="table table-bordered table-striped">
<table class="table table-bordered table-striped" id="tabletokenchallenges">
<thead>
<tr>
<th>
@@ -24,7 +24,7 @@
translate>timestamp
</button>
</th>
<th>
<th class="pifilter">
<button class="btn btn-default unsorted"
pi-sort-by="serial"
translate>serial
@@ -12,10 +12,10 @@
<span translate>total tokens:</span> {{ tokendata.count }}

<div class="table-responsive">
<table class="table table-bordered table-striped">
<table class="table table-bordered table-striped" id="tabletokenlist">
<thead>
<tr>
<th>
<th class="pifilter">
<button class="btn btn-default unsorted"
pi-sort-by="serial"
translate>serial
@@ -25,7 +25,7 @@
ng-keypress="($event.which==13)?get():return"
></pi-filter>
</th>
<th>
<th class="pifilter">
<button class="btn btn-default unsorted"
pi-sort-by="tokentype"
translate>type
@@ -42,7 +42,7 @@
translate>active
</button>
</th>
<th>
<th class="pifilter">
<button pi-sort-by="description"
class="btn btn-default
unsorted"
@@ -62,7 +62,7 @@
</th>
<th ng-show="loggedInUser.role == 'admin'" translate>user</th>
<th ng-show="loggedInUser.role == 'admin'" translate>realm</th>
<th ng-show="loggedInUser.role == 'admin' &&
<th class="pifilter" ng-show="loggedInUser.role == 'admin' &&
user_details_in_tokenlist">
<button pi-sort-by="resolver"
class="btn btn-default
@@ -74,7 +74,7 @@
ng-keypress="($event.which==13)?get():return"
></pi-filter>
</th>
<th ng-show="loggedInUser.role == 'admin' &&
<th class="pifilter" ng-show="loggedInUser.role == 'admin' &&
user_details_in_tokenlist">
<button pi-sort-by="user_id"
class="btn btn-default
@@ -5,28 +5,28 @@
boundary-links="true" ng-change="pageChanged()"></pagination>

<div class="table-responsive">
<table class="table table-bordered table-striped">
<table class="table table-bordered table-striped" id="tableuserlist">
<thead>
<tr>
<th><translate>username</translate>
<th class="pifilter"><translate>username</translate>
<pi-filter ng-model="params.usernameFilter"
ng-change="_getUsers('livesearch')"
ng-keypress="($event.which==13)?_getUsers():return"
></pi-filter>
</th>
<th><translate>surname</translate>
<th class="pifilter"><translate>surname</translate>
<pi-filter ng-model="params.surnameFilter"
ng-change="_getUsers('livesearch')"
ng-keypress="($event.which==13)?_getUsers():return"
></pi-filter>
</th>
<th><translate>givenname</translate>
<th class="pifilter"><translate>givenname</translate>
<pi-filter ng-model="params.givennameFilter"
ng-change="_getUsers('livesearch')"
ng-keypress="($event.which==13)?_getUsers():return"
></pi-filter>
</th>
<th><translate>email</translate>
<th class="pifilter"><translate>email</translate>
<pi-filter ng-model="params.emailFilter"
ng-change="_getUsers('livesearch')"
ng-keypress="($event.which==13)?_getUsers():return"
@@ -0,0 +1,6 @@
#tablemachinelist th.pifilter { white-space: nowrap; }
#tableauditlog th.pifilter { white-space: nowrap; }
#tableuserlist th.pifilter { white-space: nowrap; }
#tabletokenchallenges th.pifilter { white-space: nowrap; }
#tabletokenlist th.pifilter { white-space: nowrap; }

@@ -9,6 +9,7 @@
<link rel="icon" type="image/png" href="{{ instance }}/static/favicon.png">
<!-- Custom styles for this template -->
<link href="{{ instance }}/static/css/signin.css" rel="stylesheet">
<link href="{{ instance }}/static/css/table-ui.css" rel="stylesheet">
<link href="{{ instance }}/static/contrib/css/animate.css" rel="stylesheet">
<link href="{{ instance }}/static/css/navbar-fixed-top.css" rel="stylesheet">
<link href="{{ instance }}/static/contrib/css/angular-multi-select.css"

0 comments on commit 7209787

Please sign in to comment.