ywana-core8 0.0.375 → 0.0.376

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.375",
+  "version": "0.0.376",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/domain/ContentType.js

@@ -19,7 +19,8 @@ export const FORMATS = {
     TIME: 'time',
     EMAIL: 'email',
     HTML: 'HTML',
-    URL: 'URL'
+    URL: 'URL',
+    IMG: 'IMG',
 }
 
 /**

package/src/html/table.css

@@ -52,4 +52,8 @@
     white-space: nowrap;
     max-width: 10rem;
     color: var(--text-color-light);
-}   
+}   
+
+.datatable8 .string-viewer img {
+    height: 5rem;
+}

package/src/html/table.js

@@ -144,8 +144,10 @@ const DataTableRow = (props) => {
  */
 const DataTableCell = ({ row, column, cell, editable }) => {
 
+    
     const render = (type) => {
         const { id, disabled = false, min, max, onChange, format, options, item } = column
+       
         if (id === "checked") {
             return <CheckBox id={id} value={cell} onChange={(id, value) => onChange(row.id, id, value)} />
         } else if (editable && onChange) {
@@ -208,18 +210,25 @@ const StringCellViewer = ({ id, value, format, options }) => {
       }
       
     const option = options ? buildOptions().find(o => o.value === value) : null
-
     let text = option ? option.label : value
     const locale = window.navigator.userLanguage || window.navigator.language;
     switch (format) {
+        case FORMATS.URL:
+            text = <a href={text} target="download" download >{text}</a>
+            break;
+        case FORMATS.IMG: 
+            text = <img src={text} />
+            break;
         case FORMATS.DATE: 
             let fecha = new Date(text)
             fecha.setMinutes(fecha.getMinutes() + fecha.getTimezoneOffset() + 1)
             text = fecha.toLocaleString( locale, { year: 'numeric', month: 'numeric', day: 'numeric'});
             break;
         case FORMATS.TIME: 
-            text = new Date(text).toLocaleString( locale, { year: 'hour', month: 'minute', day: 'second' }); break;
+            text = new Date(text).toLocaleString( locale, { year: 'hour', month: 'minute', day: 'second' }); 
+            break;
     }
+    console.log(value, format)
     return (<div className="field-editor string-viewer">{text}</div>)
 }
 

package/src/html/table.test.js

@@ -15,11 +15,12 @@ const TableTest = (prop) => {
         columns : [
             { id: "checked", onChange: check },
             { id: "name", label: "Name" },
+            { id: "thumb", label: "Thumb", type: "String", format: "IMG" },
 
         ],
         rows: [
-            { checked: true, name: "John Smith"},
-            { checked: false, name: "Ann Martin"},
+            { checked: true, name: "John Smith", thumb: "https://w7.pngwing.com/pngs/881/826/png-transparent-pikachu-ash-ketchum-pokemon-vrste-pikachu-leaf-flower-meme-thumbnail.png"},
+            { checked: false, name: "Ann Martin" },
         ]
     }
 

package/src/http/client.js

@@ -2,7 +2,6 @@ async function fetchAsync(method, URL, body = null, token, headers) {
 
   console.log('FETCH', method, URL)
 
-
   const requestHeaders = Object.assign({}, {
     "Accept": "application/json",
     "Content-Type": "application/json",