.cspell-project-words.txt

+# List of words excluded from cspell validation for the project Dashboards.
+# Mostly contains custom names: variables, modules, users, etc...
+drow
+fullmer
+matomo
+nshades
+phplint
+rlmumford
+Seifert
+UNIXTIME
+webform
+blockbasic
+daycount
+totalcount
+
+# 'views.view.test_comment_count.yml': Binary identifier used for key.
+MQNAY

.eslintignore

+# Exclude the 'chart.js' library from eslint validation.
+js/es/

.gitlab-ci.yml

+################
+# GitLabCI template for Drupal projects.
+#
+# This template is designed to give any Contrib maintainer everything they need to test, without requiring modification.
+# It is also designed to keep up to date with Core Development automatically through the use of include files that can be centrally maintained.
+# As long as you include the project, ref and three files below, any future updates added by the Drupal Association will be used in your
+# pipelines automatically. However, you can modify this template if you have additional needs for your project.
+# The full documentation is on https://project.pages.drupalcode.org/gitlab_templates/
+################
+
+# For information on alternative values for 'ref' see https://project.pages.drupalcode.org/gitlab_templates/info/templates-version/
+# To test a Drupal 7 project, change the first include filename from .main.yml to .main-d7.yml
+include:
+  - project: $_GITLAB_TEMPLATES_REPO
+    ref: $_GITLAB_TEMPLATES_REF
+    file:
+      - "/includes/include.drupalci.main.yml"
+      - "/includes/include.drupalci.variables.yml"
+      - "/includes/include.drupalci.workflows.yml"
+
+################
+# Pipeline configuration variables are defined with default values and descriptions in the file
+# https://git.drupalcode.org/project/gitlab_templates/-/blob/main/includes/include.drupalci.variables.yml
+# Uncomment the lines below if you want to override any of the variables. The following is just an example.
+################
+# variables:
+#   SKIP_ESLINT: '1'
+#   OPT_IN_TEST_NEXT_MAJOR: '1'
+#   _CURL_TEMPLATES_REF: 'main'
+
+################
+# Dashboards: Pipeline configuration variables and custom jobs, mostly:
+#  - Composer: Add external project dependencies used in sub-modules.
+#  - Cspell: Ignore certain files or keywords.
+#  - Phpstan: Validate sub-modules with all external dependencies installed.
+################
+
+#
+# Custom variables overrides.
+#
+variables:
+  # Disable the default phpstan job in favor of the extended version below which
+  # installs all external project dependencies used in sub-modules.
+  SKIP_PHPSTAN: 1
+  # CSpell: Exclude the 'chart.js' library from cspell validation.
+  _CSPELL_IGNORE_PATHS: '"js/es/"'
+
+#
+# CSpell overrides and configuration.
+#
+cspell:
+  # Require spellcheck to pass.
+  allow_failure: false
+
+#
+# Composer overrides and configuration:
+#  - Add a custom composer job which requires external package dependencies,
+#    such as contrib modules needed by sub-modules, in particular for phpstan.
+#
+composer-with-dependencies:
+  after_script:
+    # Require test modules dependencies to pass phpstan validation.
+    - composer require drupal/layout_builder_restrictions drupal/matomo drupal/matomo_reporting_api
+  extends: composer
+
+# Run phpstan job with all dependencies installed.
+phpstan-with-dependencies:
+  needs:
+    - job: composer-with-dependencies
+  variables:
+    SKIP_PHPSTAN: 0
+  extends:
+    - .phpstan-base

README.md

-# Dashbords
+# Dashboards
 
 This module is heavily inspired from [Mini Layouts](https://drupal.org/project/mini_layouts).
 
@@ -10,6 +10,7 @@ information, see
 
 
 ## Features
+
 - `>= 2.0.1` Gin support
 - Create dashboards with layout builder.
 - Possibility personalize dashboards per user.
@@ -27,7 +28,8 @@ Apply following patch to show dashboards in admin theme.
 Only Drupal 8.8
 [#3005403: Cannot delete or edit a block that is placed in a section of the layout_builder](https://www.drupal.org/project/drupal/issues/3005403)
 
-There is a issue with Layout builder Restrictions < 2.2 . Layouts could not be saved if this module is enabled.
+There is a issue with Layout builder Restrictions < 2.2 .
+Layouts could not be saved if this module is enabled.
 [#3097098: Unable to save layout changes for Mini Layouts section storage plugins](https://www.drupal.org/project/layout_builder_restrictions/issues/3097098)
 Apply Patch 11, so layout could be saved.
 
@@ -35,4 +37,4 @@ With version 2.2 all should work correct.
 
 ## Maintainers
 
-- Erik Seifert - [Erik Seifert](https://www.drupal.org/u/sun)
+- Erik Seifert - [Erik Seifert](https://www.drupal.org/u/sun)
\ No newline at end of file

composer.json

@@ -13,7 +13,14 @@
     "source": "https://git.drupalcode.org/project/dashboards"
   },
   "require": {
-    "drupal/core": "^9.4 || ^10",
+    "drupal/core": "^9.4 || ^10 || ^11",
     "laminas/laminas-feed": "^2.17"
+  },
+  "suggest": {
+    "drupal/layout_builder_restrictions": "Manage which fields & layouts are available in Layout Builder.",
+    "drupal/matomo": "Reports site visitor analytics to a Matomo instance.",
+    "drupal/matomo_reporting_api": "Allows to retrieve reports from the Matomo API.",
+    "drupal/webform": "Enables the creation of webforms and questionnaires.",
+    "drupal/statistics": "Logs how many times content is viewed."
   }
 }

css/admin-list.css

@@ -8,7 +8,9 @@
 }
 
 .admin-item-with-image .image img {
-  border-radius: var(--ginBorderDefault, 0px);
+  /* The 'ginBorderDefault' value is provided by contrib theme 'gin'. */
+  /* stylelint-disable-next-line custom-property-pattern */
+  border-radius: var(--ginBorderDefault, 0);
 }
 
 .admin-item-with-image .content {

css/chart.css

 [data-app="chart"] canvas {
   max-width: 100%;
-  padding: 1em 40px 1em 24px;
   margin: 1.5rem 0.75rem;
+  padding: 1em 40px 1em 24px;
 }

css/dashboard.css

-.toolbar-bar .toolbar-item.toolbar-menu-administration-dashboard:before {
+.toolbar-bar .toolbar-item.toolbar-menu-administration-dashboard::before {
   background-image: url("../images/dashboard.svg");
 }
 
@@ -10,12 +10,12 @@
 
 @keyframes pulse-throbber {
   0% {
+    transform: scaleY(1);
     opacity: 1;
-    transform: scaley(1);
   }
   100% {
+    transform: scaleY(0.5);
     opacity: 0.2;
-    transform: scaley(0.5);
   }
 }
 
@@ -23,45 +23,45 @@
 .dashboards-container span[data-big-pipe-placeholder-id] {
   position: relative;
   display: block;
-  margin: 20px auto;
   width: 6px;
   height: 30px;
-  background: rebeccaPurple;
+  margin: 20px auto;
   animation: pulse-throbber 0.2s infinite;
-  animation-delay: 0.0666666667s;
+  animation-delay: 0.06667s;
   animation-direction: alternate;
+  background: rebeccapurple;
 }
 
-.dashboard-layout-builder-form span[data-big-pipe-placeholder-id]:before,
-.dashboard-layout-builder-form span[data-big-pipe-placeholder-id]:after,
-.dashboards-container span[data-big-pipe-placeholder-id]:before,
-.dashboards-container span[data-big-pipe-placeholder-id]:after {
-  content: "";
+.dashboard-layout-builder-form span[data-big-pipe-placeholder-id]::before,
+.dashboard-layout-builder-form span[data-big-pipe-placeholder-id]::after,
+.dashboards-container span[data-big-pipe-placeholder-id]::before,
+.dashboards-container span[data-big-pipe-placeholder-id]::after {
   position: absolute;
+  top: 0;
   display: block;
   width: 100%;
   height: 100%;
-  background: rebeccaPurple;
-  top: 0;
+  content: "";
   animation: pulse-throbber 0.2s infinite;
   animation-direction: alternate;
+  background: rebeccapurple;
 }
 
-.dashboard-layout-builder-form span[data-big-pipe-placeholder-id]:before,
-.dashboards-container span[data-big-pipe-placeholder-id]:before {
+.dashboard-layout-builder-form span[data-big-pipe-placeholder-id]::before,
+.dashboards-container span[data-big-pipe-placeholder-id]::before {
   left: -12px;
 }
 
-.dashboard-layout-builder-form span[data-big-pipe-placeholder-id]:after,
-.dashboards-container span[data-big-pipe-placeholder-id]:after {
+.dashboard-layout-builder-form span[data-big-pipe-placeholder-id]::after,
+.dashboards-container span[data-big-pipe-placeholder-id]::after {
   left: 12px;
-  animation-delay: 0.1333333333s;
+  animation-delay: 0.13333s;
 }
 
 .layout--twocol-section.layout--twocol-section--50-50 {
   display: flex;
-  justify-content: space-between;
   flex-wrap: unset;
+  justify-content: space-between;
   gap: 15px;
 }
 
@@ -89,8 +89,8 @@ html.dashboard .toolbar .toolbar-bar .home-toolbar-tab {
 }
 
 .gin-layer-wrapper .gin-layer-wrapper .gin-table-scroll-wrapper {
-  padding-bottom: 0;
   margin-bottom: 0;
+  padding-bottom: 0;
 }
 
 .gin-layer-wrapper .panel__content,
@@ -105,4 +105,4 @@ html.dashboard .toolbar .toolbar-bar .home-toolbar-tab {
 
 .dashboard-gin-panel.panel.card {
   padding: var(--space-s);
-}
+}
\ No newline at end of file

css/layouts.css

@@ -34,8 +34,8 @@
 }
 
 .layouts-dashboards-2 .drow {
-  flex: 1;
   display: flex;
+  flex: 1;
   flex-direction: column;
 }
 

dashboards.info.yml

 name: Dashboards
 description: "Dashboards based on layout builder."
 package: Dashboards
-core_version_requirement: ^9.4 || ^10
+core_version_requirement: ^9.4 || ^10 || ^11
 type: module
 configure: entity.dashboard.collection
 dependencies:
   - drupal:layout_builder
   - drupal:views
+
+test_dependencies:
+  - layout_builder_restrictions:layout_builder_restrictions
+  - matomo:matomo
+  - matomo_reporting_api:matomo_reporting_api
+  - webform:webform

dashboards.links.menu.yml

@@ -5,8 +5,8 @@ dashboards.collection:
   description: 'Administer dashboard.'
   weight: 2
 dashboards.dashboards_settings_form:
-  title: 'Dashboard Settings'
+  title: 'Dashboards Settings'
   route_name: dashboards.dashboards_settings_form
-  description: 'Dashboard Settings'
+  description: 'Configuration settings form for the Dashboards module.'
   parent: system.admin_config_system
   weight: 99

dashboards.links.task.yml

@@ -17,5 +17,5 @@ dashboard.view:
 
 dashboard.permissions:
   title: "Permissions"
-  route_name: entity.dashboard.permissions_form
+  route_name: entity.dashboard.entity_permissions_form
   base_route: entity.dashboard.canonical

dashboards.module

@@ -5,7 +5,6 @@
  * Contains dashboards.module.
  */
 
-use Drupal\Core\Url;
 use Drupal\Core\Form\FormStateInterface;
 use Drupal\Core\Routing\RouteMatchInterface;
 use Drupal\Core\Template\Attribute;
@@ -108,7 +107,7 @@ function dashboards_toolbar() {
   foreach ($boards as $board) {
     $links[] = [
       'title' => $board->label(),
-      'url' => $board->toUrl(),
+      'url' => $board->toUrl('canonical'),
     ];
   }
 
@@ -118,7 +117,7 @@ function dashboards_toolbar() {
     'tab' => [
       '#type' => 'link',
       '#title' => t('Dashboards'),
-      '#url' => $first_board ->toUrl(),
+      '#url' => $first_board->toUrl(),
       '#attributes' => [
         'class' => ['toolbar-icon', 'toolbar-menu-administration-dashboard'],
       ],
@@ -179,7 +178,6 @@ function dashboards_preprocess_block(&$variables) {
       $variables['attributes']['class'][] = 'card';
     }
   }
-
 }
 
 /**

dashboards.routing.yml

 dashboards.dashboards_settings_form:
-  path: "/admin/config/dashboards/dashboardssettings"
+  path: "/admin/system/dashboards-settings"
   defaults:
     _form: '\Drupal\dashboards\Form\DashboardsSettingsForm'
-    _title: "DashboardsSettingsForm"
+    _title: "Dashboards Settings"
   requirements:
     _permission: "administer dashboards"
   options:
     _admin_route: TRUE
-
-entity.dashboard.permissions_form:
-  path: "/admin/structure/dashboards/manage/{dashboard}/permissions"
-  defaults:
-    _title: "Manage permissions"
-    _form: 'Drupal\dashboards\Form\DashboardPermissionForm'
-    bundle_entity_type: dashboard
-  requirements:
-    _permission: "administer permissions"
-  options:
-    parameters:
-      bundle:
-        type: "entity:dashboard"
-        with_config_overrides: true
-        alias: dashboard

js/chart.jsx

@@ -2,14 +2,14 @@ import Chart from "chart.js/auto";
 import interpolate from "color-interpolate";
 import "mdn-polyfills/Node.prototype.before";
 import "mdn-polyfills/Array.prototype.includes";
-const cmap = require("colormap");
+const colorMap = require("colormap");
 
 (({ behaviors }, $$, $, { dashboards }) => {
-  let colors = cmap({
+  const colors = colorMap({
     colormap: dashboards.colormap,
     format: "rgb",
     alpha: dashboards.alpha,
-    nshades: dashboards.shades,
+    nshades: dashboards.shades
   });
 
   const fontFamily = getComputedStyle(
@@ -19,11 +19,11 @@ const cmap = require("colormap");
   behaviors.dashboardsChartTable = {
     attach(context) {
       const charts = $$(context, "[data-app=chart]:not(.processed)");
-      charts.forEach((c) => {
+      charts.forEach(c => {
         c.classList.add("processed");
-        let config = {};
+        const config = {};
         for (let i = 0; i < c.attributes.length; i++) {
-          if (c.attributes[i].nodeName.indexOf("data-chart") == 0) {
+          if (c.attributes[i].nodeName.indexOf("data-chart") === 0) {
             config[c.attributes[i].nodeName] = c.attributes[i].nodeValue;
           }
         }
@@ -32,7 +32,7 @@ const cmap = require("colormap");
     },
     getLabels(t) {
       const labels = [];
-      $$(t, "thead th").forEach((v) => {
+      $$(t, "thead th").forEach(v => {
         labels.push(v.textContent);
       });
       return labels;
@@ -41,15 +41,15 @@ const cmap = require("colormap");
       const t = $(e, "table");
       const dataset = {
         labels: [],
-        datasets: [],
+        datasets: []
       };
-      let data = [];
-      let colormap = interpolate(colors);
-      $$(t, "tbody tr td:first-child").forEach((v) => {
+      const data = [];
+      const colormap = interpolate(colors);
+      $$(t, "tbody tr td:first-child").forEach(v => {
         dataset.labels.push(v.textContent);
       });
-      $$(t, "tbody tr").forEach((v) => {
-        $$(v, "td:last-child").forEach((td) => {
+      $$(t, "tbody tr").forEach(v => {
+        $$(v, "td:last-child").forEach(td => {
           data.push(td.textContent);
         });
       });
@@ -59,7 +59,7 @@ const cmap = require("colormap");
       dataset.datasets.push({
         data: data,
         backgroundColor: [],
-        label: $(t, "th:last-child").textContent,
+        label: $(t, "th:last-child").textContent
       });
       for (var i in dataset.datasets) {
         if (!dataset.datasets[i]) {
@@ -83,27 +83,27 @@ const cmap = require("colormap");
       // }
 
       const dataset = {
-        labels: $$(t, "tbody tr").map((v) => $(v, "td").textContent),
-        datasets: [],
+        labels: $$(t, "tbody tr").map(v => $(v, "td").textContent),
+        datasets: []
       };
-      let colormap = interpolate(colors);
+      const colormap = interpolate(colors);
       let max = 0;
 
       const rows = $$(t, "th")
         .slice(1)
-        .map((v) => v.textContent);
+        .map(v => v.textContent);
       rows.forEach((v, i) => {
         dataset.datasets[i] = {
           data: [],
-          label: v,
+          label: v
         };
       });
       $$(t, "tbody tr").forEach((v, i) => {
         $$(v, "td")
           .slice(1)
           .forEach((d, ii) => {
-            let parsed = parseInt(d.textContent);
-            if (!isNaN(parsed)) {
+            const parsed = parseInt(d.textContent, 10);
+            if (!Number.isNaN(parsed)) {
               dataset.datasets[ii].data.push(parsed);
               if (parsed > max) {
                 max = parsed;
@@ -113,10 +113,10 @@ const cmap = require("colormap");
             }
           });
       });
-      if (dataset.datasets.length == 1) {
-        dataset.datasets[0]["backgroundColor"] = [];
+      if (dataset.datasets.length === 1) {
+        dataset.datasets[0].backgroundColor = [];
         for (var i = 0; i < dataset.datasets[0].data.length; i++) {
-          dataset.datasets[0]["backgroundColor"].push(
+          dataset.datasets[0].backgroundColor.push(
             colormap(((100 / dataset.datasets[0].data.length) * i) / 100)
           );
         }
@@ -142,7 +142,7 @@ const cmap = require("colormap");
         "doughnut",
         "polarArea",
         "bubble",
-        "scatter",
+        "scatter"
       ];
       if (!type || !allowedBars.includes(type)) {
         type = "bar";
@@ -159,34 +159,34 @@ const cmap = require("colormap");
         options: {
           tooltips: {
             mode: "index",
-            intersect: false,
+            intersect: false
           },
           hover: {
             mode: "index",
-            intersect: false,
+            intersect: false
           },
           legend: {
             display: config["data-chart-display-legend"] ? true : false,
-          },
-        },
+          }
+        }
       });
       $(e, "div").style.display = "none";
       const dialog = Drupal.dialog($(e, "table"), {
         width: "80%",
-        height: "80%",
+        height: "80%"
       });
-      let modalLink = document.createElement("a");
+      const modalLink = document.createElement("a");
       modalLink.innerHTML = Drupal.t("Show data");
       modalLink.classList.add(
         "button",
         "button--secondary",
         "dashboard-button"
       );
-      modalLink.addEventListener("click", (e) => {
+      modalLink.addEventListener("click", e => {
         dialog.show();
       });
       e.appendChild(modalLink);
-    },
+    }
   };
 })(
   Drupal,

modules/dashboards_comments/dashboards_comments.info.yml

@@ -2,9 +2,9 @@ name: Dashboards comments
 description: 'Comment statistics.'
 package: Dashboards
 
-core_version_requirement: ^9.4 || ^10
+core_version_requirement: ^9.4 || ^10 || ^11
 type: module
 
 dependencies:
-- drupal:comment
-- dashboards:dashboards
+  - drupal:comment
+  - dashboards:dashboards

modules/dashboards_comments/src/Plugin/Dashboard/Comments.php

@@ -4,11 +4,11 @@ namespace Drupal\dashboards_comments\Plugin\Dashboard;
 
 use Drupal\Core\Cache\CacheBackendInterface;
 use Drupal\Core\Database\Connection;
-use Drupal\Core\Form\FormStateInterface;
-use Drupal\dashboards\Plugin\DashboardBase;
+use Drupal\Core\Entity\EntityTypeBundleInfoInterface;
 use Drupal\Core\Extension\ModuleHandlerInterface;
+use Drupal\Core\Form\FormStateInterface;
 use Drupal\dashboards\Plugin\Dashboard\ChartTrait;
-use Drupal\Core\Entity\EntityTypeBundleInfoInterface;
+use Drupal\dashboards\Plugin\DashboardBase;
 use Symfony\Component\DependencyInjection\ContainerInterface;
 
 /**
@@ -57,7 +57,7 @@ class Comments extends DashboardBase {
   /**
    * {@inheritdoc}
    */
-  public static function create(ContainerInterface $container, array $configuration, $plugin_id, $plugin_definition) {
+  public static function create(ContainerInterface $container, array $configuration, $plugin_id, $plugin_definition): static {
     return new static(
       $configuration,
       $plugin_id,
@@ -75,7 +75,7 @@ class Comments extends DashboardBase {
   public function buildSettingsForm(array $form, FormStateInterface $form_state, array $configuration): array {
     $options = [
       'totalcount' => $this->t('Total count'),
-      'daycount' => $this->t('Dayly count'),
+      'daycount' => $this->t('Daily count'),
     ];
     $form['count'] = [
       '#type' => 'select',

modules/dashboards_matomo/dashboards_matomo.info.yml

@@ -2,9 +2,9 @@ name: Dashboards matomo
 description: 'Components for core statistics.'
 package: Dashboards
 
-core_version_requirement: ^9.4 || ^10
+core_version_requirement: ^9.4 || ^10 || ^11
 type: module
 
 dependencies:
-- matomo:matomo
-- matomo_reporting_api:matomo_reporting_api
+  - matomo:matomo
+  - matomo_reporting_api:matomo_reporting_api

modules/dashboards_matomo/src/Plugin/Dashboard/Browser.php

@@ -46,7 +46,7 @@ class Browser extends MatomoBase {
     }
     catch (\Exception $ex) {
       return [
-        '#markup' => $plugin->t('Error occured: @error', ['@error' => $ex->getMessage()]),
+        '#markup' => $plugin->t('Error occurred: @error', ['@error' => $ex->getMessage()]),
         '#cache' => [
           'max-age' => 0,
         ],

modules/dashboards_matomo/src/Plugin/Dashboard/Country.php

@@ -42,7 +42,7 @@ class Country extends MatomoBase {
     }
     catch (\Exception $ex) {
       return [
-        '#markup' => $plugin->t('Error occured: @error', ['@error' => $ex->getMessage()]),
+        '#markup' => $plugin->t('Error occurred: @error', ['@error' => $ex->getMessage()]),
         '#cache' => [
           'max-age' => 0,
         ],