ywana-core8 0.0.954 → 0.0.956

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.954",
+  "version": "0.0.956",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/html/table.js

@@ -236,7 +236,7 @@ const DataTableCell = ({ index, row, column, cell, editable }) => {
                 case "TEXTFIELD": return <TextField id={id} value={cell} onChange={(id, value) => onChange(row.id, id, value)} />
                 case "String": return <StringCellEditor id={id} value={cell} options={options} onChange={(id, value) => onChange(row.id, id, value)} />
                 case "Number": return <TextField id={id} type="number" value={cell} min={min} max={max} maxDecimals={column.maxDecimals} onChange={(id, value) => onChange(row.id, id, value)} />
-                case "Image": return <ImageCellViewer id={id} value={cell} uploadURL={column.uploadURL} />
+                case "Image": return <ImageCellViewer id={id} value={cell} uploadURL={column.uploadURL} onUpload={column.onUpload} />
                 default: return cell
             }
         } else {
@@ -260,15 +260,23 @@ const DataTableCell = ({ index, row, column, cell, editable }) => {
 /**
  * Image Cell Viewer
  */
-const ImageCellViewer = ({ id, value, uploadURL }) => {
+const ImageCellViewer = ({ id, value, uploadURL, onChange }) => {
 
-    const canUpload = uploadURL ? true : false
+    function success(file, message) {
+        if (onChange) onChange(id, file, message)
+    }
 
-    return canUpload ? (
-        <Uploader view="icon" icon="cloud_upload" target={uploadURL} />
-    ) : (
-        <img src={value} />
-    )
+    function error(file, message) {
+        if (onChange) onChange(id, file, message)
+        console.error(message)
+    }
+
+    return (
+        <div className="image-cell">
+            <img src={value} />
+            { uploadURL ? <Uploader view="icon" icon="cloud_upload" target={uploadURL} onSuccess={success} onError={error} /> : null }
+        </div>
+    ) 
 }
 
 /**