Small demo to test the new dashboard widgets. All work must be

Here are the data: <div class="snippet-clipboard-content notranslate position-rela

Detailed tasks: Add EasyDashboardVie

Dashboard MVP about easydata HOT 3 OPEN

korzh commented on September 25, 2024

Dashboard MVP

from easydata.

Comments (3)

korzh commented on September 25, 2024

Here are the data:

{
  "result": "ok",
  "resultSet": {
    "cols": [
      {
        "id": "col-aeticx2p6o",
        "isAggr": false,
        "label": "Category Name",
        "description": null,
        "type": 1,
        "originAttrId": "Category.CategoryName",
        "dfmt": "",
        "gfct": null,
        "style": {
          "alignment": 0
        }
      },
      {
        "id": "col-5rtic108sg",
        "isAggr": true,
        "label": "Total",
        "description": null,
        "type": 8,
        "originAttrId": "OrderDetail.UnitPrice",
        "dfmt": "",
        "gfct": null,
        "style": {
          "alignment": 0
        }
      }
    ],
    "rows": [
      [
        "Beverages",
        11811.65
      ],
      [
        "Condiments",
        4605.300000000001
      ],
      [
        "Confections",
        7549.29999999999
      ],
      [
        "Dairy Products",
        9875.800000000001
      ],
      [
        "Grains/Cereals",
        4164.3
      ],
      [
        "Meat/Poultry",
        7417.33
      ],
      [
        "Produce",
        4786.449999999999
      ],
      [
        "Seafood",
        6290.779999999995
      ]
    ]
  },
  "meta": {
    "totalRecords": 8,
    "offset": 0
  },
  "aux": {
    "Prop1": "Value1",
    "Prop2": 25
  }
}

from easydata.

korzh commented on September 25, 2024

Detailed tasks:

Add EasyDashboardView class similar to EntityDataView (/easydata.js/packs/crud/src/views/entity_data_view.ts)
Add EasyDashboardGridWidget and EasyDashboardChartWidget classes that will be initialized in EasyDashboardView
Pass the hard-coded data to EasyDashboardView and render both widgets according to the passed data. To render the widgets, use DomElementBuilder class via domel() function as we did in all our UI controls before (EasyGrid, TextFilterWidget, etc).

from easydata.

korzh commented on September 25, 2024

The next step will be creating the server-side infrastructure that supports datasets definition and fetching. So, here is what we need to do:

The DataSources list in EasyDataManager class
Each DataSource is an object that can give away data according to request parameters. There will be SqlDataSource (a data source that uses SQL query to get data) and SqlTableDataSource (a data source that is mapped on some DB table)
So, we will need CRUD operations for Data Sources
Additionally, we will modify FetchDataset so it will be able to work will kinds of data sources

from easydata.

Recommend Projects