@projectcaluma/ember-distribution 1.0.0-beta.3 → 1.0.0-beta.4

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+# [@projectcaluma/ember-distribution-v1.0.0-beta.4](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.3...@projectcaluma/ember-distribution-v1.0.0-beta.4) (2022-02-16)
+
+
+### Bug Fixes
+
+* **distribution:** show controls if no inquiries exist yet ([5c73b6d](https://github.com/projectcaluma/ember-caluma/commit/5c73b6d0a870fd0e34d96af3fa34095733fe9fd9))
+* **pikaday:** add pikaday modifier reexport in engines ([c13d302](https://github.com/projectcaluma/ember-caluma/commit/c13d3021bb8fe82e1245a60182af01287c507697))
+
+
+### Features
+
+* **distribution:** add config variable to stack the UI ([2ad285a](https://github.com/projectcaluma/ember-caluma/commit/2ad285a24bf5fb45d15fe237e3f420dd1f1d94f2))
+* **distribution:** add index page when no inquiries exist ([689089c](https://github.com/projectcaluma/ember-caluma/commit/689089c8f28146a33346f382fe69e7ca1b588d97))
+* **distribution:** add proper 404 handling ([73e62e6](https://github.com/projectcaluma/ember-caluma/commit/73e62e671a9425fc549d7057dd653d1dc59883aa))
+* **distribution:** remove distribution top level route ([6f396da](https://github.com/projectcaluma/ember-caluma/commit/6f396daf2881f07cdddaac6c7ca784db2b8777d3))
+
 # [@projectcaluma/ember-distribution-v1.0.0-beta.3](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.2...@projectcaluma/ember-distribution-v1.0.0-beta.3) (2022-02-07)
 
 

package/addon/abilities/distribution.js

@@ -0,0 +1,29 @@
+import { inject as service } from "@ember/service";
+import { Ability } from "ember-can";
+
+const hasStatus = (status) => (edge) => edge.node.status === status;
+
+export default class DistributionAbility extends Ability {
+  @service("caluma-distribution-controls") controls;
+
+  get canSendInquiries() {
+    return (
+      this.controls.workItems.value?.send.edges.filter(hasStatus("SUSPENDED"))
+        .length > 0
+    );
+  }
+
+  get canCreateInquiry() {
+    return (
+      this.controls.workItems.value?.create.edges.filter(hasStatus("READY"))
+        .length > 0
+    );
+  }
+
+  get canComplete() {
+    return (
+      this.controls.workItems.value?.complete.edges.filter(hasStatus("READY"))
+        .length > 0
+    );
+  }
+}

package/addon/components/distribution-navigation/controls.hbs

@@ -1,17 +1,19 @@
 <div class="uk-text-center uk-margin-small-top">
-  {{#if this.canCreate}}
-    <IconButton @route="distribution.new" @icon="plus" />
+  {{#if (can "create inquiry of distribution")}}
+    <IconButton @route="new" @icon="plus" />
   {{/if}}
-  <IconButton
-    @icon="paper-plane-outline"
-    @fromSvgJar={{true}}
-    @gutterTop={{4}}
-    @gutterRight={{6}}
-    @gutterLeft={{4}}
-    @gutterBottom={{4}}
-    @onClick={{this.noop}}
-  />
-  {{#if this.canComplete}}
+  {{#if (can "send inquiries of distribution")}}
+    <IconButton
+      @icon="paper-plane-outline"
+      @fromSvgJar={{true}}
+      @gutterTop={{4}}
+      @gutterRight={{6}}
+      @gutterLeft={{4}}
+      @gutterBottom={{4}}
+      @onClick={{this.noop}}
+    />
+  {{/if}}
+  {{#if (can "complete distribution")}}
     <IconButton
       @icon="lock-closed-outline"
       @fromSvgJar={{true}}

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

@@ -1,45 +1,9 @@
 import { action } from "@ember/object";
-import { inject as service } from "@ember/service";
 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 controlWorkItemsQuery from "@projectcaluma/ember-distribution/gql/queries/control-work-items.graphql";
 
 export default class DistributionNavigationControlsComponent extends Component {
-  @service calumaOptions;
-
-  @queryManager apollo;
-
-  @config config;
-
-  workItems = useTask(this, this.fetchWorkItems, () => []);
-
-  get canCreate() {
-    return this.workItems.value?.create.edges.length > 0;
-  }
-
-  get canComplete() {
-    return this.workItems.value?.complete.edges.length > 0;
-  }
-
   @action
   noop(e) {
     e.preventDefault();
   }
-
-  @dropTask
-  *fetchWorkItems() {
-    return 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,
-      },
-    });
-  }
 }

package/addon/components/distribution-navigation/item.hbs

@@ -1,5 +1,5 @@
 <li class={{if this.isActive "uk-active"}}>
-  <LinkTo @route="distribution.inquiry" @model={{this.model}}>
+  <LinkTo @route="inquiry" @model={{this.model}}>
     <div class="uk-flex uk-flex-middle uk-width-1-1">
       <div class="uk-width-expand uk-text-truncate">
         {{#if (eq @type "addressed")}}

package/addon/components/distribution-navigation/item.js

@@ -12,6 +12,6 @@ export default class DistributionNavigationItemComponent extends Component {
   }
 
   get isActive() {
-    return this.router.isActive("distribution.inquiry", this.model);
+    return this.router.isActive("inquiry", this.model);
   }
 }

package/addon/components/distribution-navigation/section.hbs

@@ -10,12 +10,14 @@
     {{/if}}
   </a>
 
-  {{#if (and @inquiries.length this.expanded)}}
-    <ul class="uk-tab uk-tab-left uk-margin-left">
-      {{#each this.inquiries as |inquiry|}}
-        <DistributionNavigation::Item @inquiry={{inquiry}} @type={{@type}} />
-      {{/each}}
-    </ul>
+  {{#if this.expanded}}
+    {{#if @inquiries.length}}
+      <ul class="uk-tab uk-tab-left uk-margin-left">
+        {{#each this.inquiries as |inquiry|}}
+          <DistributionNavigation::Item @inquiry={{inquiry}} @type={{@type}} />
+        {{/each}}
+      </ul>
+    {{/if}}
 
     {{#if (eq @type "controlling")}}
       <DistributionNavigation::Controls @caseId={{@caseId}} />

package/addon/components/distribution-navigation.hbs

@@ -1,5 +1,5 @@
 <aside>
-  <ul class="uk-tab uk-tab-left">
+  <ul class="uk-tab uk-tab-left uk-margin-remove-bottom">
     <DistributionNavigation::Section
       @type="controlling"
       @inquiries={{this.inquiries.controlling}}

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

@@ -2,45 +2,47 @@
   @documentId={{decode-id this.inquiry.childCase.document.id}}
   @disabled={{cannot "edit answer form of inquiry" this.inquiry}}
   @loading={{this._inquiry.isRunning}}
-  as |content|
 >
-  <h1 class="uk-flex uk-flex-middle">
-    {{t "caluma.distribution.answer.title"}}
-    {{#if (eq this.inquiry.status "RUNNING")}}
-      <UkLabel
-        class="uk-margin-left"
-        @label={{t "caluma.distribution.status.draft"}}
-      />
-    {{/if}}
-  </h1>
+  <:default as |content|>
+    <h1 class="uk-flex uk-flex-middle">
+      {{t "caluma.distribution.answer.title"}}
+      {{#if (eq this.inquiry.status "RUNNING")}}
+        <UkLabel
+          class="uk-margin-left"
+          @label={{t "caluma.distribution.status.draft"}}
+        />
+      {{/if}}
+    </h1>
 
-  <content.form />
+    <content.form />
 
-  {{#each this.buttons as |buttonConfig|}}
-    {{#if buttonConfig.isFormButton}}
-      <DocumentValidity @document={{content.document}} as |isValid validate|>
+    {{#each this.buttons as |buttonConfig|}}
+      {{#if buttonConfig.isFormButton}}
+        <DocumentValidity @document={{content.document}} as |isValid validate|>
+          <UkButton
+            @type="submit"
+            @color={{buttonConfig.color}}
+            @disabled={{or (not isValid) this.completeWorkItem.isRunning}}
+            @onClick={{fn
+              (perform this.completeWorkItem)
+              buttonConfig.workItemId
+              validate
+            }}
+          >{{buttonConfig.label}}</UkButton>
+        </DocumentValidity>
+      {{else}}
         <UkButton
-          @type="submit"
+          @type="button"
           @color={{buttonConfig.color}}
-          @disabled={{or (not isValid) this.completeWorkItem.isRunning}}
+          @disabled={{this.completeWorkItem.isRunning}}
           @onClick={{fn
             (perform this.completeWorkItem)
             buttonConfig.workItemId
-            validate
+            null
           }}
         >{{buttonConfig.label}}</UkButton>
-      </DocumentValidity>
-    {{else}}
-      <UkButton
-        @type="button"
-        @color={{buttonConfig.color}}
-        @disabled={{this.completeWorkItem.isRunning}}
-        @onClick={{fn
-          (perform this.completeWorkItem)
-          buttonConfig.workItemId
-          null
-        }}
-      >{{buttonConfig.label}}</UkButton>
-    {{/if}}
-  {{/each}}
+      {{/if}}
+    {{/each}}
+  </:default>
+  <:notfound><Notfound /></:notfound>
 </CfContent>

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

@@ -65,7 +65,7 @@ export default class InquiryAnswerFormComponent extends Component {
         },
       });
 
-      yield this.router.transitionTo("distribution.inquiry.index");
+      yield this.router.transitionTo("inquiry.index");
     } catch (error) {
       this.notification.danger(
         this.intl.t("caluma.distribution.answer.complete-error")

package/addon/components/inquiry-dialog/inquiry-part.hbs

@@ -17,20 +17,14 @@
   </li>
   {{#if (can "edit inquiry" @inquiry)}}
     <li>
-      <LinkTo
-        @route="distribution.inquiry.detail.index"
-        @model={{decode-id @inquiry.id}}
-      >
+      <LinkTo @route="inquiry.detail.index" @model={{decode-id @inquiry.id}}>
         {{t "caluma.distribution.edit.link"}}
       </LinkTo>
     </li>
   {{/if}}
   {{#if (can "answer inquiry" @inquiry)}}
     <li>
-      <LinkTo
-        @route="distribution.inquiry.detail.answer"
-        @model={{decode-id @inquiry.id}}
-      >
+      <LinkTo @route="inquiry.detail.answer" @model={{decode-id @inquiry.id}}>
         {{t "caluma.distribution.answer.link"}}
       </LinkTo>
     </li>

package/addon/components/inquiry-dialog.hbs

@@ -1,9 +1,11 @@
-<section>
-  {{#if this._inquiries.isRunning}}
-    <div class="uk-text-center"><UkSpinner @ratio={{2}} /></div>
-  {{else}}
+{{#if this._inquiries.isRunning}}
+  <div class="uk-text-center"><UkSpinner @ratio={{2}} /></div>
+{{else if this.inquiries.length}}
+  <section>
     {{#each this.inquiries as |inquiry|}}
       <InquiryDialog::Inquiry @inquiry={{inquiry}} />
     {{/each}}
-  {{/if}}
-</section>
+  </section>
+{{else}}
+  <Notfound />
+{{/if}}

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

@@ -2,26 +2,28 @@
   @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>
+  <:default 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 />
+    <content.form />
 
-  <DocumentValidity @document={{content.document}} as |isValid validate|>
-    <UkButton
-      @type="submit"
-      @color="primary"
-      @disabled={{or (not isValid) this.send.isRunning}}
-      @onClick={{perform this.send validate}}
-    >{{t "caluma.distribution.edit.send"}}</UkButton>
-  </DocumentValidity>
+    <DocumentValidity @document={{content.document}} as |isValid validate|>
+      <UkButton
+        @type="submit"
+        @color="primary"
+        @disabled={{or (not isValid) this.send.isRunning}}
+        @onClick={{perform this.send validate}}
+      >{{t "caluma.distribution.edit.send"}}</UkButton>
+    </DocumentValidity>
+  </:default>
+  <:notfound><Notfound /></:notfound>
 </CfContent>

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

@@ -43,7 +43,7 @@ export default class InquiryEditFormComponent extends Component {
         variables: { workItem: this.args.inquiry },
       });
 
-      yield this.router.transitionTo("distribution.inquiry.index");
+      yield this.router.transitionTo("inquiry.index");
     } catch (error) {
       this.notification.danger(
         this.intl.t("caluma.distribution.edit.send-error")

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

@@ -1,109 +1,121 @@
-<h1>{{t "caluma.distribution.new.title"}}</h1>
+{{#if this.controls.workItems.isRunning}}
+  <div class="uk-text-center"><UkSpinner @ratio={{2}} /></div>
+{{else if (can "create inquiry of distribution")}}
+  <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>
+  {{#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
+          @label={{t "caluma.distribution.new.reset"}}
+          @onClick={{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}}
+          @onClick={{perform this.submit}}
+          data-test-submit
+        />
       </div>
-      {{t "caluma.distribution.new.selected" count=this.selectedGroups.length}}
-    </div>
-    <div>
-      <UkButton
-        @label={{t "caluma.distribution.new.reset"}}
-        @onClick={{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}}
-        @onClick={{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"}}
-        @onClick={{fn this.updateSelectedTypes slug}}
-      />
-    {{/unless}}
-  {{/each-in}}
-</div>
+    <hr />
+  {{/if}}
 
-<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>
+  <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"}}
+          @onClick={{fn this.updateSelectedTypes slug}}
+        />
+      {{/unless}}
+    {{/each-in}}
+  </div>
 
-{{#if this.groups.isRunning}}
-  <div class="uk-text-center uk-margin">
-    <UkSpinner @ratio={{2}} />
+  <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>
-{{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>
+
+  {{#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}}
 {{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>
+  <Notfound />
 {{/if}}

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

@@ -10,7 +10,6 @@ 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) => {
@@ -26,6 +25,7 @@ export default class InquiryNewFormComponent extends Component {
   @service notification;
   @service intl;
   @service router;
+  @service("caluma-distribution-controls") controls;
 
   @queryManager apollo;
 
@@ -80,26 +80,16 @@ export default class InquiryNewFormComponent extends Component {
     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"
+      // get create inquiry work item to complete
+      const createId = decodeId(
+        this.controls.workItems.value?.create.edges[0].node.id
       );
 
       // create new inquiries
       yield this.apollo.mutate({
         mutation: createInquiryMutation,
         variables: {
-          id: decodeId(controlsData[0].node.id),
+          id: createId,
           context: JSON.stringify({
             addressed_groups: this.selectedGroups.map(String),
           }),
@@ -124,7 +114,7 @@ export default class InquiryNewFormComponent extends Component {
       );
 
       // transition to last added inquiry
-      this.router.transitionTo("distribution.inquiry", {
+      this.router.transitionTo("inquiry", {
         from: navigationData[0].node.controllingGroups[0],
         to: navigationData[0].node.addressedGroups[0],
       });

package/addon/components/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/config.js

@@ -15,6 +15,7 @@ export default function config(target, property) {
     get() {
       return merge(
         {
+          ui: { stack: false },
           controls: {
             createTask: "create-inquiry",
             completeTask: "complete-distribution",

package/addon/controllers/application.js

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

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"];

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/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/caluma-distribution-controls.js

@@ -0,0 +1,37 @@
+import { getOwner } from "@ember/application";
+import Service, { inject as service } from "@ember/service";
+import { queryManager } from "ember-apollo-client";
+import { dropTask } from "ember-concurrency";
+import { useTask } from "ember-resources";
+
+import config from "@projectcaluma/ember-distribution/config";
+import controlWorkItemsQuery from "@projectcaluma/ember-distribution/gql/queries/control-work-items.graphql";
+
+export default class CalumaDistributionControlsService extends Service {
+  @service calumaOptions;
+  @service router;
+
+  @queryManager apollo;
+
+  @config config;
+
+  get caseId() {
+    return getOwner(this).lookup("route:application").currentModel;
+  }
+
+  workItems = useTask(this, this.fetchWorkItems, () => [this.caseId]);
+
+  @dropTask
+  *fetchWorkItems(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,
+      },
+    });
+  }
+}

package/addon/templates/application.hbs

@@ -0,0 +1,8 @@
+<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"}}>
+    <DistributionNavigation @caseId={{@model}} />
+  </div>
+  <div class={{if this.config.ui.stack "uk-width-1-1" "uk-width-2-3"}}>
+    {{outlet}}
+  </div>
+</div>

package/addon/templates/index.hbs

@@ -0,0 +1,8 @@
+<div class="uk-text-center">
+  <p class="uk-text-muted">{{t "caluma.distribution.empty"}}</p>
+  {{#if (can "create inquiry of distribution")}}
+    <LinkTo @route="new" class="uk-margin-top">
+      {{t "caluma.distribution.create"}}
+    </LinkTo>
+  {{/if}}
+</div>

package/addon/templates/notfound.hbs

@@ -0,0 +1 @@
+<Notfound />

package/app/abilities/distribution.js

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

package/app/components/notfound.js

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

package/app/services/caluma-distribution-controls.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@projectcaluma/ember-distribution",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.4",
   "description": "Ember engine for the Caluma distribution module.",
   "keywords": [
     "ember-addon",
@@ -21,17 +21,18 @@
     "@glimmer/component": "^1.0.4",
     "@glimmer/tracking": "^1.0.4",
     "@projectcaluma/ember-core": "^11.0.0-beta.4",
-    "@projectcaluma/ember-form": "^11.0.0-beta.9",
+    "@projectcaluma/ember-form": "^11.0.0-beta.11",
     "@projectcaluma/ember-workflow": "^11.0.0-beta.4",
     "ember-apollo-client": "^3.2.0",
     "ember-auto-import": "^2.4.0",
     "ember-can": "^4.1.0",
     "ember-cli-babel": "^7.26.11",
     "ember-cli-htmlbars": "^6.0.1",
-    "ember-concurrency": "^2.2.0",
+    "ember-concurrency": "^2.2.1",
     "ember-engines-router-service": "^0.3.0",
     "ember-fetch": "^8.1.1",
     "ember-intl": "^5.7.2",
+    "ember-pikaday": "^4.0.0",
     "ember-resources": "^4.3.1",
     "ember-svg-jar": "^2.3.4",
     "ember-test-selectors": "^6.0.0",
@@ -45,11 +46,12 @@
   "devDependencies": {
     "@ember/optional-features": "2.0.0",
     "@ember/test-helpers": "2.6.0",
-    "@embroider/test-setup": "1.0.0",
-    "@faker-js/faker": "6.0.0-alpha.5",
-    "@projectcaluma/ember-testing": "11.0.0-beta.2",
+    "@embroider/test-setup": "1.2.0",
+    "@faker-js/faker": "6.0.0-alpha.6",
+    "@projectcaluma/ember-testing": "11.0.0-beta.3",
     "broccoli-asset-rev": "3.0.0",
     "ember-cli": "3.28.5",
+    "ember-cli-code-coverage": "1.0.3",
     "ember-cli-dependency-checker": "3.2.0",
     "ember-cli-inject-live-reload": "2.1.0",
     "ember-cli-mirage": "2.4.0",
@@ -72,7 +74,7 @@
     "qunit": "2.17.2",
     "qunit-dom": "2.0.0",
     "sass": "1.49.7",
-    "webpack": "5.68.0"
+    "webpack": "5.69.0"
   },
   "engines": {
     "node": "12.* || 14.* || >= 16"

package/translations/de.yaml

@@ -1,5 +1,8 @@
 caluma:
   distribution:
+    empty: "Es gibt noch keine Anfragen."
+    create: "Erstellen Sie die Erste jetzt!"
+
     edit:
       title: "Anfrage bearbeiten"
       link: "Bearbeiten"
@@ -40,3 +43,9 @@ caluma:
       positive: "Positiv"
       negative: "Negativ"
       needs-interaction: "Aktion erforderlich"
+
+    notfound:
+      title: "404"
+      subtitle: "Seite nicht gefunden!"
+      back: "Zurück zur"
+      link: "Startseite"

package/translations/en.yaml

@@ -1,5 +1,8 @@
 caluma:
   distribution:
+    empty: "There are no inquiries yet."
+    create: "Create the first one now!"
+
     edit:
       title: "Edit inquiry"
       link: "Edit"
@@ -40,3 +43,9 @@ caluma:
       positive: "Positive"
       negative: "Negative"
       needs-interaction: "Needs interaction"
+
+    notfound:
+      title: "404"
+      subtitle: "Page not found!"
+      back: "Go back to the"
+      link: "landing page"

package/translations/fr.yaml

@@ -1,5 +1,8 @@
 caluma:
   distribution:
+    empty: "Il n'y a pas encore de demande."
+    create: "Créez la première maintenant !"
+
     edit:
       title: "Modifier la demande"
       link: "Modifier"
@@ -40,3 +43,9 @@ caluma:
       positive: "Positif"
       negative: "Negatif"
       needs-interaction: "Action nécessaire"
+
+    notfound:
+      title: "404"
+      subtitle: "Page non trouvée !"
+      back: "Retour à"
+      link: "la page d'accueil"

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.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>