Question

我有一个带有Bootstrap 3.4.1主题的Drupal 8.7网站

我已经创建了一个商店视图页面来显示商人要执行的任务。

在此页面上，每个任务对应一个视图块：

绿色块具有“任务列表成功”类。
橙色块具有“任务列表警告”类。
红色块具有“任务列表危险”类别。

有一个菜单链接显示此页面，我添加了3个徽章：

带有“ task-badge-success”类。
具有“任务徽章警告”类。
具有“ task-badge-danger”类。

我想在菜单链接标记中显示页面的任务号：

“任务徽章成功”中“任务列表成功”类的数量。
“任务徽章警告”中“任务列表警告”类别的数量。
“任务徽章危险”中“任务列表危险”类别的数量。

商店菜单是一个带有“全局：自定义文本”字段的视图块，其中包含以下代码：

<ul class="nav navbar-nav">
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fas fa-plus-circle fa-lg"></i> Gérer votre boutique</a>
    <ul class="dropdown-menu">
      <li class="task">
        <a href="/store/{{ store_id }}/tasks" data-drupal-link-system-path="/store/{{ store_id }}/tasks"><i class="fas fa-tasks fa-lg"></i> <b>Liste des tâches</b> <span class="badge task-badge-success">0</span> <span class="badge task-badge-warning">0</span> <span class="badge task-badge-danger">0</span></a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/migrate" data-drupal-link-system-path="/store/{{ store_id }}/migrate"><i class="fas fa-exchange-alt  fa-lg"></i> Migrer</a>
      </li>
      <li>
        <a href="/store/{{ store_id }}" data-drupal-link-system-path="/store/{{ store_id }}"><i class="fas fa-glasses  fa-lg"></i> Voir</a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/edit" data-drupal-link-system-path="/store/{{ store_id }}/edit"><i class="fas fa-feather-alt fa-lg"></i> Modifier</a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/delete" data-drupal-link-system-path="/store/{{ store_id }}/delete"><i class="fas fa-trash-alt fa-lg"></i> Supprimer</a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/translations" data-drupal-link-system-path="/store/{{ store_id }}/translations"><i class="fas fa-globe fa-lg"></i> Traductions</a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/products" data-drupal-link-system-path="/store/{{ store_id }}/products"><i class="fas fa-gift  fa-lg"></i> Produits</a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/promotions" data-drupal-link-system-path="/store/{{ store_id }}/promotions"><i class="fas fa-percentage fa-lg"></i> Promotions</a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/payment-gateways" data-drupal-link-system-path="/store/{{ store_id }}/payment-gateways"><i class="fas fa-credit-card fa-lg"></i> Modes de paiement</a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/shipping" data-drupal-link-system-path="/store/{{ store_id }}/shipping"><i class="fas fa-truck fa-lg"></i> Modes de livraison</a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/orders" data-drupal-link-system-path="/store/{{ store_id }}/orders"><i class="fas fa-shopping-cart fa-lg"></i> Commandes <span class="badge badge-success">PRO</span></a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/inventory" data-drupal-link-system-path="/store/{{ store_id }}/inventory"><i class="fas fa-clipboard-list fa-lg"></i> Inventaire</a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/reports" data-drupal-link-system-path="/store/{{ store_id }}/reports"><i class="fas fa-calculator fa-lg"></i> Rapports de vente <span class="badge badge-success">PRO</span></a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/like" data-drupal-link-system-path="/store/{{ store_id }}/like"><i class="fas fa-heartbeat fa-lg"></i> Mentions j'aime</a>
      </li>
      <li>
        <a href="/store/{{ store_id }}/seo" data-drupal-link-system-path="/store/{{ store_id }}/seo"><i class="fas fa-flag-checkered fa-lg"></i> Référencement</a>
      </li>
    </ul>
  </li>
</ul>

我该怎么做？

问题

我为Drupal 8启动了一个模块：

https://git.drupalcode.org/sandbox/zenimagine-3076032/tree/master

仅当我在任务页面上时它才有效。但是，如果我转到另一页，则菜单中的计数器不起作用。

如何在显示菜单的所有页面上显示任务计数器？

菜单显示在所有带有url的页面上：

https://www.example.com/fr/store/ID_STORE
https://www.example.com/en/store/ID_STORE
https://www.example.com/fr/store/ID_STORE/*
https://www.example.com/en/store/ID_STORE/*

如何计算页面上的类数并在所有页面上的菜单中显示结果？

0 个答案: