habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web/admin: fix naming of charts on overview page

Browse Source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-05-06 13:51:54 +02:00
parent 9538ad5710
commit e401b4e74e
7 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
web/src/pages/admin-overview/AdminOverviewPage.ts
View File

@ -10,12 +10,12 @@ import "./cards/BackupStatusCard";
import "./cards/VersionStatusCard"; import "./cards/VersionStatusCard";
import "./cards/WorkerStatusCard"; import "./cards/WorkerStatusCard";
import "./graphs/FlowStatusCard"; import "./charts/FlowStatusChart";
import "./graphs/LDAPSyncStatusCard"; import "./charts/LDAPSyncStatusChart";
import "./graphs/OutpostStatusCard"; import "./charts/OutpostStatusChart";
import "./graphs/UserCountStatusCard"; import "./charts/UserCountStatusChart";
import "./graphs/GroupCountStatusCard"; import "./charts/GroupCountStatusChart";
import "./graphs/PolicyStatusCard"; import "./charts/PolicyStatusChart";
import PFPage from "@patternfly/patternfly/components/Page/page.css"; import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFContent from "@patternfly/patternfly/components/Content/content.css"; import PFContent from "@patternfly/patternfly/components/Content/content.css";
@ -39,7 +39,7 @@ export class AdminOverviewPage extends LitElement {
height: 35em; height: 35em;
} }
.card-container { .card-container {
height: 10em; max-height: 10em;
} }
`]; `];
} }
@ -54,34 +54,34 @@ export class AdminOverviewPage extends LitElement {
<section class="pf-c-page__main-section"> <section class="pf-c-page__main-section">
<div class="pf-l-grid pf-m-gutter"> <div class="pf-l-grid pf-m-gutter">
<!-- row 1 --> <!-- row 1 -->
<div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-xl2 graph-container"> <div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-2xl graph-container">
<ak-aggregate-card icon="pf-icon pf-icon-infrastructure" header=${t`Policies`} headerLink="#/policy/policies"> <ak-aggregate-card icon="pf-icon pf-icon-infrastructure" header=${t`Policies`} headerLink="#/policy/policies">
<ak-admin-status-card-policy></ak-admin-status-card-policy> <ak-admin-status-chart-policy></ak-admin-status-chart-policy>
</ak-aggregate-card> </ak-aggregate-card>
</div> </div>
<div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-xl2 graph-container"> <div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-2xl graph-container">
<ak-aggregate-card icon="pf-icon pf-icon-server" header=${t`Flows`} headerLink="#/flow/flows"> <ak-aggregate-card icon="pf-icon pf-icon-server" header=${t`Flows`} headerLink="#/flow/flows">
<ak-admin-status-card-flow></ak-admin-status-card-flow> <ak-admin-status-chart-flow></ak-admin-status-chart-flow>
</ak-aggregate-card> </ak-aggregate-card>
</div> </div>
<div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-xl2 graph-container"> <div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-2xl graph-container">
<ak-aggregate-card icon="fa fa-sync-alt" header=${t`Outpost status`} headerLink="#/outpost/outposts"> <ak-aggregate-card icon="fa fa-sync-alt" header=${t`Outpost status`} headerLink="#/outpost/outposts">
<ak-admin-status-card-outpost></ak-admin-status-card-outpost> <ak-admin-status-chart-outpost></ak-admin-status-chart-outpost>
</ak-aggregate-card> </ak-aggregate-card>
</div> </div>
<div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-xl2 graph-container"> <div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-2xl graph-container">
<ak-aggregate-card icon="fa fa-sync-alt" header=${t`Users`} headerLink="#/identity/users"> <ak-aggregate-card icon="fa fa-sync-alt" header=${t`Users`} headerLink="#/identity/users">
<ak-admin-status-card-user-count></ak-admin-status-card-user-count> <ak-admin-status-chart-user-count></ak-admin-status-chart-user-count>
</ak-aggregate-card> </ak-aggregate-card>
</div> </div>
<div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-xl2 graph-container"> <div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-2xl graph-container">
<ak-aggregate-card icon="fa fa-sync-alt" header=${t`Groups`} headerLink="#/identity/groups"> <ak-aggregate-card icon="fa fa-sync-alt" header=${t`Groups`} headerLink="#/identity/groups">
<ak-admin-status-card-group-count></ak-admin-status-card-group-count> <ak-admin-status-chart-group-count></ak-admin-status-chart-group-count>
</ak-aggregate-card> </ak-aggregate-card>
</div> </div>
<div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-xl2 graph-container"> <div class="pf-l-grid__item pf-m-6-col pf-m-4-col-on-xl pf-m-2-col-on-2xl graph-container">
<ak-aggregate-card icon="fa fa-sync-alt" header=${t`LDAP Sync status`} headerLink="#/core/sources"> <ak-aggregate-card icon="fa fa-sync-alt" header=${t`LDAP Sync status`} headerLink="#/core/sources">
<ak-admin-status-card-ldap-sync></ak-admin-status-card-ldap-sync> <ak-admin-status-chart-ldap-sync></ak-admin-status-chart-ldap-sync>
</ak-aggregate-card> </ak-aggregate-card>
</div> </div>
<div class="pf-l-grid__item pf-m-12-col row-divider"> <div class="pf-l-grid__item pf-m-12-col row-divider">
@ -104,12 +104,12 @@ export class AdminOverviewPage extends LitElement {
<hr> <hr>
</div> </div>
<!-- row 3 --> <!-- row 3 -->
<div class="pf-l-grid__item pf-m-12-col pf-m-6-col-on-xl pf-m-9-col-on-xl2 big-graph-container"> <div class="pf-l-grid__item pf-m-12-col pf-m-6-col-on-xl pf-m-8-col-on-2xl big-graph-container">
<ak-aggregate-card icon="pf-icon pf-icon-server" header=${t`Logins over the last 24 hours`}> <ak-aggregate-card icon="pf-icon pf-icon-server" header=${t`Logins over the last 24 hours`}>
<ak-charts-admin-login></ak-charts-admin-login> <ak-charts-admin-login></ak-charts-admin-login>
</ak-aggregate-card> </ak-aggregate-card>
</div> </div>
<div class="pf-l-grid__item pf-m-12-col pf-m-6-col-on-xl pf-m-3-col-on-xl2 big-graph-container"> <div class="pf-l-grid__item pf-m-12-col pf-m-6-col-on-xl pf-m-4-col-on-2xl big-graph-container">
<ak-aggregate-card icon="pf-icon pf-icon-server" header=${t`Apps with most usage`}> <ak-aggregate-card icon="pf-icon pf-icon-server" header=${t`Apps with most usage`}>
<ak-top-applications-table></ak-top-applications-table> <ak-top-applications-table></ak-top-applications-table>
</ak-aggregate-card> </ak-aggregate-card>

4
web/src/pages/admin-overview/graphs/FlowStatusCard.ts → web/src/pages/admin-overview/charts/FlowStatusChart.ts
View File

@ -11,8 +11,8 @@ interface FlowMetrics {
cached: number; cached: number;
} }
@customElement("ak-admin-status-card-flow") @customElement("ak-admin-status-chart-flow")
export class PolicyStatusCard extends AKChart<FlowMetrics> { export class PolicyStatusChart extends AKChart<FlowMetrics> {
getChartType(): string { getChartType(): string {
return "doughnut"; return "doughnut";

4
web/src/pages/admin-overview/graphs/GroupCountStatusCard.ts → web/src/pages/admin-overview/charts/GroupCountStatusChart.ts
View File

@ -10,8 +10,8 @@ interface GroupMetrics {
superusers: number; superusers: number;
} }
@customElement("ak-admin-status-card-group-count") @customElement("ak-admin-status-chart-group-count")
export class GroupCountStatusCard extends AKChart<GroupMetrics> { export class GroupCountStatusChart extends AKChart<GroupMetrics> {
getChartType(): string { getChartType(): string {
return "doughnut"; return "doughnut";

4
web/src/pages/admin-overview/graphs/LDAPSyncStatusCard.ts → web/src/pages/admin-overview/charts/LDAPSyncStatusChart.ts
View File

@ -12,8 +12,8 @@ interface LDAPSyncStats {
unsynced: number; unsynced: number;
} }
@customElement("ak-admin-status-card-ldap-sync") @customElement("ak-admin-status-chart-ldap-sync")
export class LDAPSyncStatusCard extends AKChart<LDAPSyncStats> { export class LDAPSyncStatusChart extends AKChart<LDAPSyncStats> {
getChartType(): string { getChartType(): string {
return "doughnut"; return "doughnut";

4
web/src/pages/admin-overview/graphs/OutpostStatusCard.ts → web/src/pages/admin-overview/charts/OutpostStatusChart.ts
View File

@ -12,8 +12,8 @@ interface OutpostStats {
unhealthy: number; unhealthy: number;
} }
@customElement("ak-admin-status-card-outpost") @customElement("ak-admin-status-chart-outpost")
export class OutpostStatusCard extends AKChart<OutpostStats> { export class OutpostStatusChart extends AKChart<OutpostStats> {
getChartType(): string { getChartType(): string {
return "doughnut"; return "doughnut";

4
web/src/pages/admin-overview/graphs/PolicyStatusCard.ts → web/src/pages/admin-overview/charts/PolicyStatusChart.ts
View File

@ -12,8 +12,8 @@ interface PolicyMetrics {
unbound: number; unbound: number;
} }
@customElement("ak-admin-status-card-policy") @customElement("ak-admin-status-chart-policy")
export class PolicyStatusCard extends AKChart<PolicyMetrics> { export class PolicyStatusChart extends AKChart<PolicyMetrics> {
getChartType(): string { getChartType(): string {
return "doughnut"; return "doughnut";

4
web/src/pages/admin-overview/graphs/UserCountStatusCard.ts → web/src/pages/admin-overview/charts/UserCountStatusChart.ts
View File

@ -10,8 +10,8 @@ interface UserMetrics {
superusers: number; superusers: number;
} }
@customElement("ak-admin-status-card-user-count") @customElement("ak-admin-status-chart-user-count")
export class UserCountStatusCard extends AKChart<UserMetrics> { export class UserCountStatusChart extends AKChart<UserMetrics> {
getChartType(): string { getChartType(): string {
return "doughnut"; return "doughnut";