123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465 |
- /*
- * Codice javascript per l'applicazione
- */
- // necessità comuni
- function Coda() {
- // E infine un footer a chiudere la pagina
- container.append("footer")
- .attr("class", "row page-footer")
- .append("figure")
- .append("a")
- .attr("href", "https://www.campiaperti.org/")
- .attr("target", "_blank")
- .append("center")
- .html("<h2>Campi Aperti</h2>")
- };
- function Pulisci() {
- $("div.container-fluid").remove();
- };
- var nomi = [];
- var quanti = [];
- function Aziende(stringexel) {
- var container = d3.select("#viz")
- .append("div")
- .attr("class", "container-fluid");
- // Inseriamo il titolo in un contenitore che funga da "header" con classe "row", sempre per sfruttare bootstrap.
- var header = container.append("header") // Definiamo semanticamente le parti della pagina con i nuovi tag dell'HTML5
- .attr("class", "row page-header aziende noprint");
- // Rendiamo il tutto ricercabile mediante shufflejs attraverso un campo di input testuale
- header.append("nav")
- .append("input")
- .attr("id", "search")
- .attr("class", "center-block input-lg noprint")
- .attr("placeholder", "Cerca per unità produttiva...")
- .attr("value", "");
- d3.csv(stringexel, function(data) {
- dataset = data.map(function(d) {
- return d["your-name"]
- });
- //console.log(dataset);
- var schede = container.append("section")
- .attr("id", "grid")
- .attr("class", "row page-body") // Dopo l'header, un'altra "row", ma con classe "body"
- .selectAll("div") // La selezione dei "div" contenitori viene assegnata alla variabile "albi" e poi riutilizzata successivamente.
- .data(data)
- .enter()
- .append("div")
- .attr("class", "col-sm-12 card accordion")
- // Associamo una classe ai div contenitori degli albi per sfruttare la grid di bootstrap che ci assicura la responsiveness
- .attr("data-groups", function(d) { // Shufflejs effettua il filtro su categorie personalizzate che vanno definite nell'attributo data-groups
- var groups = [];
- // Nel nostro caso le categorie sono i nomi degli autori e devono comparire come json di un array di stringhe: ["nome1","nome2",...]
- // Sappiamo però che nelle nostre colonne ci possono essere più nomi, che divideremo in un array con split() usando la virgola come separatore.
- // Non possiamo tornare però un array, perché l'attributo si aspetta una stringa, per cui... stringify, non prima di aver eliminato dall'array
- // gli elementi duplicati.
- //.concat(d["checkbox-530"].split(",")).concat(d["Bioregione"].split(","))
- return JSON.stringify(_.uniq(groups.concat(d["your-name"].split(",")).concat(d["Mercati svolti"].split(",")).concat(d["Situazione mercato"].split(",")))).replace(/"/g, "'");
- })
- .attr("data-title", function(d) { // Perché allora non inserire tutte e informazioni negli attributi data-?
- return d["your-name"].replace(/"/g, "");
- })
- .attr("data-summary", function(d) {
- return d["tel-216"].replace(/"/g, "");
- });
- /*dividione in tre blocchi*/
- var schede_info = schede.append("div")
- .attr("class", "card-body");
- var schede_infoprivate = schede.append("div")
- .attr("class", "card-hidden, hide");
- var header_schede = schede.append("div")
- .attr("class", "card-header")
- .attr("id", function(d) {
- return d["Data"].replace(/"/g, "");
- });
- /*parte anagrafica e prodotti*/
- var schede_h1 = header_schede.append("h1")
- .attr("class", "mb-0 realeinfo")
- .text(function(d) {
- return "" + d["your-name"].replace(/"/g, ""); // Concatenazione di stringhe, sempre con il "+".
- });
- header_schede.append("p")
- .attr("class", "luogo")
- .text(function(d) {
- return " " + d["text-122"].replace(/"/g, "")+ ""+ d["your-subject"].replace(/"/g, "") + " (" + d["text-597"].replace(/"/g, "") + ")";
- });
- header_schede.append("p")
- .append("span")
- .text("Referente d'azienda: ")
- .append("span")
- .attr("class", "nomeinfo")
- .text(function(d) {
- return "" + d["text-357"].replace(/"/g, "");
- });
- header_schede.append("p");
- header_schede.append("span")
- .attr("class", "")
- .text(function(d) {
- return "Contatti: " + d["tel-216"].replace(/"/g, "") + " " + d["your-email"].replace(/"/g, "");
- });
- header_schede.append("span")
- .html(function(d) {
- return " " + d["url-933"].replace(/"/g, "");
- });
- header_schede.append("p")
- .append("span")
- .attr("class", "info")
- .text("Bioregione:")
- .append("span")
- .text(function(d) {
- return " " + d["checkbox-666"].replace(/"/g, "");
- });
- header_schede.append("p")
- .append("span")
- .attr("class", "uppercase")
- .text("SAU:")
- .append("span")
- .text(function(d) {
- return " " + d["text-121"].replace(/"/g, "");
- });
- header_schede.append("p")
- .append("span")
- .attr("class", "")
- .text("Numero di dipendenti:")
- .append("span")
- .text(function(d) {
- return " " + d["number-202"].replace(/"/g, "");
- });
- header_schede.append("p")
- .append("span")
- .attr("class", "")
- .text("Stagioni disponibili per mercati:")
- .append("span")
- .text(function(d) {
- return " " + d["checkbox-530"].replace(/"/g, "");
- });
- header_schede.append("p")
- .append("span")
- .attr("class", "info uppercase")
- .text("Mercati:")
- .append("span")
- .text(function(d) {
- return " " + d["Mercati svolti"].replace(/"/g, "");
- });
- header_schede.append("p")
- .attr("class", "prodotti")
- .append("span")
- .attr("class", "info uppercase")
- .text("Prodotti offerti:")
- .append("span")
- .text(function(d) {
- return " " + d["checkbox-101"].replace(/"/g, "");
- });
- header_schede.append("p")
- .append("span")
- .attr("class", "info")
- .text("Trasformati:")
- .append("span")
- .text(function(d) {
- return " " + d["text-746"].replace(/"/g, "");
- });
- header_schede.append("p").attr("class","tratteggio");
- header_schede.append("p")
- .append("span")
- .attr("class", "info")
- .text("Ingredienti non autoprodotti (nei trasformati):")
- .append("span")
- .text(function(d) {
- return " " + d["textarea-491"].replace(/"/g, "");
- });
- /*Parte descrizione, collaborazioni e produzione (forse)*/
- schede_info.append("p")
- .append("span")
- .text("Descrizione:")
- .append("span")
- .text(function(d) {
- return " " + d["textarea-777"].replace(/"/g, "");
- });
- schede_info.append("p")
- .append("span")
- .text("Collaborazioni:")
- .append("span")
- .text(function(d) {
- return " " + d["textarea-627"].replace(/"/g, "");
- });
- schede_info.append("p")
- .append("span")
- .attr("class", "")
- .text("Produzioni (in ettari o capi o arnie o zone di raccolta):")
- .append("span")
- .text(function(d) {
- return " " + d["checkbox-119"].replace(/"/g, "") +
- " " + d["text-761"].replace(/"/g, "") +
- " " + d["textarea-933"].replace(/"/g, "") +
- " " + d["text-469"].replace(/"/g, "") +
- " " + d["textarea-381"].replace(/"/g, "") +
- " " + d["checkbox-271"].replace(/"/g, "") +
- " " + d["text-924"].replace(/"/g, "") +
- " " + d["textarea-112"].replace(/"/g, "") +
- " " + d["checkbox-895"].replace(/"/g, "") +
- " " + d["text-968"].replace(/"/g, "") +
- " " + d["textarea-453"].replace(/"/g, "") +
- " " + d["text-963"].replace(/"/g, "") +
- " " + d["checkbox-553"].replace(/"/g, "") +
- " " + d["text-45"].replace(/"/g, "") +
- " " + d["textarea-448"].replace(/"/g, "") +
- " " + d["checkbox-908"].replace(/"/g, "") +
- " " + d["text-436"].replace(/"/g, "") +
- " " + d["textarea-624"].replace(/"/g, "") +
- " " + d["checkbox-332"].replace(/"/g, "") +
- " " + d["number-509"].replace(/"/g, "") +
- " " + d["textarea-830"].replace(/"/g, "") +
- " " + d["checkbox-81"].replace(/"/g, "") +
- " " + d["text-561"].replace(/"/g, "") +
- " " + d["textarea-368"].replace(/"/g, "") +
- " " + d["checkbox-552"].replace(/"/g, "") +
- " " + d["number-156"].replace(/"/g, "") +
- " " + d["text-210"].replace(/"/g, "") +
- " " + d["checkbox-978"].replace(/"/g, "") +
- " " + d["text-741"].replace(/"/g, "") +
- " " + d["number-965"].replace(/"/g, "") +
- " " + d["text-302"].replace(/"/g, "") +
- " " + d["number-345"].replace(/"/g, "") +
- " " + d["text-605"].replace(/"/g, "") +
- " " + d["number-190"].replace(/"/g, "") +
- " " + d["text-629"].replace(/"/g, "") +
- " " + d["number-974"].replace(/"/g, "") +
- " " + d["text-683"].replace(/"/g, "") +
- " " + d["number-463"].replace(/"/g, "") +
- " " + d["text-892"].replace(/"/g, "") +
- " " + d["number-600"].replace(/"/g, "");
- /* inserire
- Checkbox-841 checkbox-332 checkbox-81 checkbox-552 Checkbox-978 checkbox-57 checkbox-106
- */
- });
- schede_info.append("p")
- .append("span")
- .attr("class", "")
- .text("Provenienza mangimi e foraggi qualora non autoprodotti:")
- .append("span")
- .html(function(d) {
- return " " + d["textarea-474"].replace(/"/g, "");
- });
- /*parte info aggiuntive, alcune da togliere dal csv*/
- schede_infoprivate.append("p")
- .append("span")
- .text("Referente di visita:")
- .append("span")
- .attr("class", "menoinfo")
- .text(function(d) {
- return " " + d["Referente visita ingresso"].replace(/"/g, "");
- });
- schede_infoprivate.append("p")
- .append("span")
- .attr("class", "menoinfo")
- .text("Desidera un altro mercato:")
- .append("span")
- .text(function(d) {
- return " " + d["Situazione mercato"].replace(/"/g, "");
- });
- schede_infoprivate.append("p")
- .append("span")
- .attr("class", "menoinfo")
- .text("Motivi/note (ingresso, sospensioni, espulsioni, visita GP)")
- .append("span")
- .text(function(d) {
- return " " + d["note"].replace(/"/g, "");
- });
- schede_infoprivate.append("p")
- .append("span")
- .attr("class", "menoinfo")
- .text("Targhe dei mezzi:")
- .append("span")
- .text(function(d) {
- return " " + d["text-697"].replace(/"/g, "");
- });
- schede_infoprivate.append("p")
- .append("span")
- .attr("class", "menoinfo")
- .text("Tipo di realtà:")
- .append("span")
- .text(function(d) {
- return " " + d["radio-226"].replace(/"/g, "");
- });
- schede_infoprivate.append("p")
- .append("span")
- .attr("class", "menoinfo")
- .text("Ragione sociale:")
- .append("span")
- .text(function(d) {
- return " " + d["text-10"].replace(/"/g, "");
- });
- schede_infoprivate.append("p")
- .append("span")
- .attr("class", "menoinfo")
- .text("Titolare:")
- .append("span")
- .text(function(d) {
- return " " + d["text-540"].replace(/"/g, "");
- });
- schede_infoprivate.append("p")
- .append("span")
- .attr("class", "menoinfo")
- .text("Codice fiscale:")
- .append("span")
- .text(function(d) {
- return " " + d["text-893"].replace(/"/g, "");
- });
- schede_infoprivate.append("p")
- .append("span")
- .attr("class", "menoinfo")
- .text("Partita IVA:")
- .append("span")
- .text(function(d) {
- return " " + d["text-878"].replace(/"/g, "");
- });
- schede_infoprivate.append("p")
- .append("span")
- .attr("class", "menoinfo")
- .text("Certificazione bio:")
- .append("span")
- .text(function(d) {
- return " " + d["radio-273"].replace(/"/g, "");
- });
- coseshuffle();
- scriviQuanti();
- }); // fine data Aziende();
- }; // fine Aziende();
- function coseshuffle() {
- $("#grid").shuffle({
- itemSelector: ".card"
- });
- // Attacchiamo una funzione di callback a un evento del form di input: viene eseguita ogni volta che il contenuto cambia
- // a causa della digitazione di un testo all'interno da parte dell'utente
- $("#search").on('keyup change', function() { // Eventi "rilascio di un pulsante della tastiera" e "cambio del contenuto"
- // Effettuando una ricerca in data-groups è necessario ripulire un po' sia le stringa di ricerca
- // (ignorando per$('#print').click(function() { esempio le maiuscole e altri caratteri non letterali) che quella in cui viene effettuata
- // la ricerca (che è il json di un array di stringhe)
- // per il numero delle card
- /* scriviQuanti();*/
- var val = this.value.toLowerCase().replace(/[^a-z] /g, ""); // Il valore digitato corrente
- $('#grid').shuffle('shuffle', function($el, shuffle) {
- // La funzione viene valutata per ogni elemento della grid:
- // se vera l'elemento viene tenuto, altrimenti viene nascosto
- return $el.data('groups').toLowerCase().indexOf(val) > -1;
- });
- scriviQuanti();
- });
- $("#search").autocomplete({
- source: dataset
- });
- };
- $(function() {
- // bottoni delle 3 liste
- $('#ingressi').click(function() {
- Pulisci();
- Aziende("./Excel_produttori/campiaperti-richieste-nuovi-ingressi.csv");
- $("header").addClass("ingressi");
- });
- $('#aziende').click(function() {
- Pulisci();
- Aziende("./Excel_produttori/campiaperti-aziende.csv");
- $("header").addClass("aziende");
- });
- $('#scartati').click(function() {
- Pulisci();
- Aziende("./Excel_produttori/campiaperti-scartati.csv");
- $("header").addClass("scartati");
- });
- // decidiamo di caricare per primo i produttori in CA
- Aziende("./Excel_produttori/campiaperti-aziende.csv");
- $("header").addClass("aziende");
- var my = [];
- /* NN LA STIAMO USANDOOOO*/
- $('#print').click(function() {
- my = $("h5");
- console.log("fdsfs");
- var doc = new jsPDF();
- doc.setFontSize(16);
- var i = 0;
- for (i = 0; i < my.length; i++) {
- doc.text(20, 30 + (10 * i), my[i].textContent);
- }
- //doc.setFontSize(16);
- //doc.text(20, 30, 'This is some normal sized text underneath.');
- // Output as Data URI
- doc.save('export_desidera_mercato.pdf');
- });
- });
- var quanti = 0;
- function scriviQuanti() {
- $("#quanti").empty();
- quanti = $(".card.filtered");
- console.log(quanti.length);
- quanti = quanti.length;
- $("#quanti").append(quanti);
- };
|