Кнопка включения инструментов разработчика

Настройка Компонент темы
1
:information_source: Краткое описание Добавляет кнопку в заголовок сайта для включения инструментов разработчика
:eyeglasses: Предпросмотр https://discourse.theme-creator.io/theme/NateDhaliwal/enable-dev-tools-button
:hammer_and_wrench: Репозиторий GitHub - NateDhaliwal/Enable-Dev-Tools-Button · GitHub
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Начинающее руководство по использованию тем Discourse

Установить этот компонент темы

Этот компонент темы добавляет кнопку в заголовок сайта для включения инструментов разработчика. Когда инструменты разработчика не включены, кнопка отображается как обычная иконка bug. Когда они включены, она меняется на иконку bug-slash.

До включения:
image

После включения:
image

Кнопка должна сохранять своё состояние даже после закрытия страницы, так как использует localStorage.

8 лайков
Introducing Discourse developer toolbar
2

На моем экземпляре это, похоже, отображается для неадминистраторов. Можно ли настроить так, чтобы это видели только администраторы?

Это также отображается справа от профиля. Думаю, возможно, из-за компонента темы f-nav.

На изображении показан скриншот интерфейса игры "Xropicstonis" с темным фоном и названием игры, выделенным в верхней части. (Подпись сгенерирована ИИ)
На изображении показан скриншот интерфейса игры "Xropicstonis" с темным фоном и названием игры, выделенным в верхней части. (Подпись сгенерирована ИИ)864×208 42.4 KB

1 лайк
3

Да, добавлена новая настройка admin_only. Часть реализации я взял отсюда.

Я уже указал, что элемент должен располагаться перед кнопкой поиска. Вероятно, на это влияет какой-то компонент.

2 лайка
4

Большое спасибо.

Скорее всего, затронутый TC — это:

Он перемещает поиск, чат и несколько других полезных функций в нижнюю панель. Это не проблема. Когда активна панель разработчика, она выглядит немного перегруженной по сравнению со старыми плагинами TC для мобильных устройств.

1 лайк
5

Внесено быстрое исправление для добавления настройки (logged_in_only), которая отображает кнопку только для авторизованных пользователей. По умолчанию значение — true.

2 лайка
6

По какой-то причине я не вижу кнопку после установки этого компонента. Каждый раз, когда это происходит, кажется, что я упустил что-то мелкое :roll_eyes:

У меня установлен компонент Custom Header Links, но я отключил его, и кнопка Dev Tools всё равно не появилась.

Я несколько раз перезагрузил страницу и даже вышел из системы и зашёл снова (так как у меня установлено ограничение только для администраторов).

Discourse только что обновился до последней версии.

7

Я заметил это и в прошлый раз. Думаю, по какой-то причине иконка имеет тот же цвет, что и заголовок. Насколько я помню, при проверке она там есть.

Это странно. Насколько я помню, если включить, а затем выключить эту опцию, кнопка появляется снова. Посмотрю, что можно сделать.

2 лайка
8

@Andrew_Rowe Я исправил. Попробуй и скажи, работает ли теперь, спасибо!

2 лайка
9

Да… теперь всё работает!!! Пришлось обновить компонент. Спасибо, Нейт.

2 лайка
10

Без проблем!

11

Я скоро обновлю это, чтобы превратить его в файл gjs вместо js/hbs.

3 лайка
12

Я только что принял PR, исправляющий логику, связанную с настройкой admin_only. Теперь настройка должна работать корректно. Не знаю как, но я пропустил эту ошибку довольно долгое время.

13

Я вижу, что этот tc выдаёт ошибки, когда пользователь не авторизован, из-за неверного порядка выражений:

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

здесь вычисляется currentUser.admin, даже если currentUser равен null. Должно быть так:

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

3 лайка
14

Обновил, спасибо!

1 лайк