Show an error when invalid client id or redirect uri (#1620)

This commit is contained in:
Paulus Schoutsen 2018-09-02 19:29:38 +02:00 committed by Jerad Meisner
parent 68b3a4fbb7
commit bf40995b16
2 changed files with 24 additions and 5 deletions

View File

@ -16,13 +16,16 @@ class HaAuthFlow extends LocalizeLiteMixin(PolymerElement) {
margin: 24px 0 8px;
text-align: center;
}
.error {
color: red;
}
</style>
<form>
<template is="dom-if" if="[[_equals(_state, &quot;loading&quot;)]]">
[[localize('ui.panel.page-authorize.form.working')]]:
</template>
<template is="dom-if" if="[[_equals(_state, &quot;error&quot;)]]">
[[localize('ui.panel.page-authorize.form.unknown_error')]]:
<div class='error'>Error: [[_errorMsg]]</div>
</template>
<template is="dom-if" if="[[_equals(_state, &quot;step&quot;)]]">
<template is="dom-if" if="[[_equals(_step.type, &quot;abort&quot;)]]">
@ -74,7 +77,8 @@ class HaAuthFlow extends LocalizeLiteMixin(PolymerElement) {
_step: {
type: Object,
notify: true,
}
},
_errorMsg: String,
};
}
@ -107,12 +111,23 @@ class HaAuthFlow extends LocalizeLiteMixin(PolymerElement) {
})
});
const step = await response.json();
this._updateStep(step);
const data = await response.json();
if (response.ok) {
this._updateStep(data);
} else {
this.setProperties({
_state: 'error',
_errorMsg: data.message,
});
}
} catch (err) {
// eslint-disable-next-line
console.error('Error starting auth flow', err);
this._state = 'error';
this.setProperties({
_state: 'error',
_errorMsg: this.localize('ui.panel.page-authorize.form.unknown_error'),
});
}
}

View File

@ -13,6 +13,10 @@ class HaAuthorize extends LocalizeLiteMixin(PolymerElement) {
static get template() {
return html`
<style>
ha-markdown {
display: block;
margin-bottom: 16px;
}
ha-markdown a {
color: var(--primary-color);
}