ywana-core8 0.0.297 → 0.0.300

package/package.json

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

package/src/domain/TablePage.css

@@ -66,4 +66,13 @@ main.table-filters {
 
 td.entity-cell {
     background-color: rgba(240,240,240,.4);
+}
+
+.table-queries-item {
+    display: flex;
+    align-items: center;
+}
+
+.table-queries-item>label {
+    flex: 1;
 }

package/src/domain/TablePage.js

@@ -22,7 +22,8 @@ export const TablePage = (props) => {
         autosave = true, delay = 1000,
         editable,
         actions = [], dev = false, tableActions, selectionActions = [],
-        canFilter = false, canQuery = false, canAdd = true, canDelete = true, canEdit = true,
+        canFilter = false, canAdd = true, canDelete = true, canEdit = true,
+        canQuery = false, urlQuery,
         groupBy, validator, scenario,
         formFilter, tableFilter, editorFilter = false
     } = props
@@ -46,8 +47,9 @@ export const TablePage = (props) => {
     }, [form])
 
     useEffect(async () => {
-        const context = TableContext(url, field, host)
+        const context = TableContext(url, field, host, urlQuery)
         await context.load()
+        if (canQuery) await context.loadQueries()
         setPageContext(context)
     }, [])
 
@@ -62,7 +64,7 @@ export const TablePage = (props) => {
     function saveQuery(filters) {
         const onOK = async (form) => {
             form.filters = filters
-            await pageContext.createQuery(form)
+            await pageContext.createQuery(form, urlQuery)
             setPageContext(Object.assign({}, pageContext))
         }
         site.openDialog(<CreateContentDialog label="Nueva query" type={QUERY} onOK={onOK} />)
@@ -134,7 +136,7 @@ export const TablePage = (props) => {
             </Header>
             {canQuery || canFilter ? (
                 <menu className="table-page">
-                    {canQuery ? <TableQueries schema={schema} /> : null}
+                    {canQuery ? <TableQueries schema={schema} url={urlQuery}/> : null}
                     {canFilter ? <TableFilters schema={schema} onSave={saveQuery}/> : null}
                 </menu>
             ) : null }
@@ -209,22 +211,34 @@ const TableSelector = (props) => {
 const TableQueries = (props) => {
 
     const [pageContext, setPageContext] = useContext(PageContext)
+    const { url } = props
+    const { queries= [
+        { name: "Query 1", filters: {}},
+        { name: "Query 2", filters: {}},
+        { name: "Query 3", filters: {}},
+    ] } = pageContext
 
     useEffect(() => {
         pageContext.loadQueries()
     }, [])
 
-
-    const queries = [1,2,3 ]
+    
+    async function remove(id) {
+        await pageContext.removeQuery(id, url)
+        setPageContext(Object.assign({}, pageContext))
+    }
+    
     return (
         <Fragment>
             <Header className="table-queries" title={<Text>Queries</Text>} />
             <main className="table-queries">
-                {queries.map(query => (
+                {queries ? queries.map(query => (
                     <div className="table-queries-item">
-                           
+                        <Icon icon="star" />
+                        <label>{query.name}</label>
+                        <Icon icon="close" clickable size="small" action={() => remove(query.id)} />
                     </div>
-                ))}
+                )) : <div>...empty...</div>}
             </main>
         </Fragment>
     )
@@ -434,7 +448,7 @@ export const TableEditor = (props) => {
 /**
  * Table Context
  */
-const TableContext = (url, field, host) => {
+const TableContext = (url, field, host, urlQuery) => {
 
     const API = TableAPI(url, host)
 
@@ -514,7 +528,7 @@ const TableContext = (url, field, host) => {
 
         async loadQueries() {
             try {
-                this.queries = await API.queries()
+                this.queries = await API.queries(urlQuery)
             } catch (error) {
                 console.log(error)
             }
@@ -590,17 +604,20 @@ const TableAPI = (url, host) => {
             return http.DELETE(`${url}/${id}`)
         },
 
-        queries() {
-            return http.GET(`${url}/queries`)
+        queries(url2) {
+            const url3 = url2 ? url2 : url
+            return http.GET(`${url3}/queries`)
         },
 
-        createQuery(form) {
+        createQuery(form, url2) {
+            const url3 = url2 ? url2 : url
             const body = JSON.stringify(form)
-            return http.POST(`${url}/queries`, body)
+            return http.POST(`${url3}/queries`, body)
         },
 
-        removeQuery(id) {
-            return http.DELETE(`${url}/queries/${id}`)
+        removeQuery(id, url2) {
+            const url3 = url2 ? url2 : url
+            return http.DELETE(`${url3}/queries/${id}`)
         }, 
     }
 }