ywana-core8 0.0.220 → 0.0.224

package/package.json

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

package/src/domain/TablePage.css

@@ -25,3 +25,45 @@ 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;
+}
+
+.table-row-editor>header,
+header.table-queries,
+header.table-filters {
+    border-bottom: solid 1px var(--divider-color);
+    background-color: rgba(220,220,220,.5);
+}
+
+main.table-queries,
+main.table-filters {
+    flex: 1;
+}
+
+td.entity-cell {
+    background-color: rgba(240,240,240,.4);
+}

package/src/domain/TablePage.js

@@ -20,9 +20,10 @@ export const TablePage = (props) => {
     const { id = "table",
         icon, title, name,
         schema, url, field,
-        actions = [], dev = false, tableActions, selectionActions = [],
-        editable, canFilter = false, canQuery = false, canAdd = true, canDelete = true,
         autosave = true, delay = 1000,
+        editable, 
+        actions = [], dev = false, tableActions, selectionActions = [],
+        canFilter = false, canQuery = false, canAdd = true, canDelete = true, canEdit = true
         groupBy, validator, scenario,
         formFilter, tableFilter, editorFilter = false
     } = props
@@ -96,7 +97,7 @@ export const TablePage = (props) => {
         if (rowSelected || rowChecked) {
             return (
                 <aside className="table-page">
-                    {rowSelected ? <TableRowEditor content={new Content(schema, form)} filter={editorFilter} onChange={change} onClose={closeAside} editable={editable}/> : null}
+                    {rowSelected ? <TableRowEditor content={new Content(schema, form)} filter={editorFilter} onChange={change} onClose={closeAside} editable={canEdit}/> : null}
                     {rowChecked ? <TableSelector schema={schema} actions={selectionActions} /> : null}
                 </aside>
             )
@@ -241,7 +242,7 @@ const TableFilters = (props) => {
     return (
         <Fragment>
             <Header className="table-filters" title={<Text>Filters</Text>} >
-                <Button icon="filter_list_off" label="Clean" action={clear} />
+                <Icon icon="filter_list_off" size="small" clickable action={clear} />
             </Header>
             <main className="table-filters">
                 <ContentEditor content={content} onChange={change} />

package/src/site/layouts.css

@@ -17,6 +17,14 @@
     min-height: 3rem;
 }
 
+.workspace>main {
+    resize: horizontal;
+}
+
+.workspace>aside {
+    width: 100%;
+}
+
 .overall {
     position: absolute;
     top:0;