Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
后端镜像
Tabby
提交
70b6be73
T
Tabby
项目概览
后端镜像
/
Tabby
通知
31
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
Tabby
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
70b6be73
编写于
8月 15, 2021
作者:
E
Eugene Pankov
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
autocomplete profile colors - fixes #4231
上级
8d5b0fe8
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
28 addition
and
14 deletion
+28
-14
tabby-core/src/tabContextMenu.ts
tabby-core/src/tabContextMenu.ts
+3
-12
tabby-core/src/utils.ts
tabby-core/src/utils.ts
+10
-0
tabby-settings/src/components/editProfileModal.component.pug
tabby-settings/src/components/editProfileModal.component.pug
+4
-1
tabby-settings/src/components/editProfileModal.component.ts
tabby-settings/src/components/editProfileModal.component.ts
+11
-1
未找到文件。
tabby-core/src/tabContextMenu.ts
浏览文件 @
70b6be73
...
...
@@ -13,6 +13,7 @@ import { TabsService } from './services/tabs.service'
import
{
HotkeysService
}
from
'
./services/hotkeys.service
'
import
{
PromptModalComponent
}
from
'
./components/promptModal.component
'
import
{
SplitLayoutProfilesService
}
from
'
./profiles
'
import
{
TAB_COLORS
}
from
'
./utils
'
/** @hidden */
@
Injectable
()
...
...
@@ -89,16 +90,6 @@ export class TabManagementContextMenu extends TabContextMenuItemProvider {
}
}
const
COLORS
=
[
{
name
:
'
No color
'
,
value
:
null
},
{
name
:
'
Blue
'
,
value
:
'
#0275d8
'
},
{
name
:
'
Green
'
,
value
:
'
#5cb85c
'
},
{
name
:
'
Orange
'
,
value
:
'
#f0ad4e
'
},
{
name
:
'
Purple
'
,
value
:
'
#613d7c
'
},
{
name
:
'
Red
'
,
value
:
'
#d9534f
'
},
{
name
:
'
Yellow
'
,
value
:
'
#ffd500
'
},
]
/** @hidden */
@
Injectable
()
export
class
CommonOptionsContextMenu
extends
TabContextMenuItemProvider
{
...
...
@@ -127,8 +118,8 @@ export class CommonOptionsContextMenu extends TabContextMenuItemProvider {
},
{
label
:
'
Color
'
,
sublabel
:
COLORS
.
find
(
x
=>
x
.
value
===
tab
.
color
)?.
name
,
submenu
:
COLORS
.
map
(
color
=>
({
sublabel
:
TAB_
COLORS
.
find
(
x
=>
x
.
value
===
tab
.
color
)?.
name
,
submenu
:
TAB_
COLORS
.
map
(
color
=>
({
label
:
color
.
name
,
type
:
'
radio
'
,
checked
:
tab
.
color
===
color
.
value
,
...
...
tabby-core/src/utils.ts
浏览文件 @
70b6be73
...
...
@@ -54,3 +54,13 @@ export class ResettableTimeout {
}
}
}
export
const
TAB_COLORS
=
[
{
name
:
'
No color
'
,
value
:
null
},
{
name
:
'
Blue
'
,
value
:
'
#0275d8
'
},
{
name
:
'
Green
'
,
value
:
'
#5cb85c
'
},
{
name
:
'
Orange
'
,
value
:
'
#f0ad4e
'
},
{
name
:
'
Purple
'
,
value
:
'
#613d7c
'
},
{
name
:
'
Red
'
,
value
:
'
#d9534f
'
},
{
name
:
'
Yellow
'
,
value
:
'
#ffd500
'
},
]
tabby-settings/src/components/editProfileModal.component.pug
浏览文件 @
70b6be73
...
...
@@ -46,7 +46,10 @@
input.form-control.w-50(
type='text',
[(ngModel)]='profile.color',
placeholder='#000000'
placeholder='#000000',
alwaysVisibleTypeahead,
[ngbTypeahead]='colorsAutocomplete',
[resultFormatter]='colorsFormatter'
)
.form-line
...
...
tabby-settings/src/components/editProfileModal.component.ts
浏览文件 @
70b6be73
...
...
@@ -2,7 +2,7 @@
import
{
Observable
,
OperatorFunction
,
debounceTime
,
map
,
distinctUntilChanged
}
from
'
rxjs
'
import
{
Component
,
Input
,
ViewChild
,
ViewContainerRef
,
ComponentFactoryResolver
,
Injector
}
from
'
@angular/core
'
import
{
NgbActiveModal
}
from
'
@ng-bootstrap/ng-bootstrap
'
import
{
ConfigProxy
,
ConfigService
,
Profile
,
ProfileProvider
,
ProfileSettingsComponent
,
ProfilesService
}
from
'
tabby-core
'
import
{
ConfigProxy
,
ConfigService
,
Profile
,
ProfileProvider
,
ProfileSettingsComponent
,
ProfilesService
,
TAB_COLORS
}
from
'
tabby-core
'
const
iconsData
=
require
(
'
../../../tabby-core/src/icons.json
'
)
const
iconsClassList
=
Object
.
keys
(
iconsData
).
map
(
...
...
@@ -39,6 +39,16 @@ export class EditProfileModalComponent<P extends Profile> {
)].
sort
()
as
string
[]
}
colorsAutocomplete
=
text$
=>
text$
.
pipe
(
debounceTime
(
200
),
distinctUntilChanged
(),
map
((
q
:
string
)
=>
TAB_COLORS
.
filter
(
x
=>
!
q
||
x
.
toString
().
startsWith
(
q
)).
map
(
x
=>
x
.
value
))
)
colorsFormatter
=
value
=>
{
return
TAB_COLORS
.
find
(
x
=>
x
.
value
===
value
)?.
name
??
value
}
ngOnInit
()
{
this
.
_profile
=
this
.
profile
this
.
profile
=
this
.
profilesService
.
getConfigProxyForProfile
(
this
.
profile
)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录