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

package/addon/components/{distribution-navigation → cd-navigation}/status-indicator.js

@@ -5,7 +5,7 @@ import config from "@projectcaluma/ember-distribution/config";
 import inquiryDeadline from "@projectcaluma/ember-distribution/utils/inquiry-deadline";
 import inquiryStatus from "@projectcaluma/ember-distribution/utils/inquiry-status";
 
-export default class DistributionNavigationStatusIndicatorComponent extends Component {
+export default class CdNavigationStatusIndicatorComponent extends Component {
   @service intl;
 
   @config config;

package/addon/components/cd-navigation.hbs

@@ -0,0 +1,11 @@
+<ul class="uk-tab uk-tab-left uk-margin-remove-bottom uk-width-auto">
+  <CdNavigation::Section
+    @type="controlling"
+    @inquiries={{this.inquiries.controlling}}
+  />
+  <CdNavigation::Section
+    @type="addressed"
+    @inquiries={{this.inquiries.addressed}}
+  />
+  <CdNavigation::Section @type="more" @inquiries={{this.inquiries.more}} />
+</ul>

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

@@ -4,6 +4,7 @@ import { cached } from "tracked-toolbox";
 
 export const INQUIRY_STATUS = {
   DRAFT: "draft",
+  SKIPPED: "skipped",
   SENT: "sent",
   POSITIVE: "positive",
   NEGATIVE: "negative",
@@ -15,6 +16,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 +28,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,
@@ -36,20 +38,22 @@ export default function config(target, property) {
               buttons: {
                 "compose-inquiry-answer": {
                   color: "primary",
-                  label: "caluma.distribution.answer.release-for-review",
+                  label: "caluma.distribution.answer.buttons.compose.label",
+                  status: "caluma.distribution.answer.buttons.compose.status",
                 },
                 "confirm-inquiry-answer": {
                   color: "primary",
-                  label: "caluma.distribution.answer.confirm",
+                  label: "caluma.distribution.answer.buttons.confirm.label",
+                  status: "caluma.distribution.answer.buttons.confirm.status",
                 },
                 "revise-inquiry-answer": {
                   color: "default",
-                  label: "caluma.distribution.answer.revise",
+                  label: "caluma.distribution.answer.buttons.revise.label",
                 },
                 "adjust-inquiry-answer": {
                   color: "primary",
-                  label:
-                    "caluma.distribution.answer.release-adjustment-for-review",
+                  label: "caluma.distribution.answer.buttons.adjust.label",
+                  status: "caluma.distribution.answer.buttons.adjust.status",
                 },
               },
             },
@@ -59,11 +63,12 @@ export default function config(target, property) {
             types: {
               suggestions: {
                 label: "caluma.distribution.new.suggestions",
-                icon: "bulb-outline",
+                icon: "star",
                 iconColor: "warning",
               },
             },
           },
+          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

@@ -1,3 +1,18 @@
+fragment InquiryAnswerButtons on Case {
+  workItems(tasks: $buttonTasks, status: READY) {
+    edges {
+      node {
+        id
+        status
+        task {
+          id
+          slug
+        }
+      }
+    }
+  }
+}
+
 fragment InquiryDeadlineDocument on Document {
   id
   deadline: answers(question: $deadlineQuestion) {
@@ -30,6 +45,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 +72,21 @@ fragment InquiryDialog on WorkItem {
     slug
   }
   document {
-    ...InquiryDeadlineDocument
-    info: answers(question: $infoQuestion) {
-      edges {
-        node {
-          id
-          ... on StringAnswer {
-            value
-          }
-        }
-      }
-    }
+    ...InquiryRequest
   }
   childCase {
     id
+    ...InquiryAnswerButtons
     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,31 +1,36 @@
-query InquiryAnswer($inquiry: ID!, $buttonTasks: [String]!) {
+#import InquiryAnswerButtons, 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
+        closedAt
         task {
           id
           slug
         }
+        document {
+          ...InquiryRequest
+        }
         childCase {
           id
           status
           document {
             id
+            modifiedContentAt
+            modifiedContentByUser
           }
-          workItems(tasks: $buttonTasks, status: READY) {
-            edges {
-              node {
-                id
-                task {
-                  id
-                  slug
-                }
-              }
-            }
-          }
+          ...InquiryAnswerButtons
         }
       }
     }

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

@@ -1,11 +1,12 @@
-#import InquiryDialog, InquiryDeadlineDocument, InquiryStatusDocument from '../fragments/inquiry.graphql'
+#import InquiryAnswerButtons, InquiryDialog, InquiryDeadlineDocument, InquiryStatusDocument, InquiryRequest from '../fragments/inquiry.graphql'
 
 query InquiryDialog(
   $task: ID!
+  $buttonTasks: [String]!
   $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" });
 });