@projectcaluma/ember-distribution 1.0.0-beta.1 → 1.0.0-beta.12

package/addon/components/inquiry-dialog.js

@@ -1,42 +0,0 @@
-import Component from "@glimmer/component";
-import { queryManager } from "ember-apollo-client";
-import { dropTask } from "ember-concurrency";
-import { useTask } from "ember-resources";
-
-import config from "@projectcaluma/ember-distribution/config";
-import inquiryDialogQuery from "@projectcaluma/ember-distribution/gql/queries/inquiry-dialog.graphql";
-
-export default class InquiryDialogComponent extends Component {
-  @config config;
-
-  @queryManager apollo;
-
-  get inquiries() {
-    return this._inquiries.value?.allWorkItems.edges.map((edge) => edge.node);
-  }
-
-  _inquiries = useTask(this, this.fetchDialog, () => [
-    this.args.from,
-    this.args.to,
-    this.args.caseId,
-    this.config,
-  ]);
-
-  @dropTask
-  *fetchDialog() {
-    return yield this.apollo.watchQuery({
-      query: inquiryDialogQuery,
-      variables: {
-        from: this.args.from,
-        to: this.args.to,
-        caseId: this.args.caseId,
-        task: this.config.inquiry.task,
-        infoQuestion: this.config.inquiry.infoQuestion,
-        deadlineQuestion: this.config.inquiry.deadlineQuestion,
-        statusQuestion: this.config.inquiry.answer.statusQuestion,
-        answerInfoQuestion: this.config.inquiry.answer.infoQuestion,
-        includeNavigationData: true,
-      },
-    });
-  }
-}

package/addon/components/inquiry-edit-form.hbs

