@projectcaluma/ember-analytics/addon/components/ca-field-selector-list.js

Ember addon for Caluma analytics.

import { action } from "@ember/object";
import { inject as service } from "@ember/service";
import Component from "@glimmer/component";
import { tracked } from "@glimmer/tracking";
import { queryManager, getObservable } from "ember-apollo-client";
import { task } from "ember-concurrency";

import removeAnalyticsFieldMutation from "@projectcaluma/ember-analytics/gql/mutations/remove-analytics-field.graphql";
import reorderAnalyticsFieldsMutation from "@projectcaluma/ember-analytics/gql/mutations/reorder-analytics-fields.graphql";
import saveAnalyticsField from "@projectcaluma/ember-analytics/tasks/save-analytics-field";

export default class CaFieldSelectorListComponent extends Component {
  @queryManager apollo;
  @service notification;
  @service intl;

  saveField = task({ enqueue: true }, async (input) =>
    saveAnalyticsField(input),
  );

  @tracked _fields;

  get fields() {
    return (
      this._fields ??
      this.args.analyticsTable?.fields?.edges?.map((edge) => edge.node) ??
      []
    );
  }

  @action
  async updateField(field, key, value) {
    const requiredInput = {
      id: field.id,
      alias: field.alias,
      dataSource: field.dataSource,
      function: field.function,
      table: this.args.analyticsTable.id,
    };
    await this.saveField.perform({
      ...requiredInput,
      [key]: value,
    });
  }

  removeAnalyticsField = task({ enqueue: true }, async (id) => {
    try {
      await this.apollo.mutate({
        mutation: removeAnalyticsFieldMutation,
        variables: { input: { id } },
      });
      const observableQuery = getObservable(this.args.analyticsTable);
      await observableQuery.refetch();
    } catch (error) {
      console.error(error);
      this.notification.danger(
        this.intl.t("caluma.analytics.notification.delete-error"),
      );
    }
  });

  reorderFields = task({ restartable: true }, async (fields) => {
    this._fields = fields;
    try {
      await this.apollo.mutate({
        mutation: reorderAnalyticsFieldsMutation,
        variables: {
          input: {
            table: this.args.analyticsTable.id,
            fields: fields.map((field) => field.id),
          },
        },
      });

      this.notification.success(
        this.intl.t("caluma.analytics.notification.reorder-success"),
      );
      this._fields = null;
    } catch {
      this.notification.danger(
        this.intl.t("caluma.analytics.notification.reorder-error"),
      );
    }
  });
}