ywana-core8 0.0.595 → 0.0.596

package/package.json

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

package/src/domain/ContentViewer.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import { Property } from '../html'
-import { Content, TYPES } from './ContentType'
+import { Content, FORMATS, TYPES } from './ContentType'
 import './ContentViewer.css'
 
 /**
@@ -48,11 +48,11 @@ const FieldViewer = (props) => {
     const { type, item, label, visible = true, optional } = field
 
     if (!visible) return null
-    if (optional && value === undefined ) return null;
+    if (optional && value === undefined) return null;
 
     switch (type) {
         case TYPES.STRING:
-            return <Property label={label} value={value} options={field.options}/>
+            return <StringViewer field={field} value={value} />
         case TYPES.ENTITY:
             return <EntityViewer field={field} value={value} />
         case TYPES.ARRAY:
@@ -83,6 +83,24 @@ const EntityViewer = (props) => {
     )
 }
 
+/**
+ * StringViewer
+ */
+const StringViewer = (props) => {
+    const { field, value } = props
+    const { id, format, label, options, editable = true, predictive = false, multivalue = false, Editor } = field
+    switch (format) {
+        case FORMATS.IMG:
+            return (
+                <div className='img-field'>
+                    <img src={value} />
+                </div>
+            )
+        default:
+            return <Property label={label} value={value} options={options} />
+    }
+}
+
 
 /**
  * Array Viewer
@@ -102,7 +120,7 @@ const ArrayViewer = (props) => {
                 <tbody>
                     {value.map(v => (
                         <tr>
-                            { Object.keys(item).map(key => <td key={v[key]}>{v[key]}</td>) }
+                            {Object.keys(item).map(key => <td key={v[key]}>{v[key]}</td>)}
                         </tr>
                     ))}
                 </tbody>