@@ -1,27 +0,0 @@
-<CfContent
-  @documentId={{decode-id this.inquiry.document.id}}
-  @disabled={{cannot "edit inquiry" this.inquiry}}
-  @loading={{this._inquiry.isRunning}}
-  as |content|
->
-  <h1 class="uk-flex uk-flex-middle">
-    {{t "caluma.distribution.edit.title"}}
-    {{#if (eq this.inquiry.status "RUNNING")}}
-      <UkLabel
-        class="uk-margin-left"
-        @label={{t "caluma.distribution.status.draft"}}
-      />
-    {{/if}}
-  </h1>
-
-  <content.form />
-
-  <DocumentValidity @document={{content.document}} as |isValid validate|>
-    <UkButton
-      @type="submit"
-      @color="primary"
-      @disabled={{or (not isValid) this.send.isRunning}}
-      @on-click={{perform this.send validate}}
-    >{{t "caluma.distribution.edit.send"}}</UkButton>
-  </DocumentValidity>
-</CfContent>

package/addon/components/inquiry-new-form.hbs

@@ -1,110 +0,0 @@
-<h1>{{t "caluma.distribution.new.title"}}</h1>
-
-{{#if this.selectedGroups.length}}
-  <div class="uk-flex uk-flex-middle">
-    <div class="uk-width-expand">
-      <button type="button" class="uk-link uk-text-light">
-        {{t "caluma.distribution.new.groups" count=this.selectedGroups.length}}
-      </button>
-      <div uk-dropdown class="uk-width-auto">
-        <ul
-          class="uk-list uk-list-bullet uk-margin-remove uk-padding-remove"
-          data-test-selected-groups
-        >
-          {{#each this.selectedGroups as |identifier|}}
-            <li class="uk-text-nowrap">{{group-name identifier}}</li>
-          {{/each}}
-        </ul>
-      </div>
-      {{t "caluma.distribution.new.selected" count=this.selectedGroups.length}}
-    </div>
-    <div>
-      <UkButton
-        @color="default"
-        @label={{t "caluma.distribution.new.reset"}}
-        @on-click={{this.clearSelectedGroups}}
-        data-test-reset
-      />
-      <UkButton
-        @color="primary"
-        @label={{t "caluma.distribution.new.create-draft"}}
-        @type="submit"
-        @loading={{this.submit.isRunning}}
-        @disabled={{this.submit.isRunning}}
-        @on-click={{perform this.submit}}
-        data-test-submit
-      />
-    </div>
-  </div>
-  <hr />
-{{/if}}
-
-<div class="uk-margin-bottom uk-button-group">
-  {{#each-in this.config.new.types as |slug config|}}
-    {{#unless config.disabled}}
-      <UkButton
-        data-test-type={{slug}}
-        @label={{t config.label}}
-        @color={{if (includes slug @selectedTypes) "primary" "default"}}
-        @on-click={{fn this.updateSelectedTypes slug}}
-      />
-    {{/unless}}
-  {{/each-in}}
-</div>
-
-<div class="uk-search uk-search-default uk-width-1-1">
-  <span class="uk-search-icon-flip" uk-search-icon></span>
-  <input
-    placeholder={{t "caluma.distribution.new.search"}}
-    aria-label={{t "caluma.distribution.new.search"}}
-    class="uk-search-input"
-    type="search"
-    value={{@search}}
-    data-test-search
-    {{on "input" (perform this.updateSearch)}}
-  />
-</div>
-
-{{#if this.groups.isRunning}}
-  <div class="uk-text-center uk-margin">
-    <UkSpinner @ratio={{2}} />
-  </div>
-{{else if this.groups.value.length}}
-  <ul class="uk-list uk-list-striped">
-    {{#each this.groups.value as |group|}}
-      {{! template-lint-disable require-presentational-children }}
-      <li
-        role="checkbox"
-        class="uk-flex uk-flex-between uk-flex-middle"
-        data-test-group={{group.identifier}}
-        {{on "click" (fn this.updateSelectedGroups group.identifier)}}
-      >
-        {{! template-lint-disable no-nested-interactive }}
-        <label for="group-{{group.identifier}}">
-          <input
-            type="checkbox"
-            class="uk-checkbox uk-margin-small-right"
-            checked={{includes group.identifier this.selectedGroups}}
-            id="group-{{group.identifier}}"
-          />
-          {{group-name group.identifier}}
-        </label>
-        {{#if group.config.icon}}
-          {{svg-jar
-            group.config.icon
-            width="20"
-            height="20"
-            class=(concat "uk-text-" group.config.iconColor)
-          }}
-        {{/if}}
-      </li>
-    {{/each}}
-  </ul>
-{{else}}
-  <div class="uk-text-center">
-    <UkIcon @icon="search" @ratio={{10}} class="uk-margin-top" />
-    <p class="uk-text-muted">
-      {{t "caluma.distribution.new.empty"}}
-    </p>
-  </div>
-{{/if}}

package/addon/components/inquiry-new-form.js

@@ -1,154 +0,0 @@
-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 { timeout, restartableTask, dropTask, task } from "ember-concurrency";
-import { useTask } from "ember-resources";
-
-import { decodeId } from "@projectcaluma/ember-core/helpers/decode-id";
-import config from "@projectcaluma/ember-distribution/config";
-import createInquiryMutation from "@projectcaluma/ember-distribution/gql/mutations/create-inquiry.graphql";
-import controlWorkItemsQuery from "@projectcaluma/ember-distribution/gql/queries/control-work-items.graphql";
-import inquiryNavigationQuery from "@projectcaluma/ember-distribution/gql/queries/inquiry-navigation.graphql";
-
-const toggle = (value, array) => {
-  const set = new Set(array);
-
-  set.delete(value) || set.add(value);
-
-  return [...set];
-};
-
-export default class InquiryNewFormComponent extends Component {
-  @service calumaOptions;
-  @service notification;
-  @service intl;
-  @service router;
-
-  @queryManager apollo;
-
-  @config config;
-
-  @tracked selectedGroups = [];
-
-  groups = useTask(this, this.fetchGroups, () => [
-    this.args.selectedTypes,
-    this.args.search,
-  ]);
-
-  @action
-  updateSelectedTypes(type, e) {
-    e.preventDefault();
-
-    this.args.onChangeSelectedTypes(toggle(type, this.args.selectedTypes));
-  }
-
-  @action
-  updateSelectedGroups(identifier, e) {
-    e.preventDefault();
-
-    this.selectedGroups = toggle(identifier, this.selectedGroups);
-  }
-
-  @action
-  clearSelectedGroups(e) {
-    e.preventDefault();
-
-    this.selectedGroups = [];
-  }
-
-  @restartableTask
-  *updateSearch(e) {
-    e.preventDefault();
-
-    yield timeout(500);
-
-    this.args.onChangeSearch(e.target.value);
-  }
-
-  @dropTask
-  *submit(e) {
-    e.preventDefault();
-
-    if (!this.selectedGroups.length) return;
-
-    try {
-      // get create inquiry work item to complete, this will not trigger a
-      // network request since it's already fetch in the controls
-      const controlsData = yield this.apollo.watchQuery(
-        {
-          query: controlWorkItemsQuery,
-          variables: {
-            caseId: this.args.caseId,
-            currentGroup: String(this.calumaOptions.currentGroupId),
-            createTask: this.config.controls.createTask,
-            completeTask: this.config.controls.completeTask,
-          },
-        },
-        "create.edges"
-      );
-
-      // create new inquiries
-      yield this.apollo.mutate({
-        mutation: createInquiryMutation,
-        variables: {
-          id: decodeId(controlsData[0].node.id),
-          context: JSON.stringify({
-            addressed_groups: this.selectedGroups.map(String),
-          }),
-        },
-      });
-
-      // refetch navigation data
-      const navigationData = yield this.apollo.query(
-        {
-          query: inquiryNavigationQuery,
-          fetchPolicy: "network-only",
-          variables: {
-            caseId: this.args.caseId,
-            task: this.config.inquiry.task,
-            currentGroup: String(this.calumaOptions.currentGroupId),
-            statusQuestion: this.config.inquiry.answer.statusQuestion,
-            deadlineQuestion: this.config.inquiry.deadlineQuestion,
-            includeNavigationData: true,
-          },
-        },
-        "controlling.edges"
-      );
-
-      // transition to last added inquiry
-      this.router.transitionTo("distribution.inquiry", {
-        from: navigationData[0].node.controllingGroups[0],
-        to: navigationData[0].node.addressedGroups[0],
-      });
-    } catch (e) {
-      this.notification.danger(
-        this.intl.t("caluma.distribution.new.error", {
-          count: this.selectedGroups.length,
-        })
-      );
-    }
-  }
-
-  @task
-  *fetchGroups(types, search) {
-    // https://github.com/ember-cli/eslint-plugin-ember/issues/1413
-    yield Promise.resolve();
-
-    const typedGroups = yield this.calumaOptions.fetchTypedGroups(
-      types,
-      search
-    );
-
-    return Object.entries(typedGroups)
-      .flatMap(([type, groups]) => {
-        return groups.map((group) => ({
-          identifier: group[this.calumaOptions.groupIdentifierProperty],
-          name: group[this.calumaOptions.groupNameProperty],
-          config: this.config.new.types[type],
-        }));
-      })
-      .sort((a, b) => a.name.localeCompare(b.name));
-  }
-}

package/addon/routes/distribution/inquiry/detail/answer.js

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

package/addon/routes/distribution/inquiry/detail/index.js

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

package/addon/routes/distribution/inquiry/index.js

@@ -1,10 +0,0 @@
-import Route from "@ember/routing/route";
-
-export default class DistributionInquiryIndexRoute extends Route {
-  model() {
-    return {
-      ...this.modelFor("distribution.inquiry"),
-      case: this.modelFor("distribution"),
-    };
-  }
-}

package/addon/routes/distribution/new.js

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

package/addon/templates/distribution/inquiry/detail/answer.hbs

@@ -1 +0,0 @@
-<InquiryAnswerForm @inquiry={{@model}} />

package/addon/templates/distribution/inquiry/detail/index.hbs

@@ -1 +0,0 @@
-<InquiryEditForm @inquiry={{@model}} />

package/addon/templates/distribution.hbs

@@ -1,8 +0,0 @@
-<div uk-grid>
-  <div class="uk-width-1-3">
-    <DistributionNavigation @caseId={{@model}} />
-  </div>
-  <div class="uk-width-2-3">
-    {{outlet}}
-  </div>
-</div>

package/app/components/distribution-navigation/controls.js

@@ -1 +0,0 @@
-export { default } from "@projectcaluma/ember-distribution/components/distribution-navigation/controls";

package/app/components/distribution-navigation/section.js

@@ -1 +0,0 @@
-export { default } from "@projectcaluma/ember-distribution/components/distribution-navigation/section";

package/app/components/distribution-navigation/status-indicator.js

@@ -1 +0,0 @@
-export { default } from "@projectcaluma/ember-distribution/components/distribution-navigation/status-indicator";

package/app/styles/_icon-button.scss

@@ -1,13 +0,0 @@
-@import "ember-uikit/variables-theme";
-
-@for $i from 1 through 8 {
-  @each $side in "top", "right", "bottom", "left" {
-    .uk-icon-button--gutter-#{$side}-#{$i} > svg {
-      margin-#{$side}: #{$i}px !important;
-    }
-  }
-
-  .uk-icon-button--gutter-#{$i} > svg {
-    margin: #{$i}px;
-  }
-}

package/app/styles/_status-indicator.scss

@@ -1,31 +0,0 @@
-@import "ember-uikit/variables-theme";
-
-$size: $global-small-font-size * 1.2;
-$iconSize: $global-small-font-size * 0.9;
-
-$colors: (
-  muted: $text-muted-color,
-  emphasis: $text-emphasis-color,
-  success: $text-success-color,
-  danger: $text-danger-color,
-  warning: $text-warning-color,
-);
-
-.status-indicator {
-  width: $size;
-  height: $size;
-  border-width: 1px;
-  border-style: solid;
-
-  > svg {
-    width: $iconSize;
-    height: $iconSize;
-  }
-
-  @each $colorName, $color in $colors {
-    &.uk-text-#{$colorName} {
-      color: darken($color, 20%);
-      border-color: $color;
-    }
-  }
-}