|
6 | 6 | <div class="main-cell table-cell"> |
7 | 7 | <!-- remote access disabled --> |
8 | 8 | <div |
9 | | - v-if="!$store.getters.allowAccess" |
| 9 | + v-if="!$store.getters.allowAccess || deviceUnusableReason" |
10 | 10 | class="box" |
11 | 11 | :style="{ backgroundColor: $themeTokens.surface }" |
12 | 12 | > |
|
24 | 24 | > |
25 | 25 | {{ logoText }} |
26 | 26 | </h1> |
27 | | - <p data-test="restrictedAccess"> |
28 | | - {{ $tr('restrictedAccess') }} |
29 | | - </p> |
30 | | - <p>{{ $tr('restrictedAccessDescription') }}</p> |
| 27 | + <template v-if="!$store.getters.allowAccess"> |
| 28 | + <p data-test="restrictedAccess"> |
| 29 | + {{ $tr('restrictedAccess') }} |
| 30 | + </p> |
| 31 | + <p>{{ $tr('restrictedAccessDescription') }}</p> |
| 32 | + </template> |
| 33 | + <DeviceUnusableMessage |
| 34 | + v-else |
| 35 | + :reason="deviceUnusableReason" |
| 36 | + /> |
31 | 37 | </div> |
32 | 38 | <!-- remote access enabled --> |
33 | 39 | <div |
|
193 | 199 | import LanguageSwitcherFooter from '../views/LanguageSwitcherFooter'; |
194 | 200 | import commonUserStrings from './commonUserStrings'; |
195 | 201 | import getUrlParameter from './getUrlParameter'; |
| 202 | + import DeviceUnusableMessage from './DeviceUnusableMessage.vue'; |
196 | 203 |
|
197 | 204 | export default { |
198 | 205 | name: 'AuthBase', |
199 | | - components: { CoreLogo, LanguageSwitcherFooter, PrivacyInfoModal }, |
| 206 | + components: { CoreLogo, LanguageSwitcherFooter, PrivacyInfoModal, DeviceUnusableMessage }, |
200 | 207 | mixins: [commonCoreStrings, commonUserStrings], |
201 | 208 | setup() { |
202 | 209 | const { facilityConfig } = useFacilities(); |
|
273 | 280 | showGuestAccess() { |
274 | 281 | return plugin_data.allowGuestAccess && !this.oidcProviderFlow; |
275 | 282 | }, |
| 283 | + deviceUnusableReason() { |
| 284 | + return plugin_data.deviceUnusableReason; |
| 285 | + }, |
276 | 286 | versionMsg() { |
277 | 287 | return this.$tr('poweredBy', { version: __version }); |
278 | 288 | }, |
|
0 commit comments