bootstrap 5 WIP

This commit is contained in:
Eugene Pankov
2023-02-04 20:50:11 +01:00
parent 0a2011acba
commit 153d11cfe2
44 changed files with 244 additions and 695 deletions

View File

@@ -6,16 +6,16 @@
strong(translate) Warning: remote host's key has suddenly changed!
div(translate) You could be under a man-in-the-middle attack right now, or the host key could have just been changed.
.form-group(*ngIf='isMismatched')
.mb-3(*ngIf='isMismatched')
.d-flex.align-items-center
label(translate) Last known host key fingerprint
.badge.badge-danger.ml-auto {{ selector.type }}
.badge.text-bg-danger.ms-auto {{ selector.type }}
code {{knownHost.digest}}
.form-group
.mb-3
.d-flex.align-items-center
label(translate) Current host key fingerprint
.badge.badge-success.ml-auto {{ selector.type }}
.badge.text-bg-success.ms-auto {{ selector.type }}
code {{digest}}
.modal-footer

View File

@@ -1,6 +1,6 @@
.d-flex
strong(translate) Keyboard-interactive auth
.ml-2 {{prompt.name}}
.ms-2 {{prompt.name}}
.prompt-text {{prompt.prompts[step].prompt}}
@@ -18,7 +18,7 @@ input.form-control.mt-2(
*ngIf='step > 0',
(click)='previous()'
)
.ml-auto
.ms-auto
button.btn.btn-primary(
(click)='next()'
)

View File

@@ -1,6 +1,6 @@
.modal-body
label(translate) Name for the new directory
.form-group.w-100.mr-2
.mb-3.w-100.me-2
input.form-control(
type='text',
[(ngModel)]='directoryName',

View File

@@ -18,11 +18,11 @@
.breadcrumb-spacer.flex-grow-1.h-100((dblclick)='editPath()')
button.btn.btn-link.btn-sm.d-flex((click)='openCreateDirectoryModal()')
i.fas.fa-plus.mr-1
i.fas.fa-plus.me-1
div(translate) Create directory
button.btn.btn-link.btn-sm.d-flex((click)='upload()')
i.fas.fa-upload.mr-1
i.fas.fa-upload.me-1
div(translate) Upload
button.btn.btn-link.btn-close((click)='close()') !{require('../../../tabby-core/src/icons/times.svg')}
@@ -32,7 +32,7 @@
*ngIf='shouldShowCWDTip && !cwdDetectionAvailable',
(click)='platform.openExternal("https://tabby.sh/go/cwd-detection")'
)
.mr-auto
.me-auto
strong(translate) Working directory detection
div(translate) Learn how to allow Tabby to detect remote shell's working directory.
button.close((click)='dismissCWDTip()')
@@ -55,7 +55,7 @@
)
i.fa-fw([class]='getIcon(item)')
div {{item.name}}
.mr-auto
.me-auto
.size(*ngIf='!item.isDirectory') {{item.size|filesize}}
.date {{item.modified|date:'medium'}}
.mode {{getModeString(item)}}

View File

@@ -5,12 +5,12 @@
strong(*ngIf='fw.type === PortForwardType.Local', translate) Local
strong(*ngIf='fw.type === PortForwardType.Remote', translate) Remote
strong(*ngIf='fw.type === PortForwardType.Dynamic', translate, translateContext='[Dynamic] port forwarding') id.port-forwarding.dynamic
.ml-3 {{fw.host}}:{{fw.port}}
.ml-2 →
.ml-2(*ngIf='fw.type !== PortForwardType.Dynamic') {{fw.targetAddress}}:{{fw.targetPort}}
.ml-2(*ngIf='fw.type === PortForwardType.Dynamic', translate) SOCKS proxy
.ms-3 {{fw.host}}:{{fw.port}}
.ms-2 →
.ms-2(*ngIf='fw.type !== PortForwardType.Dynamic') {{fw.targetAddress}}:{{fw.targetPort}}
.ms-2(*ngIf='fw.type === PortForwardType.Dynamic', translate) SOCKS proxy
div {{fw.description}}
button.btn.btn-link.hover-reveal.ml-auto((click)='remove(fw)')
button.btn.btn-link.hover-reveal.ms-auto((click)='remove(fw)')
i.fas.fa-trash-alt
h5(translate) Add a port forward
@@ -40,7 +40,7 @@ h5(translate) Add a port forward
input.form-control(type='text', placeholder='Description', [(ngModel)]='newForward.description')
.d-flex
.btn-group.mr-auto(
.btn-group.me-auto(
[(ngModel)]='newForward.type',
ngbRadioGroup
)
@@ -67,5 +67,5 @@ h5(translate) Add a port forward
span(translate, translateContext='[Dynamic] port forwarding') id.port-forwarding.dynamic
button.btn.btn-primary((click)='addForward()')
i.fas.fa-check.mr-2
i.fas.fa-check.me-2
span(translate) Forward port

View File

@@ -3,7 +3,7 @@ ul.nav-tabs(ngbNav, #nav='ngbNav')
a(ngbNavLink, translate) General
ng-template(ngbNavContent)
.d-flex.w-100.mt-3
.form-group.mr-2(
.mb-3.me-2(
ngbDropdown
)
label(translate) Connection
@@ -35,21 +35,21 @@ ul.nav-tabs(ngbNav, #nav='ngbNav')
div(translate) HTTP proxy
.text-muted(translate) Using CONNECT method
.form-group.w-100(*ngIf='connectionMode === "proxyCommand"')
.mb-3.w-100(*ngIf='connectionMode === "proxyCommand"')
label(translate) Proxy command
input.form-control(
type='text',
[(ngModel)]='profile.options.proxyCommand',
)
.form-group.w-100.mr-2(*ngIf='connectionMode !== "proxyCommand"')
.mb-3.w-100.me-2(*ngIf='connectionMode !== "proxyCommand"')
label(translate) Host
input.form-control(
type='text',
[(ngModel)]='profile.options.host',
)
.form-group(*ngIf='connectionMode !== "proxyCommand"')
.mb-3(*ngIf='connectionMode !== "proxyCommand"')
label(translate) Port
input.form-control(
type='number',
@@ -57,7 +57,7 @@ ul.nav-tabs(ngbNav, #nav='ngbNav')
[(ngModel)]='profile.options.port',
)
.form-group(*ngIf='connectionMode === "jumpHost"')
.mb-3(*ngIf='connectionMode === "jumpHost"')
label(translate) Jump host
select.form-control([(ngModel)]='profile.options.jumpHost')
option([ngValue]='null', translate) Select
@@ -65,14 +65,14 @@ ul.nav-tabs(ngbNav, #nav='ngbNav')
.d-flex.w-100(*ngIf='connectionMode === "socksProxy"')
.form-group.w-100.mr-2
.mb-3.w-100.me-2
label(translate) SOCKS proxy host
input.form-control(
type='text',
[(ngModel)]='profile.options.socksProxyHost',
)
.form-group
.mb-3
label(translate) SOCKS proxy port
input.form-control(
type='number',
@@ -81,14 +81,14 @@ ul.nav-tabs(ngbNav, #nav='ngbNav')
)
.d-flex.w-100(*ngIf='connectionMode === "httpProxy"')
.form-group.w-100.mr-2
.mb-3.w-100.me-2
label(translate) HTTP proxy host
input.form-control(
type='text',
[(ngModel)]='profile.options.httpProxyHost',
)
.form-group
.mb-3
label(translate) HTTP proxy port
input.form-control(
type='number',
@@ -96,7 +96,7 @@ ul.nav-tabs(ngbNav, #nav='ngbNav')
[(ngModel)]='profile.options.httpProxyPort',
)
.form-group
.mb-3
label(translate) Username
input.form-control(
type='text',
@@ -104,7 +104,7 @@ ul.nav-tabs(ngbNav, #nav='ngbNav')
[(ngModel)]='profile.options.user',
)
.form-group
.mb-3
label(translate) Authentication method
.btn-group.mt-1.w-100(
@@ -137,19 +137,19 @@ ul.nav-tabs(ngbNav, #nav='ngbNav')
.title(translate) Password
.description(*ngIf='!hasSavedPassword', translate) Save a password in the keychain
.description(*ngIf='hasSavedPassword', translate) There is a saved password for this connection
button.btn.btn-success.ml-4(*ngIf='!hasSavedPassword', (click)='setPassword()')
button.btn.btn-success.ms-4(*ngIf='!hasSavedPassword', (click)='setPassword()')
i.fas.fa-key
span(translate) Set password
button.btn.btn-danger.ml-4(*ngIf='hasSavedPassword', (click)='clearSavedPassword()')
button.btn.btn-danger.ms-4(*ngIf='hasSavedPassword', (click)='clearSavedPassword()')
i.fas.fa-trash-alt
span(translate) Forget
.form-group(*ngIf='!profile.options.auth || profile.options.auth === "publicKey"')
.mb-3(*ngIf='!profile.options.auth || profile.options.auth === "publicKey"')
label(translate) Private keys
.list-group.mb-2
.list-group-item.d-flex.align-items-center.p-1.pl-3(*ngFor='let path of profile.options.privateKeys')
.list-group-item.d-flex.align-items-center.p-1.ps-3(*ngFor='let path of profile.options.privateKeys')
i.fas.fa-key
.no-wrap.mr-auto {{path}}
.no-wrap.me-auto {{path}}
button.btn.btn-link((click)='removePrivateKey(path)')
i.fas.fa-trash
button.btn.btn-secondary((click)='addPrivateKey()')

View File

@@ -1,9 +1,9 @@
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.user}}@{{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.user}}@{{profile.options.host}}:{{profile.options.port}}
.mr-2(
.me-2(
ngbDropdown,
container='body',
*ngIf='session && !session.supportsWorkingDirectory()',
@@ -13,16 +13,16 @@ terminal-toolbar([tab]='this')
i.far.fa-lightbulb.text-primary
.bg-dark(ngbDropdownMenu)
a.d-flex.align-items-center(ngbDropdownItem, (click)='platform.openExternal("https://tabby.sh/go/cwd-detection")')
.mr-auto
.me-auto
strong(translate) Working directory detection
div(translate) Learn how to allow Tabby to detect remote shell's working directory.
i.fas.fa-arrow-right.ml-4
i.fas.fa-arrow-right.ms-4
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
button.btn.btn-sm.btn-link.mr-2((click)='openSFTP()', *ngIf='session && session.open')
button.btn.btn-sm.btn-link.me-2((click)='openSFTP()', *ngIf='session && session.open')
i.far.fa-folder-open
span SFTP