ywana-core8 0.0.312 → 0.0.315

package/package.json

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

package/src/domain/TablePage.js

@@ -1,4 +1,5 @@
 import equal from 'deep-equal'
+import { relativeTimeRounding } from 'moment'
 import React, { Fragment, useContext, useEffect, useMemo, useRef, useState } from 'react'
 import { Button, DataTable, DropDown, Header, Icon, MenuIcon, MenuItem, Text } from '../html'
 import { HTTPClient, Session } from '../http'
@@ -275,10 +276,19 @@ const TableFilters = (props) => {
         if (filters) setForm(filters)
     }, [filters])
 
+    useEffect(() => {
+        console.log("TableFilters onFormChanged", filters)
+        reload()
+    }, [form])
+
     async function change(next) {
         console.log("TableFilters.change()", next)
         setForm(next)
-        await pageContext.load(next)
+    }
+
+    async function reload() {
+        console.log("TableFilters.reload()", form)
+        await pageContext.load(form)
         setPageContext(Object.assign({}, pageContext))
     }
 

package/src/site/site.css

@@ -5,7 +5,7 @@
     display: grid;
     grid-template-columns: auto 1fr auto;
     grid-template-rows: var(--site-header-height) 1fr auto;
-    grid-template-areas: "header nav nav" "menu main aside" "footer footer footer";
+    grid-template-areas: "header header nav" "menu main aside" "footer footer footer";
     background-color: var(--background-color);
 }
 
@@ -35,7 +35,7 @@
     grid-area: menu;
     margin: 0;
     border-right: solid 1px var(--divider-color);
-    padding: .2rem;
+    padding: 0;
     color: var(--site-menu-color);
     background-color: var(--site-menu-bgcolor);
     display: flex;
@@ -44,12 +44,16 @@
     width: var(--site-menu-width);
 }
 
+.site6>menu>header {
+    border-bottom: solid 1px var(--divider-color);
+}
+
 .site6>menu.max {
     width: 20rem;
 }
 
 .site6>menu>main {
-    padding: .1rem;
+    padding: .4rem;
 }
 
 .site6>menu>main>.section-title {
@@ -77,8 +81,8 @@
 }
 
 .site6>menu>main>.site-menu-item.selected {
-    color: rgb(255, 255, 255);
-    background-color: rgb(60, 60, 60);
+    color: var(--accent-color-text);
+    background-color: var(--accent-color);
     border-radius: .5rem;
 }
 

package/src/site/site.js

@@ -193,8 +193,10 @@ const SiteMenu = ({ logo, title, children, min }) => {
 
     const style = sideNav === 'max' ? 'max' : 'min'
     const toggleIcon = sideNav === 'max' ? 'chevron_left' : 'chevron_right'
+    const menutTitle = sideNav === 'max' ? title : ''
     return (
         <menu className={`${style} ${showNav ? 'show' : ''}`}>
+            <Header title={menutTitle}/>
             <main >
                 {Object.keys(sections).map(title => (
                     <Fragment key={title}>