htmlCopier<div ng-if="data.hasAccess">
  <!-- Iframe pour le tableau de bord -->
  <iframe
    id="widget-dashboard"
    ng-if="data.dashboard"
    ng-src="{{iframeUrl}}"
    ng-show="!loading"
    sandbox="allow-forms allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation allow-downloads"
    width="100%"
    height="100%"
    frameBorder="0"
    ng-class="{'panel panel-default' : c.data.showPanel == 'true'}"
    style="height: {{iframeHeight}}"
    iframe-onload
    on-load-callback="iframeLoaded()"/>

  <!-- Bouton de retour -->
  <div>
    <button class="btn btn-default btn-home" ng-click="goBack()" ng-if="indicator">
      <i class="fa fa-chevron-left"></i>
    </button>
  </div>

  <!-- Indicateur de chargement -->
  <div class="loader"
       ng-class="{'panel panel-default' : c.data.showPanel == 'true'}"
       ng-if="loading"
       width="100%"
       height="100%"
       style="height: {{iframeHeight}}">
    <i class="fa fa-circle-o-notch fa-spin"></i>
  </div>
</div>

<!-- Message d'erreur si aucun tableau de bord n'est spécifié -->
<div ng-if="!data.dashboard">
  <div class="alert alert-danger">
    No dashboard input has been given, either through options, input or the url parameter.
  </div>
</div>

javascriptCopierapi.controller = function($scope, spModal, spUtil) {
  var c = this;

  // Construction de l'URL du tableau de bord
  var dashboardURL = "/now/platform-analytics-portal/dashboard/" + c.data.dashboard;

  // Ajout des paramètres optionnels (en-tête, mode édition, sélecteur de tableau de bord)
  if(c.data.showHeader === 'true') {
    dashboardURL += '/params/header/true';
    if(c.data.showEdit === 'true')
      dashboardURL += '/showedit/true';
    if(c.data.showDashboardPicker === 'true')
      dashboardURL += '/picker/true';
  }

  $scope.loading = false;
  $scope.iframeUrl = dashboardURL;
  $scope.iframeHeight = c.data.height + 'px';

  // Fonction pour revenir au tableau de bord initial
  $scope.goBack = function() {
    $scope.iframeUrl = dashboardURL;
    $scope.indicator = false;
  };

  // Écoute des événements envoyés par le tableau de bord (via postMessage)
  window.addEventListener("message", function(event) {
    // Ignorer les événements "hello" de Platform Analytics
    if(!event.data || event.data.hello){
      return;
    } 

    console.log('Received event from Dashboard', event.data);
    var eventReceived = event.data.eventOrigin;

    // Gestion des clics sur les visualisations (KPI, listes, enregistrements)
    if(eventReceived === "NOW_VIS_WRAPPER#CLICKED") {
      // Redirection vers les détails d'un KPI
      if(event.data.params.dataSourceType == "indicator") {
        $scope.$apply(function() {
          var kpiDetailsUrl = '/now/platform-analytics-portal/kpi-details/' + event.data.params.indicatorSysid;
          $scope.iframeUrl = kpiDetailsUrl;
          $scope.indicator = true;
          $scope.loading = true;
        });
        return;
      }
      // Redirection vers une liste filtrée
      window.location.href = "?id=" + c.data.listPageID + "&table=" + event.data.params.table + "&filter=" + event.data.params.query;
    }

    // Afficher tous les enregistrements d'une liste
    if(eventReceived === "NOW_RECORD_LIST_CONNECTED#VIEW_ALL_CLICKED") {
      window.location.href = "?id=" + c.data.listPageID + "&table=" + event.data.table + "&filter=" + event.data.query;
    }

    // Redirection vers la fiche détaillée d'un enregistrement
    if(eventReceived === "NOW_RECORD_LIST_CONNECTED#ROW_CLICKED") {
      window.location.href = "?id=" + c.data.recordPageID + "&table=" + event.data.table + "&sys_id=" + event.data.recordId;
    }
  });
};

javascriptCopier(function() {
  // Récupération des paramètres (dashboard ID, hauteur, options d'affichage)
  data.dashboard = input.dashboard || options.dashboard || $sp.getParameter('dashboard');
  
  if(!data.dashboard){
    return;
  } 

  data.height = input.height || options.height || '870';
  data.showPanel = input.show_panel || options.show_panel || 'true';

  // Options de redirection (pages de liste et de fiche)
  data.listPageID = input.list_page_id || options.list_page_id || 'list';
  data.recordPageID = input.record_page_id || options.record_page_id || 'form';

  // Options d'affichage du tableau de bord (en-tête, mode édition, sélecteur)
  data.showHeader = input.show_header || options.show_header || 'false';
  data.showEdit = input.show_edit || options.show_edit || 'false';
  data.showDashboardPicker = input.show_picker || options.show_picker || 'false';

  // Vérification des permissions
  data.hasAccess = hasAccess(data.dashboard);

  // Fonction de vérification des permissions
  function hasAccess(id) {
    // Accès automatique pour les admins
    if(gs.getUser().hasRole('admin')) {
      return true;
    }

    // Vérification des permissions spécifiques (rôles, utilisateurs, groupes)
    var glidePermission = new GlideRecord('par_dashboard_permission');
    glidePermission.addEncodedQuery('dashboard=' + id + '^can_read=true');
    glidePermission.query();

    while(glidePermission.next()) {
      var user = glidePermission.getValue('user');
      var group = glidePermission.getValue('group');
      var role = glidePermission.getValue('role');

      if(gs.getUser().hasRole(role) || user == gs.getUserID() || gs.getUser().isMemberOf(group)) {
        return true;
      }
    }
    return false;
  }
})();

  "dashboard": "a1b2c3d4e5f67890",
  "height": "1000",
  "show_panel": "true",
  "show_header": "true",
  "show_edit": "false",
  "list_page_id": "custom_list",
  "record_page_id": "custom_form"
}