import{m as o}from"./iframe-I4S6H_qo.js";import"./preload-helper-PPVm8Dsz.js";function c({results:i}){const e=`
    <th class="col-md-3">ID Pratica</th>
    <th class="col-md-3">Stato</th>
    <th class="col-md-3">Richiedente</th>
    <th class="col-md-3">Codice Fiscale</th>
    <th class="col-md-3">Azioni</th>
  `;let n="";return!i||i.length===0?n=`
      <tr>
        <td colspan="5">
          <span class="no_table_record">Nessun risultato da mostrare</span>
        </td>
      </tr>
    `:n=i.map(t=>`
      <tr>
        <td>${t.id}</td>
        <td>${t.stato}</td>
        <td>${t.richiedente}</td>
        <td>${t.codiceFiscale}</td>
        <td class="td-icons">
          <button type="button" class="col-xs-12 p-0"
            data-toggle="tooltip"
            data-original-title="Rimuovi elemento"
            aria-label="Rimuovi elemento">
            <span class="fa fa-trash-alt"></span>
          </button>
        </td>
      </tr>
    `).join(""),`
  <div id="sr-results-info"
     class="sr-only"
     aria-live="polite"
     aria-atomic="true"></div>
  <div id="filter_table_pattern_container">
    <div class="col-xs-12">
      <form class="row panel panel-default filter-accordion widget" action="#" name="filterForm">
		<div class="row accordion-gray inail-accordion-container inail-accordion-filters">

  	  <div class="row head-accordion-gray" data-toggle="collapse">
  	    <div class="accordion-title">
  	      <button type="button" data-toggle="collapse"
  	        data-target="#filter-accordion-panel-2" aria-expanded="true" class="inail-filter-button collapsed">
  	        <div class="inail-filter-title" id="accordionContent">Filtra per</div>
  	        <span class="fa fa-solid fa-chevron-down fa-lg"></span>
  	      </button>
  	    </div>
			</div>

			<div id="filter-accordion-panel-2" class="row collapse in panel-body body-form-grey inail-filter-body" role="region" aria-expanded="true" aria-labelledby='accordionContent'>
				 <div class="row">
            <!-- campi filtro -->
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
              <label class="control-label inail-label" for="idPratica">ID Pratica</label>
              <input id="idPratica" type="text" class="form-control inail-input" >
              <div class="inail-div-message"></div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
              <label class="control-label inail-label" for="stato">Stato</label>
              <input id="stato" type="text" class="form-control inail-input" >
              <div class="inail-div-message"></div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
              <label class="control-label inail-label" for="richiedente">Richiedente</label>
              <input id="richiedente" type="text" class="form-control inail-input" >
              <div class="inail-div-message"></div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
              <label class="control-label inail-label" for="codiceFiscale">Codice Fiscale</label>
              <input id="codiceFiscale" type="text" class="form-control inail-input" >
              <div class="inail-div-message"></div>
            </div>
            <div class="col-xs-12 py-4">
              <div class="pull-right">
                <button type="button" class="inail-button inail-button-secondary mr-4" id="annullaButton">Ripristina</button>
                <button type="button" class="inail-button inail-button-primary" id="filtraButton">Filtra</button>
              </div>
            </div>
          </div>
			</div>
		</div>
	</form>
  </div>

<div class="col-xs-12 col-sm-12 table-title pull-left m-0 mb-2" id="titolo-tabella">Lista pratiche</div>
    <div class="tabella table-responsive inail-table">
      <table id="filterTablePattern" class="table display" aria-labelledby="titolo-tabella">
        <thead><tr>${e}</tr></thead>
        <tbody>${n}</tbody>
      </table>
    </div>
    </div>

  `}const l=`N.D.
Test`,s="",p={title:"Patterns/Tabella con filtri",tags:["autodocs"],parameters:{docs:{description:{component:l},mdxPage:s}},decorators:[(i,e)=>o(i,e,1,["https://cdn.inailcloud.it/assets/inail/u.1.0/static-webkit/js/custom-webkit.js","https://cdn.inailcloud.it/assets/inail/u.1.0/static-webkit/js/dataTablesEdit.js","https://cdn.inailcloud.it/assets/inail/u.1.0/static-webkit/js/filterTablePattern.js","https://cdn.inailcloud.it/assets/inail/u.1.0/static-webkit/js/tooltip-aria-hidden.js"],!0),i=>`<main id="contenutoPrincipale">${i()}</main>`]},a={name:"Tabella con filtri",argTypes:{results:{control:"object",table:{disable:!0},description:"I dati della tabella, come array di righe."}},args:{results:[{id:1,stato:"Approvata",richiedente:"Giulia Rossi",codiceFiscale:"XZZAQZ11Q205W"},{id:2,stato:"In Revisione",richiedente:"Marco Bianchi",codiceFiscale:"BNCMRC85L12F205X"},{id:3,stato:"Respinta",richiedente:"Luca Verdi",codiceFiscale:"VRDLUC90A01H501Y"},{id:4,stato:"Approvata",richiedente:"Sara Conti",codiceFiscale:"CNTSSA92C45L219Z"},{id:5,stato:"In Attesa",richiedente:"Francesco Romano",codiceFiscale:"RMNFNC81B22M345K"},{id:6,stato:"Approvata",richiedente:"Chiara Esposito",codiceFiscale:"SPTCHR95D11N678P"},{id:7,stato:"Respinta",richiedente:"Davide Galli",codiceFiscale:"GLLDVD88E09R456T"},{id:8,stato:"Approvata",richiedente:"Elena Moretti",codiceFiscale:"MRTELN93F33S789U"},{id:9,stato:"In Revisione",richiedente:"Paolo De Luca",codiceFiscale:"DLCPAO84G55T123V"},{id:10,stato:"Approvata",richiedente:"Martina Ferri",codiceFiscale:"FRRMRT91H66U234W"},{id:11,stato:"Respinta",richiedente:"Andrea Greco",codiceFiscale:"GRCNDR87I77V345X"},{id:12,stato:"Approvata",richiedente:"Valentina Marino",codiceFiscale:"MRNVLT94J88W456Y"},{id:13,stato:"In Attesa",richiedente:"Stefano Riva",codiceFiscale:"RVASTF82K99X567Z"},{id:14,stato:"Approvata",richiedente:"Federica Colombo",codiceFiscale:"CLMFDR89L00Y678A"},{id:15,stato:"Respinta",richiedente:"Giorgio Fontana",codiceFiscale:"FNTGRG85M11Z789B"},{id:16,stato:"Approvata",richiedente:"Alessia Ricci",codiceFiscale:"RCCALS92N22A890C"},{id:17,stato:"In Revisione",richiedente:"Matteo Serra",codiceFiscale:"SRRMTT90O33B901D"},{id:18,stato:"Approvata",richiedente:"Laura De Angelis",codiceFiscale:"DANLRR93P44C012E"},{id:19,stato:"Respinta",richiedente:"Nicola Barbieri",codiceFiscale:"BRBNCL86Q55D123F"},{id:20,stato:"Approvata",richiedente:"Silvia Leone",codiceFiscale:"LNSLV91R66E234G"},{id:21,stato:"In Attesa",richiedente:"Roberto Villa",codiceFiscale:"VLLRBT82S77F345H"},{id:22,stato:"Approvata",richiedente:"Chiara Marchetti",codiceFiscale:"MRCCHR95T88G456I"},{id:23,stato:"Respinta",richiedente:"Simone Parisi",codiceFiscale:"PRSSMN87U99H567J"},{id:24,stato:"Approvata",richiedente:"Elisa Grassi",codiceFiscale:"GRSLSA92V00I678K"},{id:25,stato:"In Revisione",richiedente:"Antonio Caruso",codiceFiscale:"CRSANT85W11J789L"},{id:26,stato:"Approvata",richiedente:"Marta Pellegrini",codiceFiscale:"PLLMRT90X22K890M"},{id:27,stato:"Respinta",richiedente:"Giovanni Fabbri",codiceFiscale:"FBBGVN84Y33L901N"},{id:28,stato:"Approvata",richiedente:"Serena Gatti",codiceFiscale:"GTTSRN93Z44M012O"},{id:29,stato:"In Attesa",richiedente:"Fabio Monti",codiceFiscale:"MNTFBO81A55N123P"},{id:30,stato:"Approvata",richiedente:"Ilaria De Santis",codiceFiscale:"DSNILR94B66O234Q"}]},render:i=>c(i)};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
  name: "Tabella con filtri",
  argTypes: {
    results: {
      control: "object",
      table: {
        disable: true
      },
      description: "I dati della tabella, come array di righe."
    }
  },
  args: {
    results: [{
      id: 1,
      stato: "Approvata",
      richiedente: "Giulia Rossi",
      codiceFiscale: "XZZAQZ11Q205W"
    }, {
      id: 2,
      stato: "In Revisione",
      richiedente: "Marco Bianchi",
      codiceFiscale: "BNCMRC85L12F205X"
    }, {
      id: 3,
      stato: "Respinta",
      richiedente: "Luca Verdi",
      codiceFiscale: "VRDLUC90A01H501Y"
    }, {
      id: 4,
      stato: "Approvata",
      richiedente: "Sara Conti",
      codiceFiscale: "CNTSSA92C45L219Z"
    }, {
      id: 5,
      stato: "In Attesa",
      richiedente: "Francesco Romano",
      codiceFiscale: "RMNFNC81B22M345K"
    }, {
      id: 6,
      stato: "Approvata",
      richiedente: "Chiara Esposito",
      codiceFiscale: "SPTCHR95D11N678P"
    }, {
      id: 7,
      stato: "Respinta",
      richiedente: "Davide Galli",
      codiceFiscale: "GLLDVD88E09R456T"
    }, {
      id: 8,
      stato: "Approvata",
      richiedente: "Elena Moretti",
      codiceFiscale: "MRTELN93F33S789U"
    }, {
      id: 9,
      stato: "In Revisione",
      richiedente: "Paolo De Luca",
      codiceFiscale: "DLCPAO84G55T123V"
    }, {
      id: 10,
      stato: "Approvata",
      richiedente: "Martina Ferri",
      codiceFiscale: "FRRMRT91H66U234W"
    }, {
      id: 11,
      stato: "Respinta",
      richiedente: "Andrea Greco",
      codiceFiscale: "GRCNDR87I77V345X"
    }, {
      id: 12,
      stato: "Approvata",
      richiedente: "Valentina Marino",
      codiceFiscale: "MRNVLT94J88W456Y"
    }, {
      id: 13,
      stato: "In Attesa",
      richiedente: "Stefano Riva",
      codiceFiscale: "RVASTF82K99X567Z"
    }, {
      id: 14,
      stato: "Approvata",
      richiedente: "Federica Colombo",
      codiceFiscale: "CLMFDR89L00Y678A"
    }, {
      id: 15,
      stato: "Respinta",
      richiedente: "Giorgio Fontana",
      codiceFiscale: "FNTGRG85M11Z789B"
    }, {
      id: 16,
      stato: "Approvata",
      richiedente: "Alessia Ricci",
      codiceFiscale: "RCCALS92N22A890C"
    }, {
      id: 17,
      stato: "In Revisione",
      richiedente: "Matteo Serra",
      codiceFiscale: "SRRMTT90O33B901D"
    }, {
      id: 18,
      stato: "Approvata",
      richiedente: "Laura De Angelis",
      codiceFiscale: "DANLRR93P44C012E"
    }, {
      id: 19,
      stato: "Respinta",
      richiedente: "Nicola Barbieri",
      codiceFiscale: "BRBNCL86Q55D123F"
    }, {
      id: 20,
      stato: "Approvata",
      richiedente: "Silvia Leone",
      codiceFiscale: "LNSLV91R66E234G"
    }, {
      id: 21,
      stato: "In Attesa",
      richiedente: "Roberto Villa",
      codiceFiscale: "VLLRBT82S77F345H"
    }, {
      id: 22,
      stato: "Approvata",
      richiedente: "Chiara Marchetti",
      codiceFiscale: "MRCCHR95T88G456I"
    }, {
      id: 23,
      stato: "Respinta",
      richiedente: "Simone Parisi",
      codiceFiscale: "PRSSMN87U99H567J"
    }, {
      id: 24,
      stato: "Approvata",
      richiedente: "Elisa Grassi",
      codiceFiscale: "GRSLSA92V00I678K"
    }, {
      id: 25,
      stato: "In Revisione",
      richiedente: "Antonio Caruso",
      codiceFiscale: "CRSANT85W11J789L"
    }, {
      id: 26,
      stato: "Approvata",
      richiedente: "Marta Pellegrini",
      codiceFiscale: "PLLMRT90X22K890M"
    }, {
      id: 27,
      stato: "Respinta",
      richiedente: "Giovanni Fabbri",
      codiceFiscale: "FBBGVN84Y33L901N"
    }, {
      id: 28,
      stato: "Approvata",
      richiedente: "Serena Gatti",
      codiceFiscale: "GTTSRN93Z44M012O"
    }, {
      id: 29,
      stato: "In Attesa",
      richiedente: "Fabio Monti",
      codiceFiscale: "MNTFBO81A55N123P"
    }, {
      id: 30,
      stato: "Approvata",
      richiedente: "Ilaria De Santis",
      codiceFiscale: "DSNILR94B66O234Q"
    }]
  },
  // render: (args) => {
  //   //---------Forzare eventi----------------//
  //   const tableHTML = CreateTableWithFilter(args);

  //   const tempDiv = document.createElement("div");
  //   tempDiv.innerHTML = tableHTML;

  //   // Cerca il bottone dentro il div temporaneo
  //   const button = tempDiv.getElementsByTagName("button");

  //   // Se il bottone esiste, aggiungi l'evento click
  //   if (button) {
  //     for (let i = 0; i < button.length; i++) {
  //       //Not dynamic
  //       button[i].addEventListener("click", args.onClick);
  //       //Dynamic (with row number)
  //       // button[i].addEventListener("click", () => args.onClick(\`cancellaRow\${i + 1}\`));
  //     }
  //   }

  //   // Crea il main e appende il bottone all'interno
  //   const mainElement = document.createElement("main");
  //   mainElement.id = "contenutoPrincipale";

  //   mainElement.appendChild(tempDiv);

  //   // Ritorna il main element con il bottone all'interno
  //   return mainElement || "";
  // },
  render: args => CreateTableWithFilter(args)
}`,...a.parameters?.docs?.source}}};const F=["TabellaConFiltri"];export{a as TabellaConFiltri,F as __namedExportsOrder,p as default};
