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

package/addon/components/cd-navigation.js

@@ -0,0 +1,53 @@
+import { inject as service } from "@ember/service";
+import Component from "@glimmer/component";
+import { queryManager } from "ember-apollo-client";
+
+import config from "@projectcaluma/ember-distribution/config";
+import uniqueByGroups from "@projectcaluma/ember-distribution/utils/unique-by-groups";
+
+export default class CdNavigationComponent extends Component {
+  @service("-scheduler") scheduler;
+  @service calumaOptions;
+  @service distribution;
+
+  @config config;
+
+  @queryManager apollo;
+
+  get inquiries() {
+    const findGroupName = (identifiers) => {
+      const group = this.scheduler.groupCache.find((group) =>
+        identifiers
+          .map(String)
+          .includes(String(group[this.calumaOptions.groupIdentifierProperty]))
+      );
+
+      return group?.[this.calumaOptions.groupNameProperty] ?? "";
+    };
+
+    return Object.entries(this.distribution.navigation.value ?? {}).reduce(
+      (inquiries, [key, objects]) => {
+        return {
+          ...inquiries,
+          // Don't return any data until the internal scheduler has cached
+          // groups since we don't want to render empty navigation items
+          [key]: this.scheduler.groupCache.length
+            ? uniqueByGroups(
+                objects.edges.map((edge) => ({
+                  ...edge.node,
+                  // Populate the work item with the names of the involved
+                  // groups so the <DistributionNavigation::Section /> component
+                  // can sort by them
+                  addressedGroupName: findGroupName(edge.node.addressedGroups),
+                  controllingGroupName: findGroupName(
+                    edge.node.controllingGroups
+                  ),
+                }))
+              )
+            : [],
+        };
+      },
+      {}
+    );
+  }
+}

package/addon/components/cd-notfound.hbs

@@ -0,0 +1,12 @@
+<div class="uk-text-center">
+  <h1 class="uk-heading-xlarge">
+    {{t "caluma.distribution.notfound.title"}}
+  </h1>
+  <h2 class="uk-heading-small uk-margin-remove-top uk-text-muted">
+    {{t "caluma.distribution.notfound.subtitle"}}
+  </h2>
+  <p class="uk-text-muted">
+    {{t "caluma.distribution.notfound.back"}}
+    <LinkTo @route="index">{{t "caluma.distribution.notfound.link"}}</LinkTo>
+  </p>
+</div>

package/addon/components/cd-truncated.hbs

