@projectcaluma/ember-analytics 1.0.0-beta.1

package/addon/components/ca-filter-modal.js

@@ -0,0 +1,59 @@
+import { action } from "@ember/object";
+import { inject as service } from "@ember/service";
+import Component from "@glimmer/component";
+import { tracked } from "@glimmer/tracking";
+import { queryManager } from "ember-apollo-client";
+import { enqueueTask } from "ember-concurrency";
+
+import saveAnalyticsField from "@projectcaluma/ember-analytics/tasks/save-analytics-field";
+
+export default class CaFilterModalComponent extends Component {
+  @queryManager apollo;
+  @service notification;
+  @service intl;
+
+  @tracked visible = false;
+  @tracked newFilter;
+  @tracked filters;
+
+  @enqueueTask saveField = saveAnalyticsField;
+
+  constructor(...args) {
+    super(...args);
+    this.filters = this.args.field?.filters ?? [];
+  }
+
+  get graphqlInput() {
+    return {
+      id: this.args.field.id,
+      alias: this.args.field.alias,
+      dataSource: this.args.field.dataSource,
+      function: this.args.field.function,
+      table: this.args.table,
+      filters: this.filters,
+    };
+  }
+
+  @action
+  updateNewFilter({ target: { value } }) {
+    this.newFilter = value;
+  }
+
+  @action
+  removeFilter(filter) {
+    this.filters = this.filters.filter((value) => value !== filter);
+  }
+
+  @action
+  addFilter() {
+    const filter = this.newFilter.trim();
+    if (this.filters.includes(filter)) {
+      this.notification.warning(
+        this.intl.t("caluma.analytics.notification.filter-exists")
+      );
+    } else {
+      this.filters = [filter, ...this.filters];
+    }
+    this.newFilter = null;
+  }
+}

package/addon/components/ca-report-builder.hbs

@@ -0,0 +1,26 @@
+<div data-test-analytics-table ...attributes>
+  <ValidatedForm
+    @model={{@analyticsTable}}
+    @on-submit={{perform this.createTable}}
+    as |f|
+  >
+    <f.input
+      @name="name"
+      @label={{t "caluma.analytics.report.title"}}
+      @required={{true}}
+    />
+    <f.input
+      @type="select"
+      @name="startingObject"
+      @label={{t "caluma.analytics.report.starting-object"}}
+      @options={{this.startingObjects}}
+      @optionTargetPath="value"
+      @optionValuePath="label"
+      @required={{true}}
+    />
+    <f.submit
+      class="uk-margin-small"
+      @label={{t "caluma.analytics.report.new"}}
+    />
+  </ValidatedForm>
+</div>

package/addon/components/ca-report-builder.js

@@ -0,0 +1,52 @@
+import { inject as service } from "@ember/service";
+import Component from "@glimmer/component";
+import { queryManager } from "ember-apollo-client";
+import { dropTask } from "ember-concurrency";
+
+import saveAnalyticsTableMutation from "@projectcaluma/ember-analytics/gql/mutations/save-analytics-table.graphql";
+
+export default class CaReportBuilderComponent extends Component {
+  @queryManager apollo;
+  @service notification;
+  @service intl;
+  @service router;
+
+  get startingObjects() {
+    // TODO: Replace with dynamic list
+    // return this.args.startingObjects;
+    return [{ label: "Cases", value: "CASES" }];
+  }
+
+  @dropTask
+  *createTable() {
+    try {
+      this.args.analyticsTable.execute();
+      const data = this.args.analyticsTable.data;
+      const input = {
+        slug: data.slug,
+        name: data.name,
+        startingObject: data.startingObject,
+      };
+      yield this.apollo.mutate(
+        {
+          mutation: saveAnalyticsTableMutation,
+          fetchPolicy: "network-only",
+          variables: {
+            input,
+          },
+        },
+        "saveAnalyticsTable.analyticsTable"
+      );
+      yield this.args.onAdd?.(
+        this.args.analyticsTable.slug,
+        this.args.analyticsTable.startingObject
+      );
+      this.router.transitionTo("reports.edit", data.slug);
+    } catch (error) {
+      console.error(error);
+      this.notification.danger(
+        this.intl.t(`caluma.analytics.notification.create-error`)
+      );
+    }
+  }
+}

