web: 3 fixes for small typos, annoyances, and improvements (#7249)

I'm conducting a more comprehensive survey of the UI in order to get a more holistic idea of the
changes that should be implemented.  Along the way, I'm finding a few small details that annoy me.
Here are three.

It goes to "User statistics."  I have changed both the text of the link and the page to read "User
Statistics" (it's a title, it should be capitalized).

Give people warning when you're about to take them out of the system, especially if you're opening a
new tab along the way.

Just a thing I spotted along the way.
This commit is contained in:
Ken Sternberg 2023-10-23 10:48:16 -07:00 committed by GitHub
parent 75aedb4d3f
commit e3ac774a18
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 20 additions and 7 deletions

View File

@ -193,7 +193,7 @@ export class AdminInterface extends Interface {
["/if/user/", msg("User interface"), { "?isAbsoluteLink": true, "?highlight": true }], ["/if/user/", msg("User interface"), { "?isAbsoluteLink": true, "?highlight": true }],
[null, msg("Dashboards"), { "?expanded": true }, [ [null, msg("Dashboards"), { "?expanded": true }, [
["/administration/overview", msg("Overview")], ["/administration/overview", msg("Overview")],
["/administration/dashboard/users", msg("Users")], ["/administration/dashboard/users", msg("User Statistics")],
["/administration/system-tasks", msg("System Tasks")]]], ["/administration/system-tasks", msg("System Tasks")]]],
[null, msg("Applications"), null, [ [null, msg("Applications"), null, [
["/core/providers", msg("Providers"), [`^/core/providers/(?<id>${ID_REGEX})$`]], ["/core/providers", msg("Providers"), [`^/core/providers/(?<id>${ID_REGEX})$`]],

View File

@ -22,6 +22,7 @@ import PFContent from "@patternfly/patternfly/components/Content/content.css";
import PFList from "@patternfly/patternfly/components/List/list.css"; import PFList from "@patternfly/patternfly/components/List/list.css";
import PFPage from "@patternfly/patternfly/components/Page/page.css"; import PFPage from "@patternfly/patternfly/components/Page/page.css";
import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css"; import PFGrid from "@patternfly/patternfly/layouts/Grid/grid.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";
import { SessionUser } from "@goauthentik/api"; import { SessionUser } from "@goauthentik/api";
@ -35,6 +36,7 @@ export function versionFamily(): string {
export class AdminOverviewPage extends AKElement { export class AdminOverviewPage extends AKElement {
static get styles(): CSSResult[] { static get styles(): CSSResult[] {
return [ return [
PFBase,
PFGrid, PFGrid,
PFPage, PFPage,
PFContent, PFContent,
@ -53,6 +55,13 @@ export class AdminOverviewPage extends AKElement {
.card-container { .card-container {
max-height: 10em; max-height: 10em;
} }
.ak-external-link {
display: inline-block;
margin-left: 0.175rem;
vertical-align: super;
line-height: normal;
font-size: var(--pf-global--icon--FontSize--sm);
}
`, `,
]; ];
} }
@ -104,8 +113,10 @@ export class AdminOverviewPage extends AKElement {
class="pf-u-mb-xl" class="pf-u-mb-xl"
target="_blank" target="_blank"
href="https://goauthentik.io/integrations/" href="https://goauthentik.io/integrations/"
>${msg("Explore integrations")}</a >${msg("Explore integrations")}<i
> class="fas fa-external-link-alt ak-external-link"
></i
></a>
</li> </li>
<li> <li>
<a class="pf-u-mb-xl" href=${paramURL("/identity/users")} <a class="pf-u-mb-xl" href=${paramURL("/identity/users")}
@ -120,8 +131,10 @@ export class AdminOverviewPage extends AKElement {
".", ".",
"", "",
)}" )}"
>${msg("Check release notes")}</a >${msg("Check the release notes")}<i
> class="fas fa-external-link-alt ak-external-link"
></i
></a>
</li> </li>
</ul> </ul>
</ak-aggregate-card> </ak-aggregate-card>

View File

@ -41,7 +41,7 @@ export class DashboardUserPage extends AKElement {
} }
render(): TemplateResult { render(): TemplateResult {
return html`<ak-page-header icon="pf-icon pf-icon-user" header=${msg("User statistics")}> return html`<ak-page-header icon="pf-icon pf-icon-user" header=${msg("User Statistics")}>
</ak-page-header> </ak-page-header>
<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">

View File

@ -20,7 +20,7 @@ The prompt can be any of the following types:
| Number | Numerical textbox. | | Number | Numerical textbox. |
| Checkbox | Simple checkbox. | | Checkbox | Simple checkbox. |
| Radio Button Group | Similar to checkboxes, but allows selecting a value from a set of predefined values. | | Radio Button Group | Similar to checkboxes, but allows selecting a value from a set of predefined values. |
| Dropdwon | A simple dropdown menu filled with predefined values. | | Dropdown | A simple dropdown menu filled with predefined values. |
| Date | Same as text, except the client renders a date-picker | | Date | Same as text, except the client renders a date-picker |
| Date-time | Same as text, except the client renders a date-time-picker | | Date-time | Same as text, except the client renders a date-time-picker |
| File | Allow users to upload a file, which will be available as base64-encoded data in the flow . | | File | Allow users to upload a file, which will be available as base64-encoded data in the flow . |