@@ -0,0 +1,8 @@
+<p class="cd-truncated" ...attributes>
+  {{~this.displayedText~}}
+  {{#if this.truncate}}
+    <a href="" {{on "click" this.toggleExpand}}>
+      {{~t (concat "caluma.distribution." (if this.expand "less" "more"))~}}
+    </a>
+  {{/if}}
+</p>

package/addon/components/cd-truncated.js

@@ -0,0 +1,32 @@
+import { action } from "@ember/object";
+import Component from "@glimmer/component";
+import { tracked } from "@glimmer/tracking";
+
+export default class CdTruncatedComponent extends Component {
+  @tracked expand = false;
+
+  get length() {
+    return parseInt(this.args.length);
+  }
+
+  get displayedText() {
+    if (this.truncate && !this.expand) {
+      // strip input string to the passed length minus 3 to make sure the output
+      // including the 3 dots doesn't exceed the expected length
+      return `${this.args.text.substring(0, this.length - 3).trim()}...`;
+    }
+
+    return this.args.text;
+  }
+
+  get truncate() {
+    return this.args.text.length > this.length;
+  }
+
+  @action
+  toggleExpand(e) {
+    e.preventDefault();
+
+    this.expand = !this.expand;
+  }
+}

package/addon/config.js

@@ -15,6 +15,7 @@ export default function config(target, property) {
     get() {
       return merge(
         {
+          ui: { stack: false, small: false, readonly: false },
           controls: {
             createTask: "create-inquiry",
             completeTask: "complete-distribution",
@@ -26,7 +27,7 @@ export default function config(target, property) {
             infoQuestion: "inquiry-remark",
             answer: {
               statusQuestion: "inquiry-answer-status",
-              infoQuestion: "inquiry-answer-reason",
+              infoQuestions: ["inquiry-answer-reason"],
               statusMapping: {
                 "inquiry-answer-status-positive": INQUIRY_STATUS.POSITIVE,
                 "inquiry-answer-status-negative": INQUIRY_STATUS.NEGATIVE,
@@ -64,6 +65,7 @@ export default function config(target, property) {
               },
             },
           },
+          permissions: {},
         },
         getOwner(this).lookup("service:calumaOptions")?.distribution ?? {}
       );

package/addon/controllers/application.js

@@ -0,0 +1,10 @@
+import Controller from "@ember/controller";
+import { inject as service } from "@ember/service";
+
+import config from "@projectcaluma/ember-distribution/config";
+
+export default class ApplicationController extends Controller {
+  @config config;
+
+  @service distribution;
+}

package/addon/controllers/{distribution/new.js → new.js}

@@ -3,7 +3,7 @@ import { dedupeTracked, cached } from "tracked-toolbox";
 
 import config from "@projectcaluma/ember-distribution/config";
 
-export default class DistributionNewController extends Controller {
+export default class NewController extends Controller {
   @config config;
 
   queryParams = ["types", "search"];
@@ -13,7 +13,7 @@ export default class DistributionNewController extends Controller {
 
   @cached
   get selectedTypes() {
-    return this.types.split(",");
+    return this.types.split(",").filter(Boolean);
   }
 
   set selectedTypes(value) {

package/addon/engine.js

@@ -11,7 +11,13 @@ export default class DistributionEngine extends Engine {
   Resolver = Resolver;
 
   dependencies = {
-    services: ["apollo", "notification", "intl", "caluma-options"],
+    services: [
+      "apollo",
+      "notification",
+      "intl",
+      "caluma-options",
+      "store", // this is just in case that a custom form widget uses the store
+    ],
   };
 }
 

package/addon/gql/fragments/inquiry.graphql

@@ -30,6 +30,21 @@ fragment InquiryStatusDocument on Document {
   }
 }
 
+fragment InquiryRequest on Document {
+  id
+  ...InquiryDeadlineDocument
+  info: answers(question: $infoQuestion) {
+    edges {
+      node {
+        id
+        ... on StringAnswer {
+          value
+        }
+      }
+    }
+  }
+}
+
 fragment InquiryDialog on WorkItem {
   id
   addressedGroups
@@ -42,26 +57,20 @@ fragment InquiryDialog on WorkItem {
     slug
   }
   document {
-    ...InquiryDeadlineDocument
-    info: answers(question: $infoQuestion) {
-      edges {
-        node {
-          id
-          ... on StringAnswer {
-            value
-          }
-        }
-      }
-    }
+    ...InquiryRequest
   }
   childCase {
     id
     document {
       ...InquiryStatusDocument
-      info: answers(question: $answerInfoQuestion) {
+      info: answers(questions: $answerInfoQuestions) {
         edges {
           node {
             id
+            question {
+              id
+              label
+            }
             ... on StringAnswer {
               value
             }

package/addon/gql/mutations/complete-work-item.graphql

@@ -0,0 +1,8 @@
+mutation CompleteWorkItem($workItem: ID!) {
+  completeWorkItem(input: { id: $workItem }) {
+    workItem {
+      id
+      status
+    }
+  }
+}

package/addon/gql/mutations/withdraw-inquiry.graphql

@@ -0,0 +1,8 @@
+mutation WithdrawInquiry($workItem: ID!) {
+  cancelWorkItem(input: { id: $workItem }) {
+    workItem {
+      id
+      status
+    }
+  }
+}

package/addon/gql/queries/control-work-items.graphql

@@ -1,6 +1,7 @@
 query ControlWorkItems(
   $createTask: ID!
   $completeTask: ID!
+  $inquiryTask: ID!
   $caseId: ID!
   $currentGroup: String!
 ) {
@@ -11,11 +12,11 @@ query ControlWorkItems(
       { status: READY }
       { addressedGroups: [$currentGroup] }
     ]
-    first: 1
   ) {
     edges {
       node {
         id
+        status
       }
     }
   }
@@ -26,11 +27,26 @@ query ControlWorkItems(
       { status: READY }
       { addressedGroups: [$currentGroup] }
     ]
-    first: 1
   ) {
     edges {
       node {
         id
+        status
+      }
+    }
+  }
+  send: allWorkItems(
+    filter: [
+      { case: $caseId }
+      { task: $inquiryTask }
+      { status: SUSPENDED }
+      { controllingGroups: [$currentGroup] }
+    ]
+  ) {
+    edges {
+      node {
+        id
+        status
       }
     }
   }

package/addon/gql/queries/incomplete-inquiries.graphql

@@ -0,0 +1,13 @@
+query InquiryIncomplete($caseId: ID!, $task: ID!) {
+  allWorkItems(
+    filter: [
+      { case: $caseId }
+      { task: $task }
+      { status: CANCELED, invert: true }
+      { status: COMPLETED, invert: true }
+      { status: SKIPPED, invert: true }
+    ]
+  ) {
+    totalCount
+  }
+}

package/addon/gql/queries/inquiry-answer.graphql

@@ -1,19 +1,33 @@
-query InquiryAnswer($inquiry: ID!, $buttonTasks: [String]!) {
+#import InquiryDeadlineDocument, InquiryRequest from '../fragments/inquiry.graphql'
+
+query InquiryAnswer(
+  $inquiry: ID!
+  $buttonTasks: [String]!
+  $infoQuestion: ID!
+  $deadlineQuestion: ID!
+) {
   allWorkItems(filter: [{ id: $inquiry }]) {
     edges {
       node {
         id
         status
         addressedGroups
+        controllingGroups
+        createdAt
         task {
           id
           slug
         }
+        document {
+          ...InquiryRequest
+        }
         childCase {
           id
           status
           document {
             id
+            modifiedContentAt
+            modifiedContentByUser
           }
           workItems(tasks: $buttonTasks, status: READY) {
             edges {

package/addon/gql/queries/inquiry-dialog.graphql

@@ -1,11 +1,11 @@
-#import InquiryDialog, InquiryDeadlineDocument, InquiryStatusDocument from '../fragments/inquiry.graphql'
+#import InquiryDialog, InquiryDeadlineDocument, InquiryStatusDocument, InquiryRequest from '../fragments/inquiry.graphql'
 
 query InquiryDialog(
   $task: ID!
   $statusQuestion: ID!
   $deadlineQuestion: ID!
   $infoQuestion: ID!
-  $answerInfoQuestion: ID!
+  $answerInfoQuestions: [ID]!
   $from: [String]!
   $to: [String]!
   $caseId: ID!

package/addon/gql/queries/inquiry-edit.graphql

@@ -11,6 +11,8 @@ query InquiryEdit($inquiry: ID!) {
         }
         document {
           id
+          modifiedContentAt
+          modifiedContentByUser
         }
       }
     }

package/addon/gql/queries/inquiry-navigation.graphql

@@ -13,6 +13,7 @@ query InquiryNavigation(
       { case: $caseId }
       { task: $task }
       { controllingGroups: [$currentGroup] }
+      { status: CANCELED, invert: true }
     ]
     order: [{ attribute: CREATED_AT, direction: DESC }]
   ) {
@@ -28,6 +29,7 @@ query InquiryNavigation(
       { task: $task }
       { addressedGroups: [$currentGroup] }
       { status: SUSPENDED, invert: true }
+      { status: CANCELED, invert: true }
     ]
     order: [{ attribute: CREATED_AT, direction: DESC }]
   ) {
@@ -43,7 +45,8 @@ query InquiryNavigation(
       { task: $task }
       { controllingGroups: [$currentGroup], invert: true }
       { addressedGroups: [$currentGroup], invert: true }
-      { status: COMPLETED }
+      { status: SUSPENDED, invert: true }
+      { status: CANCELED, invert: true }
     ]
     order: [{ attribute: CREATED_AT, direction: DESC }]
   ) {

package/addon/modifiers/pikaday.js

@@ -0,0 +1,2 @@
+import "ember-pikaday/pikaday.css";
+export { default } from "ember-pikaday/modifiers/pikaday";

package/addon/routes/{distribution.js → application.js}

@@ -1,6 +1,6 @@
 import Route from "@ember/routing/route";
 
-export default class DistributionRoute extends Route {
+export default class ApplicationRoute extends Route {
   model(params) {
     return params.case;
   }

package/addon/routes/{distribution/index.js → index.js}

@@ -6,7 +6,7 @@ import config from "@projectcaluma/ember-distribution/config";
 import inquiryNavigationQuery from "@projectcaluma/ember-distribution/gql/queries/inquiry-navigation.graphql";
 import uniqueByGroups from "@projectcaluma/ember-distribution/utils/unique-by-groups";
 
-export default class DistributionIndexRoute extends Route {
+export default class IndexRoute extends Route {
   @service router;
   @service calumaOptions;
 
@@ -35,7 +35,7 @@ export default class DistributionIndexRoute extends Route {
     }, {});
 
     if (models.length) {
-      return this.router.replaceWith("distribution.inquiry", models[0]);
+      return this.router.replaceWith("inquiry", models[0]);
     }
   }
 }

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

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

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

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

package/addon/routes/{distribution/inquiry → inquiry}/detail.js

@@ -1,6 +1,6 @@
 import Route from "@ember/routing/route";
 
-export default class DistributionInquiryDetailRoute extends Route {
+export default class InquiryDetailRoute extends Route {
   model({ inquiry }) {
     return inquiry;
   }

package/addon/routes/inquiry/index.js

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

package/addon/routes/{distribution/inquiry.js → inquiry.js}

@@ -1,6 +1,6 @@
 import Route from "@ember/routing/route";
 
-export default class DistributionInquiryRoute extends Route {
+export default class InquiryRoute extends Route {
   model({ from, to }) {
     return { from, to };
   }

package/addon/routes/new.js

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

package/addon/routes/notfound.js

@@ -0,0 +1,3 @@
+import Route from "@ember/routing/route";
+
+export default class NotfoundRoute extends Route {}

package/addon/routes.js

@@ -1,12 +1,11 @@
 import buildRoutes from "ember-engines/routes";
 
 export default buildRoutes(function () {
-  this.route("distribution", { path: "/case/:case" }, function () {
-    this.route("new");
-    this.route("inquiry", { path: "/from/:from/to/:to" }, function () {
-      this.route("detail", { path: "/detail/:inquiry" }, function () {
-        this.route("answer");
-      });
+  this.route("new");
+  this.route("inquiry", { path: "/from/:from/to/:to" }, function () {
+    this.route("detail", { path: "/:inquiry" }, function () {
+      this.route("answer");
     });
   });
+  this.route("notfound", { path: "/*path" });
 });

package/addon/services/distribution.js

@@ -0,0 +1,112 @@
+import { getOwner } from "@ember/application";
+import Service, { inject as service } from "@ember/service";
+import { queryManager, getObservable } from "ember-apollo-client";
+import { dropTask } from "ember-concurrency";
+import { trackedTask } from "ember-resources/util/ember-concurrency";
+
+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";
+
+export default class DistributionService extends Service {
+  @service("-scheduler") scheduler;
+  @service calumaOptions;
+  @service router;
+  @service intl;
+  @service notification;
+
+  @queryManager apollo;
+
+  @config config;
+
+  get caseId() {
+    return getOwner(this).lookup("route:application").currentModel;
+  }
+
+  controls = trackedTask(this, this.fetchControls, () => [this.caseId]);
+  navigation = trackedTask(this, this.fetchNavigation, () => [this.caseId]);
+
+  async refetch() {
+    await getObservable(this.controls.value)?.refetch();
+    await getObservable(this.navigation.value)?.refetch();
+  }
+
+  @dropTask
+  *fetchControls(caseId) {
+    return yield this.apollo.watchQuery({
+      query: controlWorkItemsQuery,
+      variables: {
+        caseId,
+        currentGroup: String(this.calumaOptions.currentGroupId),
+        createTask: this.config.controls.createTask,
+        completeTask: this.config.controls.completeTask,
+        inquiryTask: this.config.inquiry.task,
+      },
+    });
+  }
+
+  @dropTask
+  *fetchNavigation(caseId) {
+    const response = yield this.apollo.watchQuery({
+      query: inquiryNavigationQuery,
+      variables: {
+        caseId,
+        task: this.config.inquiry.task,
+        currentGroup: String(this.calumaOptions.currentGroupId),
+        statusQuestion: this.config.inquiry.answer.statusQuestion,
+        deadlineQuestion: this.config.inquiry.deadlineQuestion,
+        includeNavigationData: true,
+      },
+    });
+
+    getObservable(response).subscribe(({ data }) => {
+      const groupIds = [
+        ...new Set(
+          Object.values(data)
+            .map((inquiries) => {
+              return inquiries.edges.map((edge) => [
+                ...edge.node.addressedGroups,
+                ...edge.node.controllingGroups,
+              ]);
+            })
+            .flat(2)
+        ),
+      ];
+
+      // Resolve all involved groups with the scheduler each time the query is
+      // updated. This will only trigger requests for new groups that are not in
+      // the cache.
+      this.scheduler.resolve(groupIds, "group");
+    });
+
+    return response;
+  }
+
+  @dropTask
+  *createInquiry(groups) {
+    try {
+      // get create inquiry work item to complete
+      const createId = decodeId(this.controls.value?.create.edges[0].node.id);
+
+      // create new inquiries
+      yield this.apollo.mutate({
+        mutation: createInquiryMutation,
+        variables: {
+          id: createId,
+          context: JSON.stringify({
+            addressed_groups: groups.map(String),
+          }),
+        },
+      });
+
+      // refetch navigation and controls data
+      yield this.refetch();
+    } catch (e) {
+      this.notification.danger(
+        this.intl.t("caluma.distribution.new.error", { count: groups.length })
+      );
+    }
+  }
+}

package/addon/templates/application.hbs

@@ -0,0 +1,18 @@
+{{#if
+  (or
+    this.distribution.navigation.isRunning this.distribution.controls.isRunning
+  )
+}}
+  <div class="uk-text-center">
+    <UkSpinner @ratio={{2}} />
+  </div>
+{{else}}
+  <div uk-grid class={{if this.config.ui.stack "uk-grid-small"}}>
+    <div class={{if this.config.ui.stack "uk-width-1-1" "uk-width-1-3"}}>
+      <CdNavigation @caseId={{@model}} />
+    </div>
+    <div class={{if this.config.ui.stack "uk-width-1-1" "uk-width-2-3"}}>
+      {{outlet}}
+    </div>
+  </div>
+{{/if}}

package/addon/templates/index.hbs

@@ -0,0 +1,11 @@
+<div class="uk-text-center uk-text-muted">
+  {{svg-jar "distribution" class="uk-inline" width=200}}
+  <p class="uk-margin-medium uk-margin-remove-horizontal">
+    {{t "caluma.distribution.empty"}}
+  </p>
+  {{#if (can "create inquiry of distribution")}}
+    <LinkTo @route="new" class="uk-button uk-button-primary">
+      {{t "caluma.distribution.start"}}
+    </LinkTo>
+  {{/if}}
+</div>

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

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

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

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