package/addon/components/ca-report-list.hbs

@@ -0,0 +1,27 @@
+<div ...attributes>
+  <table class="uk-table uk-table-divider uk-table-striped uk-table-hover">
+    <caption>{{t "caluma.analytics.list.list-title"}}</caption>
+    <thead>
+      <tr>
+        <th>{{t "caluma.analytics.report.title"}}</th>
+        <th>{{t "caluma.analytics.report.starting-object"}}</th>
+      </tr>
+    </thead>
+    <tbody>
+      {{#each @reports as |report|}}
+        <tr>
+          <td>
+            <LinkTo
+              data-test-report-list-item
+              @route="reports.edit.index"
+              @model={{report.slug}}
+            >
+              {{report.name}}
+            </LinkTo>
+          </td>
+          <td>{{report.startingObject}}</td>
+        </tr>
+      {{/each}}
+    </tbody>
+  </table>
+</div>

package/addon/components/ca-report-preview.hbs

@@ -0,0 +1,42 @@
+<div class="uk-overflow-auto">
+  {{#if this.data.isRunning}}
+    <div class="uk-text-center">
+      <UkSpinner @ratio={{1}} />
+    </div>
+  {{else}}
+    <table class="uk-table uk-table-divider uk-table-striped">
+      <thead>
+        <tr>
+          {{#each this.data.value.headings as |header|}}
+            <th>
+              {{header.alias}}
+              {{#if (not-eq header.function "VALUE")}}
+                ({{header.function}})
+              {{/if}}
+            </th>
+          {{/each}}
+        </tr>
+      </thead>
+      <tbody>
+        {{#each this.data.value.fields as |row|}}
+          <tr>
+            {{#each row as |entry|}}
+              <td>
+                {{entry.value}}
+              </td>
+            {{/each}}
+          </tr>
+        {{/each}}
+        {{#if this.data.value.summary}}
+          <tr class="uk-text-bold">
+            {{#each this.data.value.summary as |summary|}}
+              <td>
+                {{summary.value}}
+              </td>
+            {{/each}}
+          </tr>
+        {{/if}}
+      </tbody>
+    </table>
+  {{/if}}
+</div>

package/addon/components/ca-report-preview.js

@@ -0,0 +1,61 @@
+import { inject as service } from "@ember/service";
+import Component from "@glimmer/component";
+import { tracked } from "@glimmer/tracking";
+import { queryManager } from "ember-apollo-client";
+import { task } from "ember-concurrency";
+import { trackedTask } from "ember-resources/util/ember-concurrency";
+
+import getAnalyticsResultsQuery from "@projectcaluma/ember-analytics/gql/queries/get-analytics-results.graphql";
+
+export default class CaReportPreviewComponent extends Component {
+  @queryManager apollo;
+  @service notification;
+  @service intl;
+
+  @tracked data = trackedTask(this, this.fetchData, () => [this.args.slug]);
+
+  @task
+  *fetchData() {
+    if (this.args.slug) {
+      try {
+        const result = yield this.apollo.watchQuery(
+          {
+            query: getAnalyticsResultsQuery,
+            fetchPolicy: "no-cache",
+            variables: {
+              slug: this.args.slug,
+            },
+          },
+          "analyticsTable"
+        );
+        const headings = result.fields.edges
+          .filter(({ node: { showOutput } }) => showOutput)
+          .map(({ node }) => node);
+        return {
+          fields: result.resultData.records.edges.map(({ node }) =>
+            headings.map(({ alias }) =>
+              node.edges
+                .map(({ node }) => node)
+                .find((node) => node.alias === alias)
+            )
+          ),
+          summary: result.resultData.summary.edges.length
+            ? headings.map(({ alias: headingAlias }) =>
+                result.resultData.summary.edges
+                  .map(({ node }) => node)
+                  .find(({ alias }) => alias === headingAlias)
+              )
+            : null,
+
+          headings,
+        };
+      } catch (error) {
+        console.error(error);
+        this.notification.danger(
+          this.intl.t("caluma.analytics.notification.fetch-error")
+        );
+      }
+    }
+    return null;
+  }
+}

package/addon/components/ca-toggle-switch.hbs

@@ -0,0 +1,19 @@
+<div class="uk-flex uk-flex-middle">
+  <@labelComponent />
+
+  <div
+    class="uk-form-controls uk-flex uk-flex-middle uk-margin-left"
+    ...attributes
+  >
+    <UkToggleSwitch
+      @value={{@value}}
+      @size={{@size}}
+      @name={{@name}}
+      @disabled={{@disabled}}
+      @onToggle={{@update}}
+    />
+  </div>
+
+  <@hintComponent />
+  <@errorComponent />
+</div>

package/addon/controllers/reports/edit/index.js

@@ -0,0 +1,17 @@
+import Controller from "@ember/controller";
+import { inject as service } from "@ember/service";
+import { tracked } from "@glimmer/tracking";
+import { queryManager } from "ember-apollo-client";
+import { task } from "ember-concurrency";
+import { trackedTask } from "ember-resources/util/ember-concurrency";
+
+import getAnalyticsTable from "@projectcaluma/ember-analytics/tasks/get-analytics-table";
+
+export default class ReportsEditIndexController extends Controller {
+  @service intl;
+  @service notification;
+  @queryManager apollo;
+
+  @task getTable = getAnalyticsTable;
+  @tracked data = trackedTask(this, this.getTable, () => [this.model]);
+}

package/addon/controllers/reports/edit.js

@@ -0,0 +1,44 @@
+import Controller from "@ember/controller";
+import { inject as service } from "@ember/service";
+import { tracked } from "@glimmer/tracking";
+import { queryManager } from "ember-apollo-client";
+import { dropTask, task } from "ember-concurrency";
+import { trackedTask } from "ember-resources/util/ember-concurrency";
+
+import removeAnalyticsTableMutation from "@projectcaluma/ember-analytics/gql/mutations/remove-analytics-table.graphql";
+import getAnalyticsTable from "@projectcaluma/ember-analytics/tasks/get-analytics-table";
+
+export default class ReportsEditController extends Controller {
+  @service intl;
+  @service notification;
+  @service router;
+  @queryManager apollo;
+
+  @task getTable = getAnalyticsTable;
+  @tracked data = trackedTask(this, this.getTable, () => [this.model]);
+
+  get currentRoute() {
+    return this.router.currentRouteName.split(".").pop();
+  }
+
+  @dropTask
+  *deleteTable() {
+    try {
+      yield this.apollo.mutate({
+        mutation: removeAnalyticsTableMutation,
+        fetchPolicy: "network-only",
+        variables: {
+          input: {
+            slug: this.data.value.slug,
+          },
+        },
+      });
+      this.router.transitionTo("reports");
+    } catch (error) {
+      console.error(error);
+      this.notification.danger(
+        this.intl.t(`caluma.analytics.notification.delete-error`)
+      );
+    }
+  }
+}

package/addon/controllers/reports/index.js

@@ -0,0 +1,11 @@
+import Controller from "@ember/controller";
+import { action } from "@ember/object";
+import { inject as service } from "@ember/service";
+export default class ReportsIndexController extends Controller {
+  @service router;
+
+  @action
+  createTable() {
+    this.router.transitionTo("reports.new");
+  }
+}

package/addon/engine.js

@@ -0,0 +1,17 @@
+import Engine from "@ember/engine";
+import loadInitializers from "ember-load-initializers";
+import Resolver from "ember-resolver";
+
+import config from "./config/environment";
+
+const { modulePrefix } = config;
+
+export default class YourEngine extends Engine {
+  modulePrefix = modulePrefix;
+  Resolver = Resolver;
+  dependencies = {
+    services: ["apollo", "notification", "intl"],
+  };
+}
+
+loadInitializers(YourEngine, modulePrefix);

package/addon/gql/fragments/analytics-available-field.graphql

@@ -0,0 +1,8 @@
+fragment AvailableField on AvailableField {
+  id
+  label
+  isLeaf
+  isValue
+  sourcePath
+  supportedFunctions
+}

package/addon/gql/fragments/analytics-field.graphql

@@ -0,0 +1,9 @@
+fragment AnalyticsField on AnalyticsField {
+  id
+  alias
+  meta
+  dataSource
+  function
+  showOutput
+  filters
+}

package/addon/gql/fragments/analytics-table-fields-of-field.graphql

@@ -0,0 +1,11 @@
+# import * from '@projectcaluma/ember-analytics/gql/fragments/analytics-available-field.graphql'
+
+fragment AnalyticsTableFieldsOfField on AnalyticsTable {
+  availableFields(prefix: $prefix, depth: $depth) {
+    edges {
+      node {
+        ...AvailableField
+      }
+    }
+  }
+}

package/addon/gql/fragments/analytics-table-result.graphql

@@ -0,0 +1,22 @@
+fragment ResultData on AnalyticsOutput {
+  records {
+    edges {
+      node {
+        edges {
+          node {
+            alias
+            value
+          }
+        }
+      }
+    }
+  }
+  summary {
+    edges {
+      node {
+        alias
+        value
+      }
+    }
+  }
+}

package/addon/gql/fragments/analytics-table.graphql

@@ -0,0 +1,23 @@
+# import * from '@projectcaluma/ember-analytics/gql/fragments/analytics-field.graphql'
+# import * from '@projectcaluma/ember-analytics/gql/fragments/analytics-available-field.graphql'
+
+fragment AnalyticsTable on AnalyticsTable {
+  id
+  slug
+  name
+  fields {
+    edges {
+      node {
+        ...AnalyticsField
+      }
+    }
+  }
+  availableFields {
+    edges {
+      node {
+        ...AvailableField
+      }
+    }
+  }
+  startingObject
+}

package/addon/gql/mutations/remove-analytics-field.graphql

@@ -0,0 +1,5 @@
+mutation RemoveAnalyticsField($input: RemoveAnalyticsFieldInput!) {
+  removeAnalyticsField(input: $input) {
+    clientMutationId
+  }
+}

package/addon/gql/mutations/remove-analytics-table.graphql

@@ -0,0 +1,5 @@
+mutation RemoveAnalyticsTable($input: RemoveAnalyticsTableInput!) {
+  removeAnalyticsTable(input: $input) {
+    clientMutationId
+  }
+}

package/addon/gql/mutations/save-analytics-field.graphql

@@ -0,0 +1,19 @@
+# import * from '@projectcaluma/ember-analytics/gql/fragments/analytics-field.graphql'
+
+mutation SaveAnalyticsField($input: SaveAnalyticsFieldInput!) {
+  saveAnalyticsField(input: $input) {
+    analyticsField {
+      ...AnalyticsField
+      table {
+        id
+        fields {
+          edges {
+            node {
+              id
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/addon/gql/mutations/save-analytics-table.graphql

@@ -0,0 +1,9 @@
+# import * from '@projectcaluma/ember-analytics/gql/fragments/analytics-table.graphql'
+
+mutation SaveAnalyticsTable($input: SaveAnalyticsTableInput!) {
+  saveAnalyticsTable(input: $input) {
+    analyticsTable {
+      ...AnalyticsTable
+    }
+  }
+}

package/addon/gql/queries/get-all-analytics-fields.graphql

@@ -0,0 +1,12 @@
+# import * from '@projectcaluma/ember-analytics/gql/fragments/analytics-field.graphql'
+
+query AllAnalyticsFields {
+  allAnalyticsFields {
+    totalCount
+    edges {
+      node {
+        ...AnalyticsField
+      }
+    }
+  }
+}

package/addon/gql/queries/get-all-analytics-tables.graphql

@@ -0,0 +1,11 @@
+# import * from '@projectcaluma/ember-analytics/gql/fragments/analytics-table.graphql'
+
+query AllAnalyticsTables {
+  allAnalyticsTables {
+    edges {
+      node {
+        ...AnalyticsTable
+      }
+    }
+  }
+}

package/addon/gql/queries/get-analytics-results.graphql

@@ -0,0 +1,20 @@
+# import * from '@projectcaluma/ember-analytics/gql/fragments/analytics-table-result.graphql'
+
+query AnalyticsResults($slug: String!) {
+  analyticsTable(slug: $slug) {
+    id
+    resultData {
+      ...ResultData
+    }
+    fields {
+      edges {
+        node {
+          id
+          alias
+          function
+          showOutput
+        }
+      }
+    }
+  }
+}

package/addon/gql/queries/get-analytics-table.graphql

@@ -0,0 +1,7 @@
+# import * from '@projectcaluma/ember-analytics/gql/fragments/analytics-table.graphql'
+
+query AnalyticsTable($slug: String!) {
+  analyticsTable(slug: $slug) {
+    ...AnalyticsTable
+  }
+}

package/addon/gql/queries/get-available-fields-for-field.graphql

@@ -0,0 +1,8 @@
+# import * from '@projectcaluma/ember-analytics/gql/fragments/analytics-table-fields-of-field.graphql'
+
+query AllAnalyticsFields($slug: String!, $prefix: String!, $depth: Int = 1) {
+  analyticsTable(slug: $slug) {
+    id
+    ...AnalyticsTableFieldsOfField
+  }
+}

package/addon/routes/reports/edit/index.js

@@ -0,0 +1,7 @@
+import Route from "@ember/routing/route";
+
+export default class ReportsEditIndexRoute extends Route {
+  model() {
+    return this.modelFor("reports.edit");
+  }
+}

package/addon/routes/reports/edit/preview.js

@@ -0,0 +1,7 @@
+import Route from "@ember/routing/route";
+
+export default class ReportsEditPreviewRoute extends Route {
+  model() {
+    return this.modelFor("reports.edit");
+  }
+}

package/addon/routes/reports/edit.js

@@ -0,0 +1,14 @@
+import Route from "@ember/routing/route";
+import { t } from "ember-intl";
+
+import { navigationTitle } from "@projectcaluma/ember-form-builder/decorators";
+
+export default class ReportsEditRoute extends Route {
+  @navigationTitle
+  @t("caluma.analytics.list.edit")
+  title;
+
+  async model({ report_id: reportId }) {
+    return reportId;
+  }
+}

package/addon/routes/reports/index.js

@@ -0,0 +1,26 @@
+import Route from "@ember/routing/route";
+import { queryManager } from "ember-apollo-client";
+import { t } from "ember-intl";
+
+import getAllAnalyticsTableQuery from "@projectcaluma/ember-analytics/gql/queries/get-all-analytics-tables.graphql";
+import { navigationTitle } from "@projectcaluma/ember-form-builder/decorators";
+
+export default class ReportsIndexRoute extends Route {
+  @queryManager apollo;
+
+  @navigationTitle
+  @t("caluma.analytics.report.new")
+  title;
+
+  async model() {
+    const tables = await this.apollo.query(
+      {
+        fetchPolicy: "network-only",
+        query: getAllAnalyticsTableQuery,
+      },
+      "allAnalyticsTables"
+    );
+
+    return tables.edges.map((edge) => edge.node);
+  }
+}

package/addon/routes/reports/new.js

@@ -0,0 +1,32 @@
+import Route from "@ember/routing/route";
+import { tracked } from "@glimmer/tracking";
+import { Changeset } from "ember-changeset";
+import lookupValidator from "ember-changeset-validations";
+
+import AnalyticsTableValidations from "@projectcaluma/ember-analytics/validations/analytics-table";
+import slugify from "@projectcaluma/ember-core/utils/slugify";
+
+class AnalyticsTable {
+  constructor({ name, startingObject } = {}) {
+    this.name = name;
+    this.startingObject = startingObject;
+  }
+
+  get slug() {
+    return slugify(this.name ?? "");
+  }
+  @tracked name;
+  @tracked startingObject;
+}
+
+export default class ReportsNewRoute extends Route {
+  model() {
+    return new Changeset(
+      new AnalyticsTable({
+        startingObject: "CASES",
+      }),
+      lookupValidator(AnalyticsTableValidations),
+      AnalyticsTableValidations
+    );
+  }
+}