ywana-core8 0.0.595 → 0.0.598

package/package.json

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

package/src/domain/CollectionPage.js

@@ -20,7 +20,7 @@ export const CollectionPage = (props) => {
         icon, title, name = "Collection 1", className,
         schema, url, field, host, page, fetching = false,
         actions = [], onSelect,
-        canFilter = false, canAdd = false, canDelete = false, canEdit = false, searchBy,
+        canFilter = false, canAdd = false, canDelete = false, canEdit = false, searchBy, addValidator,
         autosave = false, delay = 1000,
         groupBy, levels, sorter,
         editor,
@@ -55,7 +55,7 @@ export const CollectionPage = (props) => {
             await pageContext.create(form);
             setPageContext(Object.assign({}, pageContext))
         }
-        site.openDialog(<CreateContentDialog label={`${name}`} type={schema} onOK={onOK} />);
+        site.openDialog(<CreateContentDialog label={`${name}`} type={schema} onOK={onOK} validator={addValidator} />);
     }
 
     function renderActions() {

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'
 
 /**
@@ -45,14 +45,15 @@ export const ContentViewer = (props) => {
 const FieldViewer = (props) => {
 
     const { field, value } = props
-    const { type, item, label, visible = true, optional } = field
+    const { type, item, label, visible = true, optional, hidden = false } = field
 
     if (!visible) return null
-    if (optional && value === undefined ) return null;
+    if (optional && value === undefined) return null;
+    if (hidden) 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 +84,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 +121,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>