ywana-core8 0.0.953 → 0.0.955

package/package.json

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

package/src/html/table.js

@@ -5,6 +5,7 @@ import { CheckBox } from './checkbox'
 import { Icon } from './icon'
 import { Text } from './text'
 import './table.css'
+import { Uploader } from '../widgets/upload/Uploader'
 
 const isFunction = value => value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 
@@ -235,6 +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} onUpload={column.onUpload} />
                 default: return cell
             }
         } else {
@@ -255,6 +257,29 @@ const DataTableCell = ({ index, row, column, cell, editable }) => {
     )
 }
 
+/**
+ * Image Cell Viewer
+ */
+const ImageCellViewer = ({ id, value, uploadURL, onUpload }) => {
+
+    const canUpload = uploadURL ? true : false
+
+    function success(file, message) {
+        if (onUpload) onUpload(id, file, message)
+    }
+
+    function error(file, message) {
+        if (onUpload) onUpload(id, file, message)
+        console.error(message)
+    }
+
+    return canUpload ? (
+        <Uploader view="icon" icon="cloud_upload" target={uploadURL} onSuccess={success} onError={error} />
+    ) : (
+        <img src={value} />
+    )
+}
+
 /**
  * Entity Cell Viewer
  * @param {*} param0