ywana-core8 0.0.952 → 0.0.954

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.952",
+  "version": "0.0.954",
   "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} />
                 default: return cell
             }
         } else {
@@ -244,6 +246,7 @@ const DataTableCell = ({ index, row, column, cell, editable }) => {
                 case "Boolean": return <BooleanCellViewer id={id} value={cell} />
                 case "String": return <StringCellViewer id={id} value={cell} format={format} options={options} action={action} />
                 case "Number": return <NumberCellViewer id={id} value={cell} format={format} maxDecimals={maxDecimals} />
+                case "Image": return <img src={cell} />
                 default: return cell
             }
         }
@@ -254,6 +257,20 @@ const DataTableCell = ({ index, row, column, cell, editable }) => {
     )
 }
 
+/**
+ * Image Cell Viewer
+ */
+const ImageCellViewer = ({ id, value, uploadURL }) => {
+
+    const canUpload = uploadURL ? true : false
+
+    return canUpload ? (
+        <Uploader view="icon" icon="cloud_upload" target={uploadURL} />
+    ) : (
+        <img src={value} />
+    )
+}
+
 /**
  * Entity Cell Viewer
  * @param {*} param0