Ограничить баннер приветствия главной страницей пользователя

[Discoursenaut]

У меня есть пользователь, который спрашивает, можно ли ограничить показ баннера только главной страницей, чтобы он не отображался, если страница добавлена в закладки? В настоящее время он показывается в обоих случаях.

[Canapin (Coin-coin le Canapin)]

@Discoursenaut

У меня есть пользователь, который спрашивает, можно ли ограничить баннер только главной страницей.

Да, это есть в настройках баннера приветственной ссылки:

@Discoursenaut

Так что, если у них последняя закладка, она не отображается?

Вы имеете в виду, если они установили пользовательскую страницу (последние, категории, что угодно) в качестве своей главной страницы в своём профиле?
Тогда эта произвольная страница считается «главной» для пользователя, и, следовательно, приветственный баннер будет отображаться для них на их новой главной странице.

Если главная страница вашего сайта по умолчанию — /categories, и вы хотите, чтобы приветственный баннер отображался только на /categories, независимо от предпочтений интерфейса пользователей, возможно, вы могли бы установить параметр показывать на в значение «discovery» или «all» и использовать JavaScript, чтобы скрыть приветственный баннер на других страницах, кроме той, на которой вы хотите его показать.

Но в данный момент я не знаю, как надёжно определить текущую страницу, на которой мы находимся (включая случаи первой загрузки страницы и смены страницы), чтобы динамически скрывать приветственный баннер.

Я с радостью попробую это позже (), но, возможно, это может стать началом:

Trigger javascript on clicking any page link, but before the page content loads?

Hey There’s currently no method in the Plugin-API that will allow you to fire a script before a page transition because this has not come up before as far as I recall. That said, you can leverage on the willTransition() action in the application route You would use something that like this in your theme / component // this fires after the transition api.onPageChange((url, title) => { console.log("after transition"); }); // this fires right before the transition api.modifyClass("r…

[Discoursenaut]

Ах, большое спасибо! Да, некоторые мои лидеры сообщества, у которых по умолчанию установлен последний макет, предпочли бы, чтобы баннер отображался, например, только на странице категорий. Я изучу предоставленную вами ссылку.

[Canapin (Coin-coin le Canapin)]

Хорошо, вот рабочее решение. В моём примере баннер «Добро пожаловать» будет отображаться только на странице /latest, независимо от настроек интерфейса пользователя. Я оставлю вам возможность настроить его так, чтобы он показывался только на странице /categories.

1. Установите настройку показывать на для баннера «Добро пожаловать» в значение «все» или «обнаружение», в зависимости от страницы(страниц), на которой(которых) должен отображаться баннер.

2. Добавьте этот скрипт в вашу тему:

   <script type="text/discourse-plugin" version="1.4.0">
       // показывает баннер «Добро пожаловать» только на странице /latest
       api.onPageChange(() => {
           const router = api.container.lookup('service:router');
   
           if (router.currentRoute.name === 'discovery.latest') {
               document.body.classList.add('route-discovery-latest');
           } else {
               document.body.classList.remove('route-discovery-latest');
           }
       });
   </script>
   

3. Добавьте этот CSS в вашу тему:

   body:not(.route-discovery-latest) .welcome-link-banner-connector {
      display: none;
   }
   

---

Использованный источник:

Is there a way to style the "Latest" page and "Top" page separately?

Yes, @manuel’s solution is a good approach for achieving things quite simply. Using window.location.href you may run into issues with getting the correct url due to Ember’s runloop anyways. To adjust what your doing into the more “Ember” approach would be to do something like this: <script type="text/discourse-plugin" version="1.1.0"> api.onPageChange(() => { const router = api.container.lookup('service:router'); if (router.currentRoute.name === 'discovery.top') { document.qu…

[Discoursenaut]

Спасибо за это, огромное спасибо!