開発者ツールボタンを有効にする

: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テーマを使用するための初心者ガイド

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

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

有効化前:
image

有効化後:
image

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

「いいね!」 8

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

また、プロフィールの右側にも表示されています。おそらく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 設定に関するロジックを修正するプルリクエストをマージしました。これで設定が正しく機能するはずです。このバグをかなり長い間見逃していました。

ログインしていない場合に、式の順序が間違っているためにこのテストケースでエラーが発生することを確認しました。

if (settings.admin_only && currentUser.admin && currentUser !== null) {

は、currentUserがnullであってもcurrentUser.adminを評価します。正しくは次のようになります。

if (settings.admin_only && currentUser && currentUser.admin) {

「いいね!」 3

更新しました、ありがとう!

「いいね!」 1