|
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 |
|
191 | 197 | import LanguageSwitcherFooter from '../views/LanguageSwitcherFooter'; |
192 | 198 | import commonUserStrings from './commonUserStrings'; |
193 | 199 | import getUrlParameter from './getUrlParameter'; |
| 200 | + import DeviceUnusableMessage from './DeviceUnusableMessage.vue'; |
194 | 201 |
|
195 | 202 | export default { |
196 | 203 | name: 'AuthBase', |
197 | | - components: { CoreLogo, LanguageSwitcherFooter, PrivacyInfoModal }, |
| 204 | + components: { CoreLogo, LanguageSwitcherFooter, PrivacyInfoModal, DeviceUnusableMessage }, |
198 | 205 | mixins: [commonCoreStrings, commonUserStrings], |
199 | 206 | setup() { |
200 | 207 | const { facilityConfig } = useFacilities(); |
|
271 | 278 | showGuestAccess() { |
272 | 279 | return plugin_data.allowGuestAccess && !this.oidcProviderFlow; |
273 | 280 | }, |
| 281 | + deviceUnusableReason() { |
| 282 | + return plugin_data.deviceUnusableReason; |
| 283 | + }, |
274 | 284 | versionMsg() { |
275 | 285 | return this.$tr('poweredBy', { version: __version }); |
276 | 286 | }, |
|
0 commit comments