diff --git a/src/ui/web/login/LoginView.js b/src/ui/web/login/LoginView.js index 110476c2..e361f1a6 100644 --- a/src/ui/web/login/LoginView.js +++ b/src/ui/web/login/LoginView.js @@ -1,6 +1,6 @@ import {TemplateView} from "../general/TemplateView.js"; import {brawlGithubLink} from "./common.js"; -import {spinner} from "../common.js"; +import {SessionLoadView} from "./SessionLoadView.js"; export class LoginView extends TemplateView { render(t, vm) { @@ -25,11 +25,3 @@ export class LoginView extends TemplateView { } } -class SessionLoadView extends TemplateView { - render(t) { - return t.div({className: "SessionLoadView"}, [ - spinner(t, {hidden: vm => !vm.loading}), - t.p(vm => vm.loadLabel) - ]); - } -} diff --git a/src/ui/web/login/SessionLoadView.js b/src/ui/web/login/SessionLoadView.js new file mode 100644 index 00000000..a7a29df8 --- /dev/null +++ b/src/ui/web/login/SessionLoadView.js @@ -0,0 +1,11 @@ +import {TemplateView} from "../general/TemplateView.js"; +import {spinner} from "../common.js"; + +export class SessionLoadView extends TemplateView { + render(t) { + return t.div({className: "SessionLoadView"}, [ + spinner(t, {hidden: vm => !vm.loading}), + t.p(vm => vm.loadLabel) + ]); + } +} diff --git a/src/ui/web/login/SessionPickerView.js b/src/ui/web/login/SessionPickerView.js index 176c015e..d81247ac 100644 --- a/src/ui/web/login/SessionPickerView.js +++ b/src/ui/web/login/SessionPickerView.js @@ -1,6 +1,7 @@ import {ListView} from "../general/ListView.js"; import {TemplateView} from "../general/TemplateView.js"; import {brawlGithubLink} from "./common.js"; +import {SessionLoadView} from "./SessionLoadView.js"; function selectFileAsText(mimeType) { const input = document.createElement("input"); @@ -85,6 +86,7 @@ export class SessionPickerView extends TemplateView { t.view(sessionList), t.p(t.button({onClick: () => vm.cancel()}, ["Log in to a new session instead"])), t.p(t.button({onClick: async () => vm.import(await selectFileAsText("application/json"))}, "Import")), + t.if(vm => vm.loadViewModel, vm => new SessionLoadView(vm.loadViewModel)), t.p(brawlGithubLink(t)) ]); }