static: re-add backdrop, format
This commit is contained in:
parent
49899a9ceb
commit
37979291b5
2
passbook/static/static/dist/main.js
vendored
2
passbook/static/static/dist/main.js
vendored
File diff suppressed because one or more lines are too long
2
passbook/static/static/dist/main.js.map
vendored
2
passbook/static/static/dist/main.js.map
vendored
File diff suppressed because one or more lines are too long
|
@ -1,9 +1,7 @@
|
|||
export interface User {
|
||||
|
||||
pk: number;
|
||||
username: string;
|
||||
name: string;
|
||||
is_superuser: boolean;
|
||||
email: boolean;
|
||||
|
||||
}
|
||||
|
|
|
@ -15,7 +15,6 @@ const PROGRESS_CLASS ="pf-m-in-progress";
|
|||
|
||||
@customElement("pb-action-button")
|
||||
export class ActionButton extends LitElement {
|
||||
|
||||
@property()
|
||||
url: string = "";
|
||||
|
||||
|
@ -23,7 +22,7 @@ export class ActionButton extends LitElement {
|
|||
isRunning = false;
|
||||
|
||||
static get styles() {
|
||||
return [GlobalsStyle, ButtonStyle, SpinnerStyle]
|
||||
return [GlobalsStyle, ButtonStyle, SpinnerStyle];
|
||||
}
|
||||
|
||||
setLoading() {
|
||||
|
@ -68,7 +67,10 @@ export class ActionButton extends LitElement {
|
|||
}
|
||||
|
||||
render() {
|
||||
return html`<button class="pf-c-button pf-m-progress ${this.classList}" @click=${() => this.callAction()}>
|
||||
return html`<button
|
||||
class="pf-c-button pf-m-progress ${this.classList}"
|
||||
@click=${() => this.callAction()}
|
||||
>
|
||||
${this.isRunning
|
||||
? html` <span class="pf-c-button__progress">
|
||||
<span
|
||||
|
|
|
@ -122,15 +122,15 @@ export const ROOT_ITEMS: SidebarItem[] = [
|
|||
path: "/audit/audit/",
|
||||
condition: (sb: SideBar) => {
|
||||
return sb.user?.is_superuser!;
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
name: "Administration",
|
||||
children: SIDEBAR_ITEMS,
|
||||
condition: (sb: SideBar) => {
|
||||
return sb.user?.is_superuser!;
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
@customElement("pb-sidebar")
|
||||
|
@ -183,8 +183,8 @@ export class SideBar extends LitElement {
|
|||
constructor() {
|
||||
super();
|
||||
fetch("/api/v2beta/core/users/me/")
|
||||
.then(r => r.json())
|
||||
.then(r => this.user = <User>r);
|
||||
.then((r) => r.json())
|
||||
.then((r) => (this.user = <User>r));
|
||||
this.activePath = window.location.hash.slice(1, Infinity);
|
||||
window.addEventListener("hashchange", (e) => {
|
||||
this.activePath = window.location.hash.slice(1, Infinity);
|
||||
|
@ -196,7 +196,9 @@ export class SideBar extends LitElement {
|
|||
<a href="#/" class="pf-c-page__header-brand-link">
|
||||
<div class="pf-c-brand pb-brand">
|
||||
<img src="${this.brandLogo}" alt="passbook icon" />
|
||||
${this.brandTitle ? html`<span>${this.brandTitle}</span>` : ""}
|
||||
${this.brandTitle
|
||||
? html`<span>${this.brandTitle}</span>`
|
||||
: ""}
|
||||
</div>
|
||||
</a>
|
||||
</li>`;
|
||||
|
|
|
@ -97,7 +97,8 @@ export class SiteShell extends LitElement {
|
|||
|
||||
render() {
|
||||
return html` ${this.loading
|
||||
? html` <div class="pf-l-bullseye">
|
||||
? html`<div class="pf-c-backdrop">
|
||||
<div class="pf-l-bullseye">
|
||||
<div class="pf-l-bullseye__item">
|
||||
<span
|
||||
class="pf-c-spinner pf-m-xl"
|
||||
|
@ -109,6 +110,7 @@ export class SiteShell extends LitElement {
|
|||
<span class="pf-c-spinner__tail-ball"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
: ""}
|
||||
<slot name="body"> </slot>`;
|
||||
|
|
Reference in a new issue