@projectcaluma/ember-distribution 1.0.0-beta.2 → 1.0.0-beta.5

package/CHANGELOG.md

@@ -1,3 +1,41 @@
+# [@projectcaluma/ember-distribution-v1.0.0-beta.5](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.4...@projectcaluma/ember-distribution-v1.0.0-beta.5) (2022-03-11)
+
+
+### Bug Fixes
+
+* **distribution:** fix sorting after group names in navigation ([2299d3b](https://github.com/projectcaluma/ember-caluma/commit/2299d3b0e265204ab6747dbdc6a8b64fc22f247f))
+* **distribution:** redirect to edit form after inquiry creation ([0a2c404](https://github.com/projectcaluma/ember-caluma/commit/0a2c40404fdb1258fb8d51a2809a03b335c7c78a))
+
+# [@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)
+
+
+### Bug Fixes
+
+* **deps:** remove moment altogether and update ember-pikday ([b2f7fa2](https://github.com/projectcaluma/ember-caluma/commit/b2f7fa28fa076897addd36e5964c926c671508ff))
+* **distribution:** replace moment with luxon ([80f6b9a](https://github.com/projectcaluma/ember-caluma/commit/80f6b9a984113a5870a1a9ffbcc8e1700cb33190))
+
+
+### BREAKING CHANGES
+
+* **deps:** The host app now needs to opt-in to use the default
+pikaday styles: https://github.com/adopted-ember-addons/ember-pikaday#styles
+
 # [@projectcaluma/ember-distribution-v1.0.0-beta.2](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.1...@projectcaluma/ember-distribution-v1.0.0-beta.2) (2022-02-01)
 
 

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

@@ -20,10 +20,15 @@ export default class DistributionNavigationComponent extends Component {
   @tracked groups = [];
 
   get inquiries() {
-    const findGroupName = (ids) =>
-      this.groups.find((g) =>
-        ids.includes(g[this.calumaOptions.groupIdentifierProperty])
-      )?.[this.calumaOptions.groupNameProperty];
+    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._inquiries.value || []).reduce(
       (inquiries, [key, objects]) => {
@@ -74,7 +79,7 @@ export default class DistributionNavigationComponent extends Component {
       ),
     ];
 
-    this.groups = yield this.scheduler.resolve(groupIds, "group");
+    yield this.scheduler.resolve(groupIds, "group");
 
     return response;
   }

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

@@ -1,6 +1,14 @@
-<div
-  class="uk-position-top-right uk-margin-medium-top uk-margin-medium-right uk-flex-inline uk-flex-middle uk-text-{{this.deadline.color}}"
->
-  {{svg-jar "alarm-outline" height=26 class="uk-margin-small-right"}}
-  {{format-date this.deadline.value}}
-</div>
+{{#if this.deadline.value}}
+  <div
+    class="uk-position-top-right
+      {{if
+        this.config.ui.small
+        'uk-margin-top uk-margin-right'
+        'uk-margin-medium-top uk-margin-medium-right'
+      }}
+      uk-flex-inline uk-flex-middle uk-text-{{this.deadline.color}}"
+  >
+    {{svg-jar "alarm-outline" height=26 class="uk-margin-small-right"}}
+    {{format-date this.deadline.value}}
+  </div>
+{{/if}}

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

@@ -1,5 +1,6 @@
 <div
-  class="inquiry-divider uk-flex uk-flex-center uk-flex-middle uk-flex-between uk-margin uk-text-{{this.status.color}}"
+  class="inquiry-divider uk-flex uk-flex-center uk-flex-middle uk-flex-between uk-text-{{this.status.color}}
+    {{if this.config.ui.small 'inquiry-divider--small' 'uk-margin'}}"
 >
   <div class="inquiry-divider__icon uk-flex uk-flex-center uk-flex-middle">
     {{svg-jar this.status.icon title=this.status.label}}

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

@@ -8,7 +8,14 @@
   {{/if}}
 </p>
 
-<ul class="uk-subnav uk-subnav-divider uk-margin-small-top">
+<ul
+  class="uk-subnav uk-subnav-divider
+    {{if
+      this.config.ui.small
+      'uk-margin-remove-top uk-margin-small-bottom'
+      'uk-margin-small-top'
+    }}"
+>
   <li>
     <span>
       {{format-date this.date}}
@@ -17,24 +24,20 @@
   </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>
   {{/if}}
 </ul>
 
-<p class="uk-margin-remove-bottom">{{this.info}}</p>
+{{#if this.info}}
+  <p class="uk-margin-remove">{{this.info}}</p>
+{{/if}}

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

@@ -1,6 +1,10 @@
 import Component from "@glimmer/component";
 
+import config from "@projectcaluma/ember-distribution/config";
+
 export default class InquiryDialogInquiryPartComponent extends Component {
+  @config config;
+
   get date() {
     const key = this.args.type === "request" ? "createdAt" : "closedAt";
 

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

@@ -1,4 +1,7 @@
-<article class="uk-card uk-card-default uk-margin">
+<article
+  class="uk-card uk-card-default uk-margin
+    {{if this.config.ui.small 'uk-card-small'}}"
+>
   <div class="uk-card-body">
     <InquiryDialog::InquiryDeadline @inquiry={{@inquiry}} />
 

package/addon/components/inquiry-dialog/inquiry.js

@@ -1,6 +1,10 @@
 import Component from "@glimmer/component";
 
+import config from "@projectcaluma/ember-distribution/config";
+
 export default class InquiryDialogInquiryComponent extends Component {
+  @config config;
+
   get hasAnswer() {
     return this.args.inquiry.status === "COMPLETED";
   }

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

@@ -11,6 +11,7 @@ import inquiryEditQuery from "@projectcaluma/ember-distribution/gql/queries/inqu
 export default class InquiryEditFormComponent extends Component {
   @service notification;
   @service router;
+  @service intl;
 
   @config config;
 
@@ -43,7 +44,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")