AI Bot - 新问题模态框

:information_source: 概要 AI Bot - 新问题模态框
:hammer_and_wrench: 仓库 GitHub - VaperinaDEV/aibot-new-question-modal
:question: 安装指南 如何安装主题或主题组件
:open_book: 初次使用 Discourse 主题? Discourse 主题使用入门指南

安装此主题组件

你好 :wave:

Discourse AI - 使用此功能需要 AI Bot。

此主题组件实际上是 ask.discourse.com 主页功能的模态框版本。因此,您可以创建与收件人 AI Bot 的新对话。

此模态框为全屏,给人一种您正在访问其他页面的感觉。或者说,这就是目标。

主要部分:

头像: aibot 头像有一个始终在模态框头像中旋转的加载指示器,但它也指示何时正在写入。

aibot-spinner


AI 消息: 您也可以在此处使用 HTML。
Screenshot 2024-10-20 at 16.27.18


快速链接: 添加任意数量的问题。
快速链接的显示受设置限制,并且在您再次打开模态框时会随机排序。

max quick links desktop 默认值:5
max quick links mobile 默认值:3


最近的对话: 此按钮将重定向到 /search 页面,并带有参数 in:messages, @aibot-username
Screenshot 2024-10-20 at 16.33.38


模态框就这些了。您可以在主题设置中更改和自定义所有内容。 :slight_smile:

AI Bot 模态框的打开按钮可以放置在侧边栏的 3 个位置。

  1. sidebar-footer-actions

  2. before-sidebar-sections

  3. after-sidebar-sections

在主题设置中,您可以更改按钮样式。


让我们看看主题设置

主题设置
  • quick_links:您可以在此处设置快速按钮问题。
  • max quick links desktop:桌面端显示的快速链接最大数量。
  • max quick links mobile:移动端显示的快速链接最大数量。
  • show_for_groups:必需设置。添加要显示侧边栏按钮的组名。
  • aibot_id:必需设置。添加您要为此使用的 AI Bot ID。
  • aibot_username:必需设置。添加您要为此使用的 AI Bot 用户名。
  • aibot_avatar:必需设置。上传 AI Bot 在模态框中显示的图片。
  • sibebar aibot button postition:选择侧边栏按钮的位置。
    • sidebar-footer-actions(默认)
    • before-sidebar-sections(侧边栏顶部)
    • after-sidebar-sections(侧边栏底部)
  • sibebar aibot button style:选择侧边栏按钮的样式。
    • btn-primary(默认)
    • btn-default
  • sidebar aibot button border-radius:更改侧边栏按钮的圆角。
  • sidebar aibot button before icon:更改侧边栏按钮的图标。
  • aibot recent messages icon:更改最近对话按钮的图标。
  • modal background:更改模态框背景。
  • modal content wrapper background:更改模态框内容包装器的背景。
  • modal content wrapper border radius:更改模态框内容包装器的圆角。
  • quick buttons style:选择快速按钮的样式。
    • btn-primary(默认)
    • btn-default
  • quick buttons border radius:更改快速按钮的圆角。
  • mobile quick buttons wrapper border radius:更改移动端快速按钮包装器的圆角。
  • aibot avatar spinner primary color:更改头像加载指示器的主要颜色,默认为 var(--tertiary)
  • aibot avatar spinner secondary color:更改头像加载指示器的次要颜色,默认为 #ffffff
  • aibot message border color:此边框位于消息的右侧。默认为 var(--tertiary)
  • textarea border-radius:更改文本区域的圆角。
  • send button border radius:更改发送按钮的圆角。
  • recent messages button border radius:更改最近消息按钮的圆角。
  • recent messages button color:更改最近消息按钮的颜色。它也会改变图标颜色。
  • recent messages button hover color:更改最近消息按钮的悬停颜色。
  • recent messages button hover background:更改最近消息按钮的悬停背景。
  • recent messages button border:更改最近消息按钮的边框。
  • spinner loader border:更改模态框加载指示器的边框。当您发送消息时会出现。
  • spinner loader border right color:更改加载指示器右侧的颜色。

这里还有一些主题翻译…

主题翻译
  • aibot_modal_title:这是模态框的标题。
  • aibot_message:这是模态框中的 AI Bot 消息。
  • input_placeholder:这是文本区域的占位符。
  • input_submit:这是发送按钮的标题。
  • input_length:当文本太短时会显示此消息。
  • disclaimer:此文本显示在模态框的文本区域下方。
  • new_question:这是侧边栏按钮的文本。
  • recent_messages:这是模态框最近消息按钮的文本。

此主题组件会隐藏 AI Bot 私人消息中的共享按钮。discourse_ai.ai_bot.default_pm_prefix 文本是默认的 AI 私人消息标题,它会根据对话主题自动更改。您可以在 /admin/customize/site_texts 中更改它。


鸣谢:Discourse Ask 主题

14 个赞