Forge-Engine/static/js/play/offline/render-repeater.js

// Export Web/SCORM — port de screens/rendering/render_repeater.py. Lit
// gameData.data/fields_meta (au lieu d'une requête SQL) et
// gameData.element_type_templates (voir full_game_payload.py — l'arbre
// d'un écran-modèle d'élément de jeu réutilisable, précalculé une fois à
// l'export) au lieu de screens/element_types/load_template_tree.py.
function forgeRenderRepeater(el, meta, gameData, childrenMap, ctx, parentFlexDirection) {
  const style = `${forgeStyleString(el, parentFlexDirection, el.widget)} overflow:auto;`;
  const attrsRaw = el.attributes || {};
  let definitionId = attrsRaw._definition_id;
  const definitionAttr = definitionId ? ` data-definition-id="${forgeHtmlEscape(String(definitionId))}"` : '';
  const templateTypeId = attrsRaw._template_type_id;
  const template = forgeApplyCtx(el.content || '', ctx);
  const children = childrenMap?.[el.id] || [];

  if (!definitionId) {
    return `<div id="${forgeAutoId(el)}" data-element-id="${el.id}" style="${forgeHtmlEscape(style)
    }"><em>Répéteur : choisis un objet de données dans les propriétés.</em></div>`;
  }
  definitionId = String(definitionId);
  const fieldsMetaForDef = gameData.fields_meta?.[definitionId];
  if (!fieldsMetaForDef) {
    return `<div id="${forgeAutoId(el)}" data-element-id="${el.id}" style="${forgeHtmlEscape(style)
    }"><em>Objet introuvable — a-t-il été supprimé ?</em></div>`;
  }

  let rows = gameData.data[definitionId] || [];
  rows = forgeFilterRepeaterRows(gameData, definitionId, rows, attrsRaw);

  let templateTree = null;
  if (templateTypeId) {
    templateTree = gameData.element_type_templates?.[String(templateTypeId)];
  }

  const items = rows.map((row) => {
    const rowCtx = { ...ctx };
    // gameData.data est déjà indexé par le nom D'AFFICHAGE du champ (voir
    // full_game_payload.py), jamais par sa colonne SQL — row[f.name] lit
    // donc directement la bonne valeur, y compris pour un champ "relation"
    // (voir filter-repeater-rows.js pour le détail de ce piège).
    fieldsMetaForDef.forEach((f) => {
      const v = row[f.name];
      rowCtx[f.name] = v === null || v === undefined ? '' : String(v);
    });
    let inner;
    if (templateTree) {
      inner = templateTree.top.map((c) => forgeRenderElementHtml(c, gameData, templateTree.children_map, rowCtx)).join('');
    } else if (children.length) {
      inner = children.map((c) => forgeRenderElementHtml(c, gameData, childrenMap, rowCtx)).join('');
    } else {
      let line = template;
      Object.keys(rowCtx).forEach((fname) => {
        if (fname === '_forge_play_mode') return;
        line = line.split(`{{${fname}}}`).join(rowCtx[fname]);
      });
      inner = forgeHtmlEscape(line);
    }
    return `<div class="repeaterItem" data-row-id="${row.id}">${inner}</div>`;
  });

  const emptyMsg = attrsRaw._filtre_champ ? 'Aucune ligne ne correspond au filtre réglé.' : "Aucune donnée dans cet objet pour l'instant.";
  const innerAll = items.length ? items.join('') : `<em>${emptyMsg}</em>`;
  return `<div id="${forgeAutoId(el)}" data-element-id="${el.id}"${definitionAttr
  } style="${forgeHtmlEscape(style)}">${innerAll}</div>`;
}

if (typeof module !== 'undefined' && module.exports) {
  module.exports = { forgeRenderRepeater };
  const renderMod = require('./render-element.js');
  ['forgeStyleString', 'forgeHtmlEscape', 'forgeAutoId', 'forgeApplyCtx', 'forgeRenderElementHtml'].forEach((name) => {
    global[name] = global[name] || renderMod[name];
  });
  const filterMod = require('./filter-repeater-rows.js');
  global.forgeFilterRepeaterRows = global.forgeFilterRepeaterRows || filterMod.forgeFilterRepeaterRows;
}