js:tablefilter [Cyanide]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

<html>
<style>
  	/* Police de caractères */
  	.wrap_table-filter table { font-family: var(--font-family-condensed); }
  	/* Pas de retours a la ligne sauf pour la colonne "Commentaires" */
  	.wrap_table-filter table :is(th, td:not(td:nth-child(9))) { white-space: nowrap; }
        /* sticky headers overrides */
        /*.TF.sticky th { top: 51px !important; }*/
  	/* Cache la colonne statut qui est redondante */
  	.wrap_table-filter table :is(th,td):is(:nth-child(10),:nth-child(12)) { display: none }
</style>
<script src="https://unpkg.com/tablefilter@latest/dist/tablefilter/tablefilter.js"></script>
<script>
	jQuery(() => {
          
          	var t = document.querySelector('.wrap_table-filter table');
          
          	/* Add colum at first position (to receive ARCHIVE) */
          	t.querySelectorAll("tr").forEach((tr) => { 
                  tr.innerHTML = ((tr.innerHTML.indexOf("<th") >= 0) ? "<th>Archive</th>" : "<td></td>") + tr.innerHTML;
                });
          
           	/* Bouge ARCHIVE de la colonne contrat vers une colonne dédiée */
          	t.querySelectorAll("tr").forEach((tr) => { 
                  if (tr.innerHTML.indexOf("<th") < 0) {
                    var td1 = tr.querySelector("td:nth-child(1)"); 
                    var td2 = tr.querySelector("td:nth-child(2)"); 
                    console.log(td1.innerHTML); 
                    console.log(td2.innerHTML); 
                    td2.innerHTML = td2.innerHTML.trim();
                    if (td2.innerHTML.indexOf("(ARCHIVE)") == 0) { 
                      td1.innerHTML = "ARCHIVE"; 
                      td2.innerHTML = td2.innerHTML.substring(10); 
                    } else {
                      td1.innerHTML = "ACTUEL"; 
                    }
                  }
                });
          
          	/* Sur la colonne des arrivées, met - au lieu de case vide. Facilite le tri */
          	t.querySelectorAll("td:nth-child(5)").forEach((td) => {
                  if (td.innerHTML.trim() == "") { td.innerHTML = "-"; } 
                });
          
          	/* Sur la colonne des départs, met N/A au lieu de case vide. Facilite le tri */
          	t.querySelectorAll("td:nth-child(6)").forEach((td) => {
                  if (td.innerHTML.trim() == "") { td.innerHTML = "N/A"; } 
                });
          
          	/* Configuration du plugin de tri et filtrage */
          	var tfc = {
                  // instruct TableFilter location to import ressources from
                  base_path: 'https://unpkg.com/tablefilter@latest/dist/tablefilter/',
                  sticky_headers: true,
                  col_1: 'multiple',
                  col_6: 'multiple',
                  col_7: 'multiple',
                  alternate_rows: true,/*
                  rows_counter: true,
                  btn_reset: true,*/
                  loader: true,
                  mark_active_columns: true,
                  highlight_keywords: true,
                  no_results_message: true,
                  col_types: [ 'string', 'string', 'string', 'date', 'date', 'string', 'string', 'string', 'string', 'string', 'string' ],
                  extensions: [{
                    name: 'sort',
                    images_path: 'https://unpkg.com/tablefilter@latest/dist/tablefilter/style/themes/'
                  }]
                };
          	/* Appliquer le plugin sur la table */
		var tf = new TableFilter(t, tfc);
		tf.init();
	});
</script>
</html>