1 files changed, 7 insertions, 38 deletions
diff --git a/src/views/Control/SerialOverLan/SerialOverLan.vue b/src/views/Control/SerialOverLan/SerialOverLan.vue
index 61f91e0e..037a4963 100644
--- a/src/views/Control/SerialOverLan/SerialOverLan.vue
+++ b/src/views/Control/SerialOverLan/SerialOverLan.vue
@@ -1,55 +1,24 @@
 <template>
   <b-container fluid="xl">
-    <page-title />
+    <page-title class="mb-4" :description="$t('pageSerialOverLan.subTitle')" />
 
-    <page-section :section-title="$t('pageSerialoverLAN.subTitle')">
-      <p>{{ $t('pageSerialoverLAN.subTitleDesc') }}</p>
-
-      <div class="terminal-container">
-        <serial-over-lan-console />
-      </div>
-      <div class="text-right">
-        <b-button
-          variant="link"
-          type="button"
-          class="button-launch"
-          @click="openConsoleWindow()"
-        >
-          <icon-launch />
-
-          {{ $t('pageSerialoverLAN.openNewTab') }}
-        </b-button>
-      </div>
+    <page-section class="mb-0">
+      <serial-over-lan-console :is-full-window="false" />
     </page-section>
   </b-container>
 </template>
 
 <script>
-import IconLaunch from '@carbon/icons-vue/es/launch/32';
 import PageTitle from '@/components/Global/PageTitle';
 import PageSection from '@/components/Global/PageSection';
 import SerialOverLanConsole from './SerialOverLanConsole';
 
 export default {
   name: 'SerialOverLan',
-  components: { IconLaunch, PageSection, PageTitle, SerialOverLanConsole },
-  methods: {
-    openConsoleWindow() {
-      window.open(
-        '#/console/serial-over-lan-console',
-        '_blank',
-        'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=600,height=550'
-      );
-    }
+  components: {
+    PageSection,
+    PageTitle,
+    SerialOverLanConsole
   }
 };
 </script>
-
-<style scoped>
-.button-launch > svg {
-  height: 25px;
-}
-.terminal-container {
-  width: 100%;
-}
-</style>