ondata/appaltipop.it

Website of AppaltiPOP project powered by NextJS.

appaltipop.it's Issues

Compilare le pagine statiche

Al momento le pagine statiche hanno un contenuto placeholder:

• https://dev.appaltipop.it/it/get-involved
• https://dev.appaltipop.it/it/about
• https://dev.appaltipop.it/it/faq
• https://dev.appaltipop.it/it/cc

Al momento si può fare solo agendo sui file di localizzazione nella cartella src/locales/, ma possiamo pensare a un'alternativa più comoda (es. file .md).

Grafici sugli appalti

@aborruso Sto pensando che forse potremmo fare una specie di pagina di grafici come quella fatta da te per covid sicilia

https://opendatasicilia.github.io/COVID-19_Sicilia/

partendo dai dati che hai creato qui ondata/appaltipop#31

Correggere le CTA senza link

Al momento (quasi) tutti i pulsanti associati alle CTA non hanno veri link (href="#"). Si possono modificare nei file di localizzazione in src/locales/.

Cambiare la label di "nessun risultato" nelle pagine di ricerca

adesso è così: common:search.noResults

metterei in italiano: Nessun risultato trovato

[Ricerca] Permettere una ricerca con il campo libero vuoto

[Localizzazione] Nascondere il language switcher

Pagina di ricerca appalti: inserire il filtro 'redflag'

Dovremmo inserire un filtro che permette di mostrare solo chi appalti che hanno redflags.

aggiungo screenshot su ipotetica soluzione (a scopo dimostrativo)

Feedback dell'utente sul singolo appalto

Lo metto come segnaposto qui, poi ne parliamo.
L'utente dovrebbe poterci dare un feedback sul singolo appalto se ad esempio il dato è sbagliato.
L'idea potrebbe essere:

• l'utente vede l'errore
• clicca sulla scritta in basso a destra
• viene mandato sulle issue di github
• lascia il feedback

Giusto come esempio ho fatto una prova, in basso

[Ricerca] Aggiungere il filtro sulla tipologia di gara

Il campo è ocds:releases/0/tender/procurementMethodDetails.

[Ricerca] Ricerca di default

Quando si entra nella pagina del motore di ricerca, dovrebbero vedersi tutti gli appalti ordinati dal più recente (startDate).

Menu "Scarica csv" da modificare

Caro @JpTapo ,
due modifiche principali:

• Scarica csv diventa Scarica;
• e diventa un menu che (al mouse over o al click, proponi tu) ti elencherà due o più formati (li stiamo definendo, ma saranno qualcosa come CSV, OCDS, ecc.). Penso in ogni caso non più di 3 voci in elenco.

Questa voce di menu, visto che è riferita al download in blocco, ha senso che stia soltanto nella pagina principale del buyer, della PA cc @jenkin

grazie

[Redflag] Definizione degli indicatori veri

Va compilato questo file con i dati definitivi: https://github.com/ondata/appaltipop.it/blob/master/src/locales/it/redflags.json.

Risultati ricerca: organizzazione e formattazione

I risultati della ricerca dovrebbero essere opportunamente formattati in una tabella con le intestazione come questa che faccio i di esempio e non come lo screenshot in basso

Codice fiscale / Partita IVA	Chiave primaria (Pa / Appalto / Aggiudicatario)	Chiave secondaria 1	chiave secondaria 2	red flags
IT-CF-1386030488	Regione Toscana	Nome/Num Appalto/i	Nome/Num Aggiudicatario/i	red flags
..	..	..	..	..

Ovviamente mi è chiaro che ci sono molti elementi di complessità da valutare in generale sulla ricerca... Parliamone!

[Ricerca] Aggiungere dipendenza Regione > Pubblica amministrazione

[CTA] Title and url

Nella pagina di singolo tender sono presenti due pulsanti per altrettante call to actions (esempio). Serve tradurre il titolo e inserire l'url di destinazione.

I testi da tradurre sono definiti nei file /src/locales/[language]/cta.json (italiano, inglese).

Ripulire le pagine di singole entità

Pagine di singolo supplier e buyer:

• testo informativo redflags
• indici di controllo
• grafici di monitoraggio

Pagina di singolo tender:

• grafici di monitoraggio

Larghezza dei contenitori nelle pagine

Il menu delle pagine è più largo del contenuto (screenshot 1)
Dovrebbe invece avere larghezza uguale (screenshot 2)

Singolo appalto / modificare pulsanti FOIA e Whistleblowing

Nella pagina singolo appalto - screenshot in basso - abbiamo due pulsanti che fanno modificati.

Testo pulsanti:

• Fai una richiesta di accesso civico FOIA
• Fai una segnalazione di Whistleblowing

Link pulsanti
Al click dell'utente, si apre una modale con all'interno le informazioni specifiche.
Avremo quindi:

• modale FOIA
• modale Whistleblowing

Testi modal
saranno in markdown e li scrive @nelsonmau

Da definire: box dei "partner di monitoraggio"

È tutto da capire, perché in teoria va aggiunto a mano tutte le volte che un partner aderisce.

Per il momento lo nasconderei ovunque

Paginazione dei risultati per il singolo supplier e buyer

Al momento nelle pagine di singolo buyer (esempio) e di singolo supplier (esempio) le liste degli appalti (e dei supplier nel caso del buyer) presentano solo i primi 25 risultati. Dovrebbe essere attivata la paginazione e/o la ricerca anche per queste liste.

[Pagine statiche] Rimuovere pagina Credits

./credits

è ridondante rispetto a Chi siamo / about

Pagine ricerca: inserire Autocomplete

per facilitare l'utente nella navigazione

[Navbar] Sistemare la larghezza

C'è un padding laterale di troppo, il logo è leggermente rientrato a destra rispetto al resto del contenuto della pagina.

Problemi ad eseguire l'app in locale

clonando il tutto e avviando npm in locale vedo questo errore

Da quando leggo in giro sembra che sia un problema di configurazione legato all'esecuzione del docker di elastic.

La settimana scorsa invece non avevo alcun problema, per cui lo segnerei come bug.

Puoi fixare @jenkin ?
grazie

[Testi] Gestione dei testi lunghi

Va migliorata la gestione dei testi in markdown, soprattutto se sono lunghi. Questo vale per i testi delle sezioni in home, ma anche di quelli delle pagine statiche.

[Tender] Titoli lunghi e mal formattati

Spesso il titolo degli appalti è molto lungo, in maiuscolo, mal formattato (esempio). Bisognerebbe trasformarne il testo ovunque in maniera opportuna per rendere più piacevole ed efficace la lettura.

Ricerca aggiudicatari

permetterei la ricerca per due valori:

• codice fiscale / partita iva
• nome

Label: inserirei Cerca un aggiudicatario in base al nome oppure codice fiscale e partita iva

se è complesso fare la ricerca sui due valori, mettiamone uno dei due e amen

[Monitored By] Title and description

Nella pagina di singolo tender è presente un box con il logo di un ente monitorante (esempio). Servono ulteriori informazioni su questo elemento:

• in quale database ci sono i soggetti monitoranti e le relazioni soggetto -> [monitora] -> appalto?
• la descrizione dipende dal soggetto monitorante o è fissa per tutti?
• serve un url per un eventuale link sul logo del soggetto?

Update static assets

Vector and bitmap images...

[Ricerca] Aggiungere ricerca per cig o cf

Menu nav: cambiare label pubbliche amministrazioni proponenti

diventa Pubbliche amministrazioni

[Paginazione] Semplificare su mobile

Bisogna evitare che su mobile l'elenco delle pagine vada a capo...

Istruzioni più dettagliate per l'installazione

@jenkin puoi scrivere delle istruzioni più dettagliate per l'installazione in locale sul Readme
grazie

Le definizioni delle redflags non corrispondono

Dopo l'ultimo aggiornamento abbiamo anche le redflag nel db. Ma le informazioni estratte dai file json non corrispondono a quelle presenti finora nei file di localizzazione. Né per numero di redflag, né per i testi associati. Come la gestiamo? Tenendo conto che nel db non possiamo gestire la doppia lingua dei testi...

Verificare meta tag di ogni pagina

[CTA] Aggiungere CtaButton per anomalie dati

Indicatori reali in homepage e caricamento 'automatizzato'

In questo momento in homepage prevediamo una sezione redflag con all'interno testo scritto a mano.

Propongo di introdurre una parte dinamica in questa sezione nella quale viene inserito autonomaticamente un elenco degli indicatori/redflags in base a quelli realmente disponibili.

è importante anche perché in questo momento in nessuna parte del sito è visibile questo elenco di indicatori disponibili. Questa cosa credo si possa fare facilmente stampando in HP il contenuto di questo file

CTA nella pagina di singolo appalto

I due pulsanti "Fai una richiesta FOIA all'ente appaltante" e "Soffia il fischio di errori su questo tenero" non sono conformi al mockup.

[Navbar] Evidenziare la voce della pagina corrente

[Redflags] Title, summary and description

Al momento abbiamo definito 3 redflag con codici 01, 02 e 03. Ognuna prevede tre testi: title, summary e description. I testi sono poi mostrati nella pagina di singolo tender (esempio) in un accordion (vedi immagine allegata).

I testi da tradurre sono definiti nei file /src/locales/[language]/redflags.json (italiano, inglese).

[Lista appalti] Sistemare il layout

Le liste di appalti (esempio) si vedono spesso molto male a causa di contenuti molto lunghi e mal formattati. Bisogna trovare una strategia che assicuri una visualizzazione efficace indipendentemente dalla qualità dei dati.

[Markdown] Target _blank per tutti e soli i link esterni

Aggiornare elasticsearch alla v7.8.0

Vedi ondata/appaltipop#50

permalink risultati ricerca

Caro @jenkin so probabilmente è una cosa "pesante" da mettere in piedi, ma la trovo importante, e te la propongo.

Se faccio una ricerca, con i risultati IO faccio di solito due cose: mi salvo l'URL da qualche parte per ritornarci, inserisco quell'URL in un'email/chat per dire a tizio "guarda ad esempio qui".

Se fosse possibile associargli un URL (che tenga conto di criteri di ricerca e "pagina"), sarebbe una gran cosa

[Download] Link al file originale

Nella pagina dei download si possono scaricare i dati di ogni buyer in vari formato (al momento json e xlsx). Nei dati è presente anche un link alla risorsa originale (attributo appaltipop:releases/0/buyer/dataSource/url) che però non viene mostrato da nessuna parte.

Testi <p>

In questo momento la dimensione e l'interlinea dei testi mi sembrano un po' confliggenti: size troppo grande rispetto all'interlinea.

Se vogliamo copiare da Medium (spero di sì! <3) mi pare che il valore corretto (in termini relativi) sia passare da line-height: 1.43 a line-height: 1.6.

I valori di medium infatti al momento sono:
font-size: 21px
line-height: 32px

P.s.: faccio notare al nostro esperto frontendista @jenkin che Medium, che è il progetto che ha letteralmente cambiato lo stile del content publishing editoriale online (info qui), a differenza nostra specifica valori assoluti e non relativi. Io al posto del nostro frontendista un bagnetto nell'acqua santa dell'umiltà me lo farei! :-)

Risultati della ricerca in rosso vermiglio?

perché li vedo così?

[DEPRECATED] [Localization] General info

Tutte le stringhe localizzate sono nella cartella /src/locales/, divise per lingua e namespace. Vanno modificati solo i valori del json, non le chiavi.

Ecco quelle in italiano:

• common.json - Tutte le stringhe generali usate in tutto il sito
• home.json - Contenuti della pagina home, alcune stringhe supportano il markdown
• get-involved.json - Contenuti della pagina get-involved, ogni stringa dell'array body è un paragrafo, supporta il markdown
• about.json - Contenuti della pagina about, ogni stringa dell'array body è un paragrafo, supporta il markdown
• cc.json- Contenuti della pagina cc, ogni stringa dell'array body è un paragrafo, supporta il markdown
• faq.json - Contenuti della pagina faq, ogni stringa dell'array body è un paragrafo, supporta il markdown
• buyer.json - Contenuti della pagina della singola pubblica amministrazione (esempio)
• supplier.json - Contenuti della pagina del singolo aggiudicatario (esempio)
• tender.json - Contenuti della pagina del singolo appalto (esempio)
• cta.json - Tutti i bottoni
• redflags.json - Tutte le redflag
• search.json - Tutto ciò che riguarda in generale i form di ricerca

Fatte queste poi le traduciamo in inglese nei file corrispondenti nella cartella /en.

[Buyers] Nascondere i buyer non presenti in anagrafica

[Charts] Title and description

Al momento abbiamo definito 3 grafici a ciambella (donut) e uno a barre (bar) per la pagina di singolo tender (esempio).

I testi da tradurre sono definiti nei file /src/locales/[language]/tender.json (italiano, inglese).