mirror of
https://github.com/hansjone/dsh-im-ops.git
synced 2026-10-09 04:13:17 +08:00
Use table layout for access-grant people lists (4.9.1-ops.15).
Nickname, phone, permission, and actions sit in aligned columns with headers. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
parent
a59a09e0d2
commit
a10d900a7b
6 changed files with 268 additions and 141 deletions
221
lib/client.js
221
lib/client.js
|
|
@ -571,7 +571,7 @@ var React24 = __toESM(require("react"), 1);
|
||||||
// package.json
|
// package.json
|
||||||
var package_default = {
|
var package_default = {
|
||||||
name: "dsh-im-ops",
|
name: "dsh-im-ops",
|
||||||
version: "4.9.1-ops.14",
|
version: "4.9.1-ops.15",
|
||||||
description: "Ops fork of dsh-im (all channels kept). Based on @xmanrui/dsh-im@4.9.1 \u2014 access/session policies owned here.",
|
description: "Ops fork of dsh-im (all channels kept). Based on @xmanrui/dsh-im@4.9.1 \u2014 access/session policies owned here.",
|
||||||
keywords: [
|
keywords: [
|
||||||
"deepseek-harness",
|
"deepseek-harness",
|
||||||
|
|
@ -852,6 +852,12 @@ var EN = Object.freeze({
|
||||||
"\u673A\u5668\u4EBA\u8BBE\u7F6E\u9875\u7B7E": "Bot settings tabs",
|
"\u673A\u5668\u4EBA\u8BBE\u7F6E\u9875\u7B7E": "Bot settings tabs",
|
||||||
"\u6295\u9012\u8BBE\u7F6E": "Delivery settings",
|
"\u6295\u9012\u8BBE\u7F6E": "Delivery settings",
|
||||||
"\u8BBF\u95EE\u8BBE\u7F6E": "Access settings",
|
"\u8BBF\u95EE\u8BBE\u7F6E": "Access settings",
|
||||||
|
"\u6682\u65E0\u7BA1\u7406\u5458\uFF0C\u53EF\u70B9\u4E0B\u65B9\u65B0\u589E\u3002": "No admins yet. Add one below.",
|
||||||
|
"\u6682\u65E0\u7528\u6237\uFF0C\u53EF\u70B9\u4E0B\u65B9\u65B0\u589E\u3002": "No users yet. Add one below.",
|
||||||
|
"\u4E0D\u53EF\u5220\u9664": "Locked",
|
||||||
|
"\u7ED1\u5B9A\u8D26\u53F7": "Linked account",
|
||||||
|
"\u64CD\u4F5C": "Actions",
|
||||||
|
"\u6635\u79F0": "Nickname",
|
||||||
"\u8BF7\u63D0\u4EA4\u6709\u6548\u7684\u7FA4\u540D\u540C\u6B65\u8BF7\u6C42\u3002": "Submit a valid group-name sync request.",
|
"\u8BF7\u63D0\u4EA4\u6709\u6548\u7684\u7FA4\u540D\u540C\u6B65\u8BF7\u6C42\u3002": "Submit a valid group-name sync request.",
|
||||||
"\u540C\u6B65\u7FA4\u540D\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002": "Could not sync the group name. Try again later.",
|
"\u540C\u6B65\u7FA4\u540D\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002": "Could not sync the group name. Try again later.",
|
||||||
"\u672A\u80FD\u4ECE WhatsApp \u8BFB\u53D6\u7FA4\u540D\uFF0C\u8BF7\u786E\u8BA4\u673A\u5668\u4EBA\u5728\u7EBF\u4E14\u4ECD\u5728\u8BE5\u7FA4\u3002": "Could not read the group name from WhatsApp. Confirm the bot is online and still in the group.",
|
"\u672A\u80FD\u4ECE WhatsApp \u8BFB\u53D6\u7FA4\u540D\uFF0C\u8BF7\u786E\u8BA4\u673A\u5668\u4EBA\u5728\u7EBF\u4E14\u4ECD\u5728\u8BE5\u7FA4\u3002": "Could not read the group name from WhatsApp. Confirm the bot is online and still in the group.",
|
||||||
|
|
@ -12722,46 +12728,74 @@ function MemberRows({
|
||||||
...nested ? {} : { disabled }
|
...nested ? {} : { disabled }
|
||||||
},
|
},
|
||||||
nested ? h2("h4", { className: "dim-accessSubblockTitle" }, title) : h2("legend", null, title),
|
nested ? h2("h4", { className: "dim-accessSubblockTitle" }, title) : h2("legend", null, title),
|
||||||
h2("ul", { className: "dim-accessCompactList" }, members.map((member, index) => h2(
|
h2(
|
||||||
"li",
|
"div",
|
||||||
{
|
{ className: "dim-accessTableWrap" },
|
||||||
key: `member-${index}`,
|
|
||||||
className: "dim-accessCompactRow",
|
|
||||||
"data-kind": "member"
|
|
||||||
},
|
|
||||||
h2(
|
h2(
|
||||||
"div",
|
"table",
|
||||||
{ className: "dim-accessCompactIdentity" },
|
{ className: "dim-accessTable", "data-kind": "member" },
|
||||||
h2(PhoneTypeahead, {
|
h2(
|
||||||
value: member.phone,
|
"thead",
|
||||||
contacts,
|
null,
|
||||||
disabled,
|
h2(
|
||||||
placeholder: "8613800000000",
|
"tr",
|
||||||
onChange: (phone) => onChange(members.map((entry, i) => i === index ? { ...entry, phone } : entry))
|
null,
|
||||||
}),
|
h2("th", { scope: "col" }, "\u6635\u79F0"),
|
||||||
h2(NicknameHint, { contacts, phone: member.phone, shortEmpty: true })
|
h2("th", { scope: "col" }, "\u7535\u8BDD"),
|
||||||
),
|
h2("th", { scope: "col" }, "\u547D\u4EE4\u6743\u9650"),
|
||||||
h2(
|
h2("th", { scope: "col", className: "dim-accessTableActions" }, "\u64CD\u4F5C")
|
||||||
"select",
|
)
|
||||||
{
|
),
|
||||||
className: "dim-accessCompactSelect",
|
h2("tbody", null, members.length === 0 ? h2("tr", null, h2("td", { colSpan: 4, className: "dim-accessTableEmpty" }, "\u6682\u65E0\u7528\u6237\uFF0C\u53EF\u70B9\u4E0B\u65B9\u65B0\u589E\u3002")) : members.map((member, index) => h2(
|
||||||
title: "\u547D\u4EE4\u6743\u9650",
|
"tr",
|
||||||
"aria-label": "\u547D\u4EE4\u6743\u9650",
|
{ key: `member-${index}` },
|
||||||
value: member.canExecuteCommands ? "allow" : "deny",
|
h2(
|
||||||
disabled,
|
"td",
|
||||||
onChange: (event) => onChange(members.map((entry, i) => i === index ? { ...entry, canExecuteCommands: event.target.value === "allow" } : entry))
|
{ className: "dim-accessTableNick" },
|
||||||
},
|
h2(NicknameHint, { contacts, phone: member.phone, shortEmpty: true })
|
||||||
h2("option", { value: "allow" }, "\u53EF\u6267\u884C\u547D\u4EE4"),
|
),
|
||||||
h2("option", { value: "deny" }, "\u4E0D\u53EF\u6267\u884C\u547D\u4EE4")
|
h2(
|
||||||
),
|
"td",
|
||||||
h2("button", {
|
{ className: "dim-accessTablePhone" },
|
||||||
type: "button",
|
h2(PhoneTypeahead, {
|
||||||
className: "dim-deliveryButton dim-accessCompactDelete",
|
value: member.phone,
|
||||||
"data-kind": "danger",
|
contacts,
|
||||||
disabled,
|
disabled,
|
||||||
onClick: () => onChange(members.filter((_, i) => i !== index))
|
placeholder: "8613800000000",
|
||||||
}, "\u5220\u9664")
|
onChange: (phone) => onChange(members.map((entry, i) => i === index ? { ...entry, phone } : entry))
|
||||||
))),
|
})
|
||||||
|
),
|
||||||
|
h2(
|
||||||
|
"td",
|
||||||
|
{ className: "dim-accessTablePerm" },
|
||||||
|
h2(
|
||||||
|
"select",
|
||||||
|
{
|
||||||
|
className: "dim-accessCompactSelect",
|
||||||
|
title: "\u547D\u4EE4\u6743\u9650",
|
||||||
|
"aria-label": "\u547D\u4EE4\u6743\u9650",
|
||||||
|
value: member.canExecuteCommands ? "allow" : "deny",
|
||||||
|
disabled,
|
||||||
|
onChange: (event) => onChange(members.map((entry, i) => i === index ? { ...entry, canExecuteCommands: event.target.value === "allow" } : entry))
|
||||||
|
},
|
||||||
|
h2("option", { value: "allow" }, "\u53EF\u6267\u884C\u547D\u4EE4"),
|
||||||
|
h2("option", { value: "deny" }, "\u4E0D\u53EF\u6267\u884C\u547D\u4EE4")
|
||||||
|
)
|
||||||
|
),
|
||||||
|
h2(
|
||||||
|
"td",
|
||||||
|
{ className: "dim-accessTableActions" },
|
||||||
|
h2("button", {
|
||||||
|
type: "button",
|
||||||
|
className: "dim-deliveryButton dim-accessCompactDelete",
|
||||||
|
"data-kind": "danger",
|
||||||
|
disabled,
|
||||||
|
onClick: () => onChange(members.filter((_, i) => i !== index))
|
||||||
|
}, "\u5220\u9664")
|
||||||
|
)
|
||||||
|
)))
|
||||||
|
)
|
||||||
|
),
|
||||||
h2("button", {
|
h2("button", {
|
||||||
type: "button",
|
type: "button",
|
||||||
className: "dim-deliveryButton",
|
className: "dim-deliveryButton",
|
||||||
|
|
@ -12788,38 +12822,62 @@ function AdminPhones({
|
||||||
},
|
},
|
||||||
nested ? h2("h4", { className: "dim-accessSubblockTitle" }, title) : h2("legend", null, title),
|
nested ? h2("h4", { className: "dim-accessSubblockTitle" }, title) : h2("legend", null, title),
|
||||||
help ? h2("p", { className: "dim-accessHint" }, help) : null,
|
help ? h2("p", { className: "dim-accessHint" }, help) : null,
|
||||||
h2("ul", { className: "dim-accessCompactList" }, phones.map((phone, index) => {
|
h2(
|
||||||
const locked = lockedPhone && phone === lockedPhone;
|
"div",
|
||||||
return h2(
|
{ className: "dim-accessTableWrap" },
|
||||||
"li",
|
h2(
|
||||||
{
|
"table",
|
||||||
key: `admin-${index}`,
|
{ className: "dim-accessTable", "data-kind": "admin" },
|
||||||
className: "dim-accessCompactRow",
|
|
||||||
"data-kind": "admin",
|
|
||||||
...locked ? { "data-locked": "true" } : {}
|
|
||||||
},
|
|
||||||
h2(
|
h2(
|
||||||
"div",
|
"thead",
|
||||||
{ className: "dim-accessCompactIdentity" },
|
null,
|
||||||
h2(PhoneTypeahead, {
|
h2(
|
||||||
value: phone,
|
"tr",
|
||||||
contacts,
|
null,
|
||||||
disabled: disabled || locked,
|
h2("th", { scope: "col" }, "\u6635\u79F0"),
|
||||||
placeholder: "8613800000000",
|
h2("th", { scope: "col" }, "\u7535\u8BDD"),
|
||||||
onChange: (next) => onChange(phones.map((entry, i) => i === index ? next : entry))
|
h2("th", { scope: "col", className: "dim-accessTableActions" }, "\u64CD\u4F5C")
|
||||||
}),
|
)
|
||||||
locked ? h2("span", { className: "dim-accessNickname" }, "\u7ED1\u5B9A\u8D26\u53F7\uFF08\u5168\u5C40\u7BA1\u7406\u5458\uFF09") : h2(NicknameHint, { contacts, phone, shortEmpty: true })
|
|
||||||
),
|
),
|
||||||
h2("span", { className: "dim-accessCompactSelectSlot", "aria-hidden": "true" }),
|
h2("tbody", null, phones.length === 0 ? h2("tr", null, h2("td", { colSpan: 3, className: "dim-accessTableEmpty" }, "\u6682\u65E0\u7BA1\u7406\u5458\uFF0C\u53EF\u70B9\u4E0B\u65B9\u65B0\u589E\u3002")) : phones.map((phone, index) => {
|
||||||
locked ? h2("span", { className: "dim-accessCompactDeleteSlot", "aria-hidden": "true" }) : h2("button", {
|
const locked = lockedPhone && phone === lockedPhone;
|
||||||
type: "button",
|
return h2(
|
||||||
className: "dim-deliveryButton dim-accessCompactDelete",
|
"tr",
|
||||||
"data-kind": "danger",
|
{
|
||||||
disabled,
|
key: `admin-${index}`,
|
||||||
onClick: () => onChange(phones.filter((_, i) => i !== index))
|
...locked ? { "data-locked": "true" } : {}
|
||||||
}, "\u5220\u9664")
|
},
|
||||||
);
|
h2(
|
||||||
})),
|
"td",
|
||||||
|
{ className: "dim-accessTableNick" },
|
||||||
|
locked ? h2("span", { className: "dim-accessNickname" }, "\u7ED1\u5B9A\u8D26\u53F7") : h2(NicknameHint, { contacts, phone, shortEmpty: true })
|
||||||
|
),
|
||||||
|
h2(
|
||||||
|
"td",
|
||||||
|
{ className: "dim-accessTablePhone" },
|
||||||
|
h2(PhoneTypeahead, {
|
||||||
|
value: phone,
|
||||||
|
contacts,
|
||||||
|
disabled: disabled || locked,
|
||||||
|
placeholder: "8613800000000",
|
||||||
|
onChange: (next) => onChange(phones.map((entry, i) => i === index ? next : entry))
|
||||||
|
})
|
||||||
|
),
|
||||||
|
h2(
|
||||||
|
"td",
|
||||||
|
{ className: "dim-accessTableActions" },
|
||||||
|
locked ? h2("span", { className: "dim-accessTableLocked" }, "\u4E0D\u53EF\u5220\u9664") : h2("button", {
|
||||||
|
type: "button",
|
||||||
|
className: "dim-deliveryButton dim-accessCompactDelete",
|
||||||
|
"data-kind": "danger",
|
||||||
|
disabled,
|
||||||
|
onClick: () => onChange(phones.filter((_, i) => i !== index))
|
||||||
|
}, "\u5220\u9664")
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}))
|
||||||
|
)
|
||||||
|
),
|
||||||
h2("button", {
|
h2("button", {
|
||||||
type: "button",
|
type: "button",
|
||||||
className: "dim-deliveryButton",
|
className: "dim-deliveryButton",
|
||||||
|
|
@ -14693,6 +14751,29 @@ body[data-ds-dark-theme] .dim-page select option, body[data-ds-dark-theme] .dim-
|
||||||
.dim-accessCompactDelete, .dim-accessCompactDeleteSlot { width: 100%; min-height: 32px; justify-self: stretch; }
|
.dim-accessCompactDelete, .dim-accessCompactDeleteSlot { width: 100%; min-height: 32px; justify-self: stretch; }
|
||||||
.dim-accessCompactDelete { padding-inline: 8px; }
|
.dim-accessCompactDelete { padding-inline: 8px; }
|
||||||
.dim-accessCompactDeleteSlot { display: block; }
|
.dim-accessCompactDeleteSlot { display: block; }
|
||||||
|
.dim-accessTableWrap { min-width: 0; margin-top: 8px; overflow: auto; border: 1px solid var(--dsw-alias-border-l1, #eef0f3); border-radius: 8px; background: var(--dsw-alias-bg-layer-1, #fff); }
|
||||||
|
.dim-accessTable { width: 100%; border-collapse: collapse; table-layout: fixed; }
|
||||||
|
.dim-accessTable th, .dim-accessTable td { padding: 8px 10px; border-bottom: 1px solid var(--dsw-alias-border-l1, #eef0f3); text-align: left; vertical-align: middle; }
|
||||||
|
.dim-accessTable th { color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 11px; line-height: 16px; font-weight: 600; background: color-mix(in srgb, var(--dsw-alias-bg-module-platform, #f7f8fa) 80%, transparent); }
|
||||||
|
.dim-accessTable tbody tr:last-child td { border-bottom: 0; }
|
||||||
|
.dim-accessTable tbody tr:focus-within { background: color-mix(in srgb, var(--dsw-alias-bg-module-platform, #f7f8fa) 70%, transparent); }
|
||||||
|
.dim-accessTable[data-kind="admin"] th:nth-child(1), .dim-accessTable[data-kind="admin"] td:nth-child(1) { width: 28%; }
|
||||||
|
.dim-accessTable[data-kind="admin"] th:nth-child(2), .dim-accessTable[data-kind="admin"] td:nth-child(2) { width: 52%; }
|
||||||
|
.dim-accessTable[data-kind="admin"] th:nth-child(3), .dim-accessTable[data-kind="admin"] td:nth-child(3) { width: 20%; }
|
||||||
|
.dim-accessTable[data-kind="member"] th:nth-child(1), .dim-accessTable[data-kind="member"] td:nth-child(1) { width: 20%; }
|
||||||
|
.dim-accessTable[data-kind="member"] th:nth-child(2), .dim-accessTable[data-kind="member"] td:nth-child(2) { width: 36%; }
|
||||||
|
.dim-accessTable[data-kind="member"] th:nth-child(3), .dim-accessTable[data-kind="member"] td:nth-child(3) { width: 28%; }
|
||||||
|
.dim-accessTable[data-kind="member"] th:nth-child(4), .dim-accessTable[data-kind="member"] td:nth-child(4) { width: 16%; }
|
||||||
|
.dim-accessTableNick { min-width: 0; }
|
||||||
|
.dim-accessTableNick .dim-accessNickname { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||||
|
.dim-accessTablePhone { min-width: 0; position: relative; z-index: 0; }
|
||||||
|
.dim-accessTablePhone:focus-within { z-index: 6; }
|
||||||
|
.dim-accessTablePhone .dim-accessTypeahead > input { height: 32px; }
|
||||||
|
.dim-accessTablePerm { min-width: 0; }
|
||||||
|
.dim-accessTableActions { width: 72px; white-space: nowrap; text-align: right; }
|
||||||
|
.dim-accessTableActions .dim-accessCompactDelete { width: auto; min-width: 52px; }
|
||||||
|
.dim-accessTableEmpty { color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 12px; text-align: center; }
|
||||||
|
.dim-accessTableLocked { color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 12px; }
|
||||||
.dim-accessDeleteUser { margin-bottom: 1px; }
|
.dim-accessDeleteUser { margin-bottom: 1px; }
|
||||||
.dim-accessUnsupported { padding: 18px 14px; border: 1px dashed var(--dsw-alias-border-l2, #dfe1e5); border-radius: 9px; color: var(--dsw-alias-label-secondary, #646a73); background: var(--dsw-alias-bg-module-platform, #f7f8fa); text-align: center; }
|
.dim-accessUnsupported { padding: 18px 14px; border: 1px dashed var(--dsw-alias-border-l2, #dfe1e5); border-radius: 9px; color: var(--dsw-alias-label-secondary, #646a73); background: var(--dsw-alias-bg-module-platform, #f7f8fa); text-align: center; }
|
||||||
.dim-accessUnsupported strong { color: var(--dsw-alias-label-primary, #1f2329); font-size: 13px; line-height: 20px; }
|
.dim-accessUnsupported strong { color: var(--dsw-alias-label-primary, #1f2329); font-size: 13px; line-height: 20px; }
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "dsh-im-ops",
|
"name": "dsh-im-ops",
|
||||||
"version": "4.9.1-ops.14",
|
"version": "4.9.1-ops.15",
|
||||||
"description": "Ops fork of dsh-im (all channels kept). Based on @xmanrui/dsh-im@4.9.1 — access/session policies owned here.",
|
"description": "Ops fork of dsh-im (all channels kept). Based on @xmanrui/dsh-im@4.9.1 — access/session policies owned here.",
|
||||||
"keywords": [
|
"keywords": [
|
||||||
"deepseek-harness",
|
"deepseek-harness",
|
||||||
|
|
|
||||||
|
|
@ -204,44 +204,53 @@ function MemberRows({
|
||||||
...(nested ? {} : { disabled }),
|
...(nested ? {} : { disabled }),
|
||||||
},
|
},
|
||||||
nested ? h('h4', { className: 'dim-accessSubblockTitle' }, title) : h('legend', null, title),
|
nested ? h('h4', { className: 'dim-accessSubblockTitle' }, title) : h('legend', null, title),
|
||||||
h('ul', { className: 'dim-accessCompactList' }, members.map((member, index) =>
|
h('div', { className: 'dim-accessTableWrap' },
|
||||||
h('li', {
|
h('table', { className: 'dim-accessTable', 'data-kind': 'member' },
|
||||||
key: `member-${index}`,
|
h('thead', null,
|
||||||
className: 'dim-accessCompactRow',
|
h('tr', null,
|
||||||
'data-kind': 'member',
|
h('th', { scope: 'col' }, '昵称'),
|
||||||
},
|
h('th', { scope: 'col' }, '电话'),
|
||||||
h('div', { className: 'dim-accessCompactIdentity' },
|
h('th', { scope: 'col' }, '命令权限'),
|
||||||
h(PhoneTypeahead, {
|
h('th', { scope: 'col', className: 'dim-accessTableActions' }, '操作'))),
|
||||||
value: member.phone,
|
h('tbody', null, members.length === 0
|
||||||
contacts,
|
? h('tr', null, h('td', { colSpan: 4, className: 'dim-accessTableEmpty' }, '暂无用户，可点下方新增。'))
|
||||||
disabled,
|
: members.map((member, index) =>
|
||||||
placeholder: '8613800000000',
|
h('tr', { key: `member-${index}` },
|
||||||
onChange: (phone) => onChange(members.map((entry, i) => (
|
h('td', { className: 'dim-accessTableNick' },
|
||||||
i === index ? { ...entry, phone } : entry
|
h(NicknameHint, { contacts, phone: member.phone, shortEmpty: true })),
|
||||||
))),
|
h('td', { className: 'dim-accessTablePhone' },
|
||||||
}),
|
h(PhoneTypeahead, {
|
||||||
h(NicknameHint, { contacts, phone: member.phone, shortEmpty: true })),
|
value: member.phone,
|
||||||
h('select', {
|
contacts,
|
||||||
className: 'dim-accessCompactSelect',
|
disabled,
|
||||||
title: '命令权限',
|
placeholder: '8613800000000',
|
||||||
'aria-label': '命令权限',
|
onChange: (phone) => onChange(members.map((entry, i) => (
|
||||||
value: member.canExecuteCommands ? 'allow' : 'deny',
|
i === index ? { ...entry, phone } : entry
|
||||||
disabled,
|
))),
|
||||||
onChange: (event) => onChange(members.map((entry, i) => (
|
})),
|
||||||
i === index
|
h('td', { className: 'dim-accessTablePerm' },
|
||||||
? { ...entry, canExecuteCommands: event.target.value === 'allow' }
|
h('select', {
|
||||||
: entry
|
className: 'dim-accessCompactSelect',
|
||||||
))),
|
title: '命令权限',
|
||||||
},
|
'aria-label': '命令权限',
|
||||||
h('option', { value: 'allow' }, '可执行命令'),
|
value: member.canExecuteCommands ? 'allow' : 'deny',
|
||||||
h('option', { value: 'deny' }, '不可执行命令')),
|
disabled,
|
||||||
h('button', {
|
onChange: (event) => onChange(members.map((entry, i) => (
|
||||||
type: 'button',
|
i === index
|
||||||
className: 'dim-deliveryButton dim-accessCompactDelete',
|
? { ...entry, canExecuteCommands: event.target.value === 'allow' }
|
||||||
'data-kind': 'danger',
|
: entry
|
||||||
disabled,
|
))),
|
||||||
onClick: () => onChange(members.filter((_, i) => i !== index)),
|
},
|
||||||
}, '删除')))),
|
h('option', { value: 'allow' }, '可执行命令'),
|
||||||
|
h('option', { value: 'deny' }, '不可执行命令'))),
|
||||||
|
h('td', { className: 'dim-accessTableActions' },
|
||||||
|
h('button', {
|
||||||
|
type: 'button',
|
||||||
|
className: 'dim-deliveryButton dim-accessCompactDelete',
|
||||||
|
'data-kind': 'danger',
|
||||||
|
disabled,
|
||||||
|
onClick: () => onChange(members.filter((_, i) => i !== index)),
|
||||||
|
}, '删除'))))))),
|
||||||
h('button', {
|
h('button', {
|
||||||
type: 'button',
|
type: 'button',
|
||||||
className: 'dim-deliveryButton',
|
className: 'dim-deliveryButton',
|
||||||
|
|
@ -266,36 +275,44 @@ function AdminPhones({
|
||||||
},
|
},
|
||||||
nested ? h('h4', { className: 'dim-accessSubblockTitle' }, title) : h('legend', null, title),
|
nested ? h('h4', { className: 'dim-accessSubblockTitle' }, title) : h('legend', null, title),
|
||||||
help ? h('p', { className: 'dim-accessHint' }, help) : null,
|
help ? h('p', { className: 'dim-accessHint' }, help) : null,
|
||||||
h('ul', { className: 'dim-accessCompactList' }, phones.map((phone, index) => {
|
h('div', { className: 'dim-accessTableWrap' },
|
||||||
const locked = lockedPhone && phone === lockedPhone;
|
h('table', { className: 'dim-accessTable', 'data-kind': 'admin' },
|
||||||
return h('li', {
|
h('thead', null,
|
||||||
key: `admin-${index}`,
|
h('tr', null,
|
||||||
className: 'dim-accessCompactRow',
|
h('th', { scope: 'col' }, '昵称'),
|
||||||
'data-kind': 'admin',
|
h('th', { scope: 'col' }, '电话'),
|
||||||
...(locked ? { 'data-locked': 'true' } : {}),
|
h('th', { scope: 'col', className: 'dim-accessTableActions' }, '操作'))),
|
||||||
},
|
h('tbody', null, phones.length === 0
|
||||||
h('div', { className: 'dim-accessCompactIdentity' },
|
? h('tr', null, h('td', { colSpan: 3, className: 'dim-accessTableEmpty' }, '暂无管理员，可点下方新增。'))
|
||||||
h(PhoneTypeahead, {
|
: phones.map((phone, index) => {
|
||||||
value: phone,
|
const locked = lockedPhone && phone === lockedPhone;
|
||||||
contacts,
|
return h('tr', {
|
||||||
disabled: disabled || locked,
|
key: `admin-${index}`,
|
||||||
placeholder: '8613800000000',
|
...(locked ? { 'data-locked': 'true' } : {}),
|
||||||
onChange: (next) => onChange(phones.map((entry, i) => (i === index ? next : entry))),
|
},
|
||||||
}),
|
h('td', { className: 'dim-accessTableNick' },
|
||||||
locked
|
locked
|
||||||
? h('span', { className: 'dim-accessNickname' }, '绑定账号（全局管理员）')
|
? h('span', { className: 'dim-accessNickname' }, '绑定账号')
|
||||||
: h(NicknameHint, { contacts, phone, shortEmpty: true })),
|
: h(NicknameHint, { contacts, phone, shortEmpty: true })),
|
||||||
h('span', { className: 'dim-accessCompactSelectSlot', 'aria-hidden': 'true' }),
|
h('td', { className: 'dim-accessTablePhone' },
|
||||||
locked
|
h(PhoneTypeahead, {
|
||||||
? h('span', { className: 'dim-accessCompactDeleteSlot', 'aria-hidden': 'true' })
|
value: phone,
|
||||||
: h('button', {
|
contacts,
|
||||||
type: 'button',
|
disabled: disabled || locked,
|
||||||
className: 'dim-deliveryButton dim-accessCompactDelete',
|
placeholder: '8613800000000',
|
||||||
'data-kind': 'danger',
|
onChange: (next) => onChange(phones.map((entry, i) => (i === index ? next : entry))),
|
||||||
disabled,
|
})),
|
||||||
onClick: () => onChange(phones.filter((_, i) => i !== index)),
|
h('td', { className: 'dim-accessTableActions' },
|
||||||
}, '删除'));
|
locked
|
||||||
})),
|
? h('span', { className: 'dim-accessTableLocked' }, '不可删除')
|
||||||
|
: h('button', {
|
||||||
|
type: 'button',
|
||||||
|
className: 'dim-deliveryButton dim-accessCompactDelete',
|
||||||
|
'data-kind': 'danger',
|
||||||
|
disabled,
|
||||||
|
onClick: () => onChange(phones.filter((_, i) => i !== index)),
|
||||||
|
}, '删除')));
|
||||||
|
})))),
|
||||||
h('button', {
|
h('button', {
|
||||||
type: 'button',
|
type: 'button',
|
||||||
className: 'dim-deliveryButton',
|
className: 'dim-deliveryButton',
|
||||||
|
|
|
||||||
|
|
@ -11,6 +11,12 @@ const EN = Object.freeze({
|
||||||
'机器人设置页签': 'Bot settings tabs',
|
'机器人设置页签': 'Bot settings tabs',
|
||||||
'投递设置': 'Delivery settings',
|
'投递设置': 'Delivery settings',
|
||||||
'访问设置': 'Access settings',
|
'访问设置': 'Access settings',
|
||||||
|
"暂无管理员，可点下方新增。": "No admins yet. Add one below.",
|
||||||
|
"暂无用户，可点下方新增。": "No users yet. Add one below.",
|
||||||
|
"不可删除": "Locked",
|
||||||
|
"绑定账号": "Linked account",
|
||||||
|
"操作": "Actions",
|
||||||
|
"昵称": "Nickname",
|
||||||
"请提交有效的群名同步请求。": "Submit a valid group-name sync request.",
|
"请提交有效的群名同步请求。": "Submit a valid group-name sync request.",
|
||||||
"同步群名失败，请稍后重试。": "Could not sync the group name. Try again later.",
|
"同步群名失败，请稍后重试。": "Could not sync the group name. Try again later.",
|
||||||
"未能从 WhatsApp 读取群名，请确认机器人在线且仍在该群。": "Could not read the group name from WhatsApp. Confirm the bot is online and still in the group.",
|
"未能从 WhatsApp 读取群名，请确认机器人在线且仍在该群。": "Could not read the group name from WhatsApp. Confirm the bot is online and still in the group.",
|
||||||
|
|
|
||||||
|
|
@ -471,6 +471,29 @@ body[data-ds-dark-theme] .dim-page select option, body[data-ds-dark-theme] .dim-
|
||||||
.dim-accessCompactDelete, .dim-accessCompactDeleteSlot { width: 100%; min-height: 32px; justify-self: stretch; }
|
.dim-accessCompactDelete, .dim-accessCompactDeleteSlot { width: 100%; min-height: 32px; justify-self: stretch; }
|
||||||
.dim-accessCompactDelete { padding-inline: 8px; }
|
.dim-accessCompactDelete { padding-inline: 8px; }
|
||||||
.dim-accessCompactDeleteSlot { display: block; }
|
.dim-accessCompactDeleteSlot { display: block; }
|
||||||
|
.dim-accessTableWrap { min-width: 0; margin-top: 8px; overflow: auto; border: 1px solid var(--dsw-alias-border-l1, #eef0f3); border-radius: 8px; background: var(--dsw-alias-bg-layer-1, #fff); }
|
||||||
|
.dim-accessTable { width: 100%; border-collapse: collapse; table-layout: fixed; }
|
||||||
|
.dim-accessTable th, .dim-accessTable td { padding: 8px 10px; border-bottom: 1px solid var(--dsw-alias-border-l1, #eef0f3); text-align: left; vertical-align: middle; }
|
||||||
|
.dim-accessTable th { color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 11px; line-height: 16px; font-weight: 600; background: color-mix(in srgb, var(--dsw-alias-bg-module-platform, #f7f8fa) 80%, transparent); }
|
||||||
|
.dim-accessTable tbody tr:last-child td { border-bottom: 0; }
|
||||||
|
.dim-accessTable tbody tr:focus-within { background: color-mix(in srgb, var(--dsw-alias-bg-module-platform, #f7f8fa) 70%, transparent); }
|
||||||
|
.dim-accessTable[data-kind="admin"] th:nth-child(1), .dim-accessTable[data-kind="admin"] td:nth-child(1) { width: 28%; }
|
||||||
|
.dim-accessTable[data-kind="admin"] th:nth-child(2), .dim-accessTable[data-kind="admin"] td:nth-child(2) { width: 52%; }
|
||||||
|
.dim-accessTable[data-kind="admin"] th:nth-child(3), .dim-accessTable[data-kind="admin"] td:nth-child(3) { width: 20%; }
|
||||||
|
.dim-accessTable[data-kind="member"] th:nth-child(1), .dim-accessTable[data-kind="member"] td:nth-child(1) { width: 20%; }
|
||||||
|
.dim-accessTable[data-kind="member"] th:nth-child(2), .dim-accessTable[data-kind="member"] td:nth-child(2) { width: 36%; }
|
||||||
|
.dim-accessTable[data-kind="member"] th:nth-child(3), .dim-accessTable[data-kind="member"] td:nth-child(3) { width: 28%; }
|
||||||
|
.dim-accessTable[data-kind="member"] th:nth-child(4), .dim-accessTable[data-kind="member"] td:nth-child(4) { width: 16%; }
|
||||||
|
.dim-accessTableNick { min-width: 0; }
|
||||||
|
.dim-accessTableNick .dim-accessNickname { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||||
|
.dim-accessTablePhone { min-width: 0; position: relative; z-index: 0; }
|
||||||
|
.dim-accessTablePhone:focus-within { z-index: 6; }
|
||||||
|
.dim-accessTablePhone .dim-accessTypeahead > input { height: 32px; }
|
||||||
|
.dim-accessTablePerm { min-width: 0; }
|
||||||
|
.dim-accessTableActions { width: 72px; white-space: nowrap; text-align: right; }
|
||||||
|
.dim-accessTableActions .dim-accessCompactDelete { width: auto; min-width: 52px; }
|
||||||
|
.dim-accessTableEmpty { color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 12px; text-align: center; }
|
||||||
|
.dim-accessTableLocked { color: var(--dsw-alias-label-tertiary, #8f959e); font-size: 12px; }
|
||||||
.dim-accessDeleteUser { margin-bottom: 1px; }
|
.dim-accessDeleteUser { margin-bottom: 1px; }
|
||||||
.dim-accessUnsupported { padding: 18px 14px; border: 1px dashed var(--dsw-alias-border-l2, #dfe1e5); border-radius: 9px; color: var(--dsw-alias-label-secondary, #646a73); background: var(--dsw-alias-bg-module-platform, #f7f8fa); text-align: center; }
|
.dim-accessUnsupported { padding: 18px 14px; border: 1px dashed var(--dsw-alias-border-l2, #dfe1e5); border-radius: 9px; color: var(--dsw-alias-label-secondary, #646a73); background: var(--dsw-alias-bg-module-platform, #f7f8fa); text-align: center; }
|
||||||
.dim-accessUnsupported strong { color: var(--dsw-alias-label-primary, #1f2329); font-size: 13px; line-height: 20px; }
|
.dim-accessUnsupported strong { color: var(--dsw-alias-label-primary, #1f2329); font-size: 13px; line-height: 20px; }
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue