ywana-core8 0.0.217 → 0.0.221

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.217",
+  "version": "0.0.221",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/domain/CollectionPage.js

@@ -315,7 +315,25 @@ export const CollectionContext = (url, field) => {
 const CollectionAPI = (url) => {
 
     return {
-        all() {
+        all(filters) {
+            let queryParams = "?"
+            if (filters) {
+                const filterQuery = Object.keys(filters).reduce((query, key) => {
+                    const value = filters[key]
+                    if (typeof (value) === 'boolean') {
+                        return query.concat(`${key}=${value}&`)
+                    } else if (Array.isArray(value)) {
+                        const param = value.length === 0 ? '' : value.reduce((param, item) => {
+                            param = param.concat(`${key}=${item}&`)
+                            return param
+                        }, "")
+                        return query.concat(param)
+                    } else {
+                        return query.concat(`${key}=%${filters[key]}%&`)
+                    }
+                }, "")
+                queryParams = queryParams.concat(filterQuery)
+            }
             return http.GET(url)
         },
 

package/src/domain/TablePage.css

@@ -25,3 +25,29 @@ main.table-editor {
     overflow: auto;
 }
 
+.table-selector {
+    display: flex;
+    flex-direction: column;
+}
+
+.table-selector>header {
+    border-bottom: solid 1px var(--divider-color);
+    background-color: rgba(220,220,220,.5);
+}
+
+.table-selector>main {
+    flex: 1;
+}
+
+.table-selector>main>.datatable8 {
+    margin: 0;
+}
+
+.table-selector>footer {
+    padding: .5rem;
+    display: flex;
+}
+
+.table-selector>footer>* {
+    flex: 1;
+}

package/src/domain/TablePage.js

@@ -165,7 +165,8 @@ const TableSelector = (props) => {
     const rows = all.filter(item => checked.has(item.id))
     const table = {
         columns: [
-            { id: "idMatricula", label: "ID Matricula" }
+            { id: "id", label: "ID" },
+            { id: "idMatricula", label: "ID Matricula" },
         ],
         rows: rows || []
     }

package/src/html/table.js

@@ -76,7 +76,7 @@ export const DataTable = (props) => {
                     <tr>
                         {columns.map(({ id, label, type, item, sortable }) => {
                             const sort = sortDir[id] ? sortDir[id] : null
-                            const [rowspan, colspan] = type === TYPES.ENTITY ? [1, Object.keys(item).length] : [2, 1]
+                            const [rowspan, colspan] = type === TYPES.ENTITY ? [1, Object.values(item).filter(v=>v.column===true).length] : [2, 1]
                             return (
                                 <th rowSpan={rowspan} colSpan={colspan}>
                                     {id === "checked" ? <CheckBox onChange={checkAll} /> : <Text key={`th_${id}`}>{label}</Text>}
@@ -185,7 +185,7 @@ const EntityCellViewer = ({ id, item, value }) => {
     console.log(id, item, value)
     const fields = Object.values(item).filter(field => field.column === true)
     return fields.map( field => {
-        return (<td key={column.id} className={`entity-cell ${column.id}`} >{value[field.id]}</td>)
+        return (<td key={field.id} className={`entity-cell ${field.id}`} >{value[field.id]}</td>)
     })
 }