x-dashboard-logistics

export const ViewModel = DefineMap.extend({
  filter: {
    Type: Filter
  },
  charts: {
    Default: DefineList
  },
  dashboardPromise: {
    get: function () {

      return canAjax({
        url: loader.serviceBaseURL+"/api/dashboard/logistics",
        type: "GET"
      }).then((response) => {

        const charts = new DefineList();

        for(const chart of response){
          let chartComponent;

          const chartVM = Object.assign({
            filter: value.from(this, "filter") //this.filter // this is 2-way-bound... error with value.from(this, "filter");
          }, chart);

          switch (chart.chart) {
          case "signal":
            chartComponent = new SignalChart({viewModel: chartVM});
            break;

          case "bar":
            chartComponent = new BarChart({viewModel: chartVM});
            break;

          case "pie":
            chartComponent = new PieChart({viewModel: chartVM});
            break;
          }

          charts.push(chartComponent);
        }

        this.charts.update(charts);
      });
    }
  }
});

export default Component.extend({
  tag: "x-dashboard-logistics",
  ViewModel,
  view
});