chore(react/ribbon): port debug

This commit is contained in:
Elian Doran 2025-08-24 18:09:33 +03:00
parent 6b28fd405e
commit 68cba8d3b2
No known key found for this signature in database
2 changed files with 14 additions and 33 deletions

View File

@ -97,7 +97,8 @@ const SEARCH_OPTIONS: SearchOption[] = [
attributeType: "label",
icon: "bx bx-bug",
label: t("search_definition.debug"),
tooltip: t("search_definition.debug_description")
tooltip: t("search_definition.debug_description"),
component: DebugOption
}
];
@ -412,9 +413,19 @@ function AncestorOption({ note, ...restProps}: SearchOptionProps) {
function FastSearchOption({ ...restProps }: SearchOptionProps) {
return <SearchOption
titleIcon="bx bx-run"
title={t("fast_search.fast_search")}
titleIcon="bx bx-run" title={t("fast_search.fast_search")}
help={t("fast_search.description")}
{...restProps}
/>
}
function DebugOption({ ...restProps }: SearchOptionProps) {
return <SearchOption
titleIcon="bx bx-bug" title={t("debug.debug")}
help={<>
<p>{t("debug.debug_info")}</p>
{t("debug.access_info")}
</>}
{...restProps}
/>
}

View File

@ -1,30 +0,0 @@
import AbstractSearchOption from "./abstract_search_option.js";
import { t } from "../../services/i18n.js";
const TPL = /*html*/`
<tr data-search-option-conf="debug">
<td colSpan="2">
<span class="bx bx-bug"></span>
${t("debug.debug")}
</td>
<td class="button-column">
<div class="dropdown help-dropdown">
<span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
<div class="dropdown-menu dropdown-menu-right p-4">
<p>${t("debug.debug_info")}</p>
${t("debug.access_info")}
</div>
</div>
<span class="bx bx-x icon-action search-option-del"></span>
</td>
</tr>`;
export default class Debug extends AbstractSearchOption {
static async create(noteId: string) {
await AbstractSearchOption.setAttribute(noteId, "label", "debug");
}
doRender() {
return $(TPL);
}
}