Dev Tools ボタンを有効にする

:information_source: 概要 サイトヘッダーに開発者ツールを有効にするボタンを追加します
:eyeglasses: プレビュー https://discourse.theme-creator.io/theme/NateDhaliwal/enable-dev-tools-button
:hammer_and_wrench: リポジトリ GitHub - NateDhaliwal/Enable-Dev-Tools-Button
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourseテーマ初心者の方へ Discourseテーマ使用の初心者ガイド

← 自動インストールボタンの「repoName」と「repoURL」を入力してください →

このテーマコンポーネントをインストール

このテーマコンポーネントは、サイトヘッダーに開発者ツールを有効にするボタンを追加します。開発者ツールが無効な場合、ボタンは通常のbugアイコンになります。有効な場合、それはbug-slashアイコンになります。

有効にする前:
image

有効にした後:
image

localStorageを使用しているため、ページが閉じられてもボタンはそれぞれの状態を維持します。

「いいね!」 7

私のインスタンスでは、管理者以外のユーザーにも表示されているようです。管理者のみに表示されるように調整できますか?

また、プロフィールの右側にも表示されています。おそらくf-navテーマコンポーネントが原因だと思われます。

「いいね!」 1

はい、新しい設定 admin_only が追加されました。これはこちらから一部取得したものです。

すでに検索ボタンの前に指定しています。おそらくコンポーネントが影響しているのでしょう。

「いいね!」 2

大変ありがとうございます。

影響を受けるTCは非常に可能性が高いです。

これにより、検索やチャット、その他の便利な機能が下部のバーに移動します。大したことではありません。アクティブなときの開発者バーは、古いTCプラグインアウトレットと比較してモバイルでは少し忙しくなります。

「いいね!」 1

ログインユーザーのみにボタンを表示する設定(logged_in_only)を追加する簡単な修正をプッシュしました。デフォルトはtrueです。

「いいね!」 2

なぜか、このコンポーネントをインストールしてもボタンが表示されません。いつも何か少し見落としているようです :roll_eyes:

カスタムヘッダーリンクコンポーネントをインストールしましたが、無効にしても開発者ツールボタンは表示されませんでした。

ページを数回リロードし、ログアウトして再度ログインしました(管理者のみに設定しているため)。

最新のDiscourseがアップデートされました。

前回もこのことに気づきました。なぜかアイコンがヘッダーと同じ色になっていると思います。確認すると、そこにあるはずです。

奇妙ですね。もし有効にしてから無効にすると、ボタンが再び表示されるはずです。何ができるか見てみます。

「いいね!」 2

@Andrew_Rowe修正をプッシュしました。動作するか試して教えてください。ありがとうございます!

「いいね!」 2

はい…今度は動作します!!! コンポーネントを更新する必要がありました。ネイサンさん、ありがとうございます。

「いいね!」 2

問題ありません!

これはすぐに更新して、js/hbsファイルではなくgjsファイルにする予定です。

「いいね!」 3

admin_only 設定に関するロジックを修正するプルリクエストをマージしました。これで設定が正しく機能するはずです。このバグをかなり長い間見逃していました。