<template>
  <b-container fluid="xl">
    <page-title class="mb-4" :description="$t('pageSerialOverLan.subTitle')" />

    <page-section class="mb-0">
      <serial-over-lan-console
        :is-full-window="false"
        :class="{
          disabledDiv: isNotAdmin,
        }"
      />
    </page-section>
  </b-container>
</template>

<script>
import PageTitle from '@/components/_sila/Global/PageTitle';
import PageSection from '@/components/_sila/Global/PageSection';
import SerialOverLanConsole from './SerialOverLanConsole';

export default {
  name: 'SerialOverLan',
  components: {
    PageSection,
    PageTitle,
    SerialOverLanConsole,
  },
  computed: {
    isNotAdmin() {
      return this.$store.getters['authentication/role'] === 'ReadOnly';
    },
  },
};
</script>
