mystiq/hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull requests Packages Projects Releases Wiki Activity

offer back button when session loading fails

Browse source
This commit is contained in:
Bruno Windels 2021-05-18 15:27:31 +02:00
parent d567664d8b
commit c3ef801566
5 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/domain/LoginViewModel.js
View file

@ -46,7 +46,7 @@ export class LoginViewModel extends ViewModel {
if (this._loadViewModel) {
this._loadViewModel = this.disposeTracked(this._loadViewModel);
}
this._loadViewModel = this.track(new SessionLoadViewModel({
this._loadViewModel = this.track(new SessionLoadViewModel(this.childOptions({
createAndStartSessionContainer: () => {
this._sessionContainer = this._createSessionContainer();
this._sessionContainer.startWithLogin(homeserver, username, password);
@ -58,7 +58,7 @@ export class LoginViewModel extends ViewModel {
this._ready(sessionContainer);
},
homeserver,
}));
})));
this._loadViewModel.start();
this.emitChange("loadViewModel");
this._loadViewModelSubscription = this.track(this._loadViewModel.disposableOn("change", () => {

4
src/domain/RootViewModel.js
View file

@ -124,14 +124,14 @@ export class RootViewModel extends ViewModel {
_showSessionLoader(sessionId) {
this._setSection(() => {
this._sessionLoadViewModel = new SessionLoadViewModel({
this._sessionLoadViewModel = new SessionLoadViewModel(this.childOptions({
createAndStartSessionContainer: () => {
const sessionContainer = this._createSessionContainer();
sessionContainer.startWithExistingSession(sessionId);
return sessionContainer;
},
ready: sessionContainer => this._showSession(sessionContainer)
});
}));
this._sessionLoadViewModel.start();
});
}

1
src/domain/SessionLoadViewModel.js
View file

@ -28,6 +28,7 @@ export class SessionLoadViewModel extends ViewModel {
this._deleteSessionOnCancel = deleteSessionOnCancel;
this._loading = false;
this._error = null;
this.backUrl = this.urlCreator.urlForSegment("session", true);
}
async start() {

4
src/platform/web/ui/css/themes/element/theme.css
View file

@ -215,6 +215,10 @@ a.button-action {
text-align: center;
}
.SessionLoadView {
padding-top: 16px;
}
@media screen and (min-width: 600px) {
.PreSessionScreen {
box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.1);

5
src/platform/web/ui/login/SessionLoadView.js
View file

@ -22,9 +22,10 @@ export class SessionLoadView extends TemplateView {
return t.div({className: "PreSessionScreen"}, [
t.div({className: "logo"}),
t.div({className: "SessionLoadView"}, [
t.h1(vm.i18n`Loading…`),
t.view(new SessionLoadStatusView(vm))
])
]),
t.div({className: {"button-row": true, hidden: vm => vm.loading}},
t.a({className: "button-action primary", href: vm.backUrl}, vm.i18n`Go back`))
]);
}
}