bootstrap 5 WIP (#7891)

New standard theme that follows your chosen terminal colors, Bootstrap 5 & Angular 15 upgrade

tabby-telnet/src/components/telnetProfileSettings.component.pug

@@ -2,14 +2,14 @@ ul.nav-tabs(ngbNav, #nav='ngbNav')
     li(ngbNavItem)
         a(ngbNavLink, translate) General
         ng-template(ngbNavContent)
-            .form-group
+            .mb-3
                 label(translate) Host
                 input.form-control(
                     type='text',
                     [(ngModel)]='profile.options.host',
                 )
 
-            .form-group
+            .mb-3
                 label(translate) Port
                 input.form-control(
                     type='number',

tabby-telnet/src/components/telnetProfileSettings.component.ts

@@ -6,7 +6,7 @@ import { TelnetProfile } from '../session'
 
 /** @hidden */
 @Component({
-    template: require('./telnetProfileSettings.component.pug'),
+    templateUrl:'./telnetProfileSettings.component.pug',
 })
 export class TelnetProfileSettingsComponent implements ProfileSettingsComponent<TelnetProfile> {
     profile: TelnetProfile

tabby-telnet/src/components/telnetTab.component.pug

@@ -1,8 +1,8 @@
 terminal-toolbar([tab]='this')
-    i.fas.fa-xs.fa-circle.text-success.mr-2(*ngIf='session && session.open')
-    i.fas.fa-xs.fa-circle.text-danger.mr-2(*ngIf='!session || !session.open')
-    strong.mr-auto {{profile.options.host}}:{{profile.options.port}}
+    i.fas.fa-xs.fa-circle.text-success.me-2(*ngIf='session && session.open')
+    i.fas.fa-xs.fa-circle.text-danger.me-2(*ngIf='!session || !session.open')
+    strong.me-auto {{profile.options.host}}:{{profile.options.port}}
 
-    button.btn.btn-sm.btn-link.mr-2((click)='reconnect()')
+    button.btn.btn-sm.btn-link.me-2((click)='reconnect()')
         i.fas.fa-redo
         span(translate) Reconnect

tabby-telnet/src/components/telnetTab.component.ts

@@ -11,7 +11,7 @@ import { TelnetProfile, TelnetSession } from '../session'
 @Component({
     selector: 'telnet-tab',
     template: `${BaseTerminalTabComponent.template} ${require('./telnetTab.component.pug')}`,
-    styles: [require('./telnetTab.component.scss'), ...BaseTerminalTabComponent.styles],
+    styleUrls: ['./telnetTab.component.scss', ...BaseTerminalTabComponent.styles],
     animations: BaseTerminalTabComponent.animations,
 })
 export class TelnetTabComponent extends BaseTerminalTabComponent<TelnetProfile> {

tabby-telnet/src/index.ts

@@ -32,10 +32,6 @@ import { TelnetProfilesService } from './profiles'
         { provide: HotkeyProvider, useClass: TelnetHotkeyProvider, multi: true },
         { provide: ProfileProvider, useExisting: TelnetProfilesService, multi: true },
     ],
-    entryComponents: [
-        TelnetProfileSettingsComponent,
-        TelnetTabComponent,
-    ],
     declarations: [
         TelnetProfileSettingsComponent,
         TelnetTabComponent,

tabby-telnet/webpack.config.js

@@ -1,5 +0,0 @@
-const config = require('../webpack.plugin.config')
-module.exports = config({
-    name: 'telnet',
-    dirname: __dirname
-})

tabby-telnet/webpack.config.mjs

@@ -0,0 +1,10 @@
+import * as path from 'path'
+import * as url from 'url'
+const __dirname = url.fileURLToPath(new URL('.', import.meta.url))
+
+import config from '../webpack.plugin.config.mjs'
+
+export default () => config({
+    name: 'telnet',
+    dirname: __dirname,
+})