@massimo-cassandro/minimo 1.4.3 → 1.4.5

package/charts/TODO.md

@@ -1,2 +1,4 @@
 completare
 aggionare la documentazione e aggiungere i test a demo (in _wrk)
+
+implementare tooltip nativo nei file svg, ora viene aggiunto un data-title, ma non è gestito

package/charts/src/helpers/cartesian-axis.js

@@ -39,7 +39,7 @@ export async function cartesianAxis(chartInstance, {
   // se true le etichette sono posizionate in corrispondenza dei ticks
   // altrimenti sono centrate nello spazio corispondente a stepX_size
   xLabelsOnTicks = true,
-  labelYFormatter = null // funzione
+  labelYFormatter = null, // funzione
 }) {
 
   try {

package/charts/src/helpers/parse-std-axis-opts.js

@@ -14,8 +14,8 @@ export function parseStdAxisOpts(params = {} ) {
   try {
 
 
-// TODO eti_asseX_height e eti_asseY_width capire se è possibile inserire un calcolo dinamico delle dimensioni
-//     mettere quindi auto (o null) come default che innesci il calcolo automatico
+    // TODO eti_asseX_height e eti_asseY_width capire se è possibile inserire un calcolo dinamico delle dimensioni
+    //     mettere quindi auto (o null) come default che innesci il calcolo automatico
     const parsed = {};
 
     // default
@@ -65,7 +65,6 @@ export function parseStdAxisOpts(params = {} ) {
     const legenda_height = params.legenda?.height?? 0;
     const gap_legenda = legenda_height? 10 : 0; // spazio tra legenda e grafico
 
-console.log(params.eti_asseY_width, params.ticksLength, params.padding);
 
     // =>> chart area
     // coordinate e dimensioni del rettangolo interno all'svg entro cui viene disegnato il grafico

package/charts/src/lines.js

@@ -157,7 +157,8 @@ const default_params = {
   */
   data_lines_widths: null,
 
-
+  // aggiiunge un attributo data-title in corrispondenza dei punti
+  addValuesTitle: true,
 
   /**
     Funzione per formattare le etichette dei valori dell'asse Y.
@@ -353,7 +354,8 @@ export async function lines(params) {
             fill: params.data_lines_attrs[idx].stroke,
             cx: point[0],
             cy: point[1],
-            'data-debug-info': params.debug? `Valore: ${params.values[idx][coord_idx]}` : null
+            'data-debug-info': params.debug? `Valore: ${params.values[idx][coord_idx]}` : null,
+            // 'data-title': params.addValuesTitle? params.values[idx][coord_idx] : null // TODO ricontrollare correttezza indici
           });
       });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.4.3",
+  "version": "1.4.5",
   "description": "Light css framework & utilities",
   "type": "module",
   "homepage": "https://github.com/massimo-cassandro/minimo#readme",

package/src/web-components/s-datatable-component/s-datatable-component.js

@@ -587,13 +587,13 @@ class SimpleDatatableAdapter extends HTMLElement {
             col_item.render = null; // se presente lo annulla ad evitare conflitti
             value = resolveTemplate(col_item._cellRender, row, { nullAs, warnColIdx: col_idx });
 
-          } else if (col_item._renderMode === 'sf_datetime' && value != null) {
+          // sf_date o sf_datetime -> si prende il solo valore di date
+          } else if ((col_item._renderMode === 'sf_datetime' || col_item._renderMode === 'sf_date') && value != null) {
             value = value.date.replace(' ', 'T') +
               (value.timezone === 'UTC' ? 'Z' : '');
           }
 
-
-// TODO rendere più snella la gestione di questoi casi (???)
+// TODO rendere più snella la gestione di questi casi (???)
 // TODO pasare il valore `nullAs` al render predefinito
           // Applica _renderNullAs al valore della cella se null/undefined
           // e la cella non ha già un template che gestisce la visualizzazione.

package/src/web-components/s-datatable-component/src/parse-cols.js

@@ -10,7 +10,7 @@ import checkIcon from '../../../icons/check-bold.svg?inline';
 import xIcon from '../../../icons/x-bold.svg?inline';
 
 // col_obj è l'oggetto che descrive una singola colonna del datatable
-// vine utilizzato per produrre l'oggetto columns di simple-datatable
+// viene utilizzato per produrre l'oggetto columns di simple-datatable
 export function parseCols(col_obj){
 
 
@@ -70,8 +70,12 @@ export function parseCols(col_obj){
         }
       };
 
-    // gestione campi data symfony
-    } else if(col_obj._renderMode === 'sf_datetime') {
+    // campi date e datetime, symfony e no
+    // nel caso di datetime/date symfony, il valore è stato già preelaborato da _load
+    } else if(['sf_datetime', 'sf_date', 'date', 'datetime'].includes(col_obj._renderMode)) {
+
+      const _isDatetime = ['sf_datetime', 'datetime'].includes(col_obj._renderMode);
+
       return {
         ...col_obj,
         type: 'string',
@@ -85,27 +89,29 @@ export function parseCols(col_obj){
             "timezone": "UTC"
           } */
 
-
           if(value == null) {
             cell.attributes['data-order'] = ' ';
             return '\u2014';
 
           } else {
 
-            cell.attributes['data-order'] = value;
-
             const dateObj = new Date(value);
 
+
+            cell.attributes['data-order'] = _isDatetime? value : value.substring(0,10);
+
             return `<span class="text-nowrap">${dateObj.toLocaleString('it-IT', {
               year: '2-digit',
               month: 'short',
               day: 'numeric',
             })}</span>` +
-            `\u2009<span class="text-xs">${dateObj.toLocaleString('it-IT', {
-              hour12: false,
-              hour:'2-digit',
-              minute:'2-digit'
-            })}</span>`;
+              (_isDatetime
+                ? `\u2009<span class="text-xs">${dateObj.toLocaleString('it-IT', {
+                  hour12: false,
+                  hour:'2-digit',
+                  minute:'2-digit'
+                })}</span>`
+                : '');
           }
 
         }