web: load missing flow css files and adopt them

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2021-03-16 22:02:58 +01:00
parent 5f024eb1f7
commit 67629ce0b7
3 changed files with 11 additions and 4 deletions

View File

@ -2,8 +2,8 @@ FROM node as npm-builder
COPY . /static/
ENV NODE_ENV production
RUN cd /static && npm i && npm run build
ENV NODE_ENV=production
RUN cd /static && npm i --production=false && npm run build
FROM nginx

View File

@ -1,6 +1,6 @@
import { gettext } from "django";
import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
import { COMMON_STYLES } from "../common/styles";
import PFExpandableSection from "../../node_modules/@patternfly/patternfly/components/ExpandableSection/expandable-section.css";
@customElement("ak-expand")
export class Expand extends LitElement {
@ -15,7 +15,7 @@ export class Expand extends LitElement {
textClosed = "Show more";
static get styles(): CSSResult[] {
return COMMON_STYLES;
return [PFExpandableSection];
}
render(): TemplateResult {

View File

@ -1,5 +1,11 @@
import { gettext } from "django";
import { LitElement, html, customElement, property, TemplateResult, CSSResult, css } from "lit-element";
import PFLogin from "../../node_modules/@patternfly/patternfly/components/Login/login.css";
import PFBackgroundImage from "../../node_modules/@patternfly/patternfly/components/BackgroundImage/background-image.css";
import PFList from "../../node_modules/@patternfly/patternfly/components/List/list.css";
import AKGlobal from "../authentik.css";
import { unsafeHTML } from "lit-html/directives/unsafe-html";
import "./stages/authenticator_static/AuthenticatorStaticStage";
import "./stages/authenticator_totp/AuthenticatorTOTPStage";
@ -66,6 +72,7 @@ export class FlowExecutor extends LitElement implements StageHost {
this.addEventListener("ak-flow-submit", () => {
this.submit();
});
document.adoptedStyleSheets = [PFLogin, PFBackgroundImage, PFList, AKGlobal];
}
submit<T>(formData?: T): Promise<void> {