@projectcaluma/ember-distribution 1.0.0-beta.9 → 11.0.0-beta.24

package/CHANGELOG.md

@@ -1,3 +1,73 @@
+# [@projectcaluma/ember-distribution-v1.0.0-beta.16](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.15...@projectcaluma/ember-distribution-v1.0.0-beta.16) (2022-08-15)
+
+
+### Features
+
+* **distribution:** always show confirmation dialog when completing ([507e062](https://github.com/projectcaluma/ember-caluma/commit/507e062afa32e7d4b8d64a2016a4c795a6e632cf))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.15](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.14...@projectcaluma/ember-distribution-v1.0.0-beta.15) (2022-07-18)
+
+
+### Bug Fixes
+
+* **distribution:** include fetch service dependency ([841c233](https://github.com/projectcaluma/ember-caluma/commit/841c23320f07968a8181bfc9273f592652049516))
+* **distribution:** only show permission info for suspended inquiries ([bd594f8](https://github.com/projectcaluma/ember-caluma/commit/bd594f8ac026af8bf0579dc947862710363ac028))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.14](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.13...@projectcaluma/ember-distribution-v1.0.0-beta.14) (2022-07-06)
+
+
+### Bug Fixes
+
+* **distribution:** fix title and deadline alignment and icon size ([eb6f495](https://github.com/projectcaluma/ember-caluma/commit/eb6f495408decdf7d735ad2dbc702ee7e4e0ede5))
+* **distribution:** fix title layout with status ([dc49b82](https://github.com/projectcaluma/ember-caluma/commit/dc49b82b3d2f3b9962e9373506e286b4b7ca7225))
+* **distribution:** order answers by configured question order ([668383f](https://github.com/projectcaluma/ember-caluma/commit/668383f5526403187ee66b4ac85cc8ace4ad061a))
+
+
+### Features
+
+* **distribution:** change needs-interaction status icon to text file ([695c6db](https://github.com/projectcaluma/ember-caluma/commit/695c6db4b7d87af87e334da7aece7e0f4b17129e))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.13](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.12...@projectcaluma/ember-distribution-v1.0.0-beta.13) (2022-06-09)
+
+
+### Features
+
+* **caluma:** use new filter syntax of caluma ([7a00c03](https://github.com/projectcaluma/ember-caluma/commit/7a00c03a103933d9e48dd88adb7382441a298742))
+
+
+### BREAKING CHANGES
+
+* **caluma:** `ember-caluma` now requires Caluma version >=
+8.0.0-beta.6
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.12](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.11...@projectcaluma/ember-distribution-v1.0.0-beta.12) (2022-06-09)
+
+
+### Bug Fixes
+
+* **distribution:** fix selection of groups with the checkbox ([9f028dc](https://github.com/projectcaluma/ember-caluma/commit/9f028dc6ec16214249f43e519280397131006e7c))
+* **distribution:** refetch inquiry answer after work-item completion ([60cfaca](https://github.com/projectcaluma/ember-caluma/commit/60cfaca04d94a44efc4950eeb1aecee767b4eeb5))
+
+
+### Features
+
+* **distribution:** add configurable status for unanswered inquiries ([e08247f](https://github.com/projectcaluma/ember-caluma/commit/e08247f6e2b73f859011f4eac7ffff71f101f546))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.11](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.10...@projectcaluma/ember-distribution-v1.0.0-beta.11) (2022-05-13)
+
+
+### Features
+
+* **distribution:** add status for skipped inquiries ([1f93c92](https://github.com/projectcaluma/ember-caluma/commit/1f93c92d76b697954ec54aefa12348c84cd0abf9))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.10](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.9...@projectcaluma/ember-distribution-v1.0.0-beta.10) (2022-05-11)
+
+
+### Features
+
+* **distribution:** add readonly mode ([2f45c98](https://github.com/projectcaluma/ember-caluma/commit/2f45c985a2fa387c79ca39c49c1e50dc37926352))
+* **distribution:** allow custom permissions from the host app ([8a997bf](https://github.com/projectcaluma/ember-caluma/commit/8a997bf4d921ff738a6cca956a4dd9cbabe8f7c5))
+
 # [@projectcaluma/ember-distribution-v1.0.0-beta.9](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.8...@projectcaluma/ember-distribution-v1.0.0-beta.9) (2022-05-09)
 
 

package/addon/abilities/distribution.js

@@ -1,13 +1,19 @@
 import { inject as service } from "@ember/service";
 import { Ability } from "ember-can";
 
+import config from "@projectcaluma/ember-distribution/config";
+
 const hasStatus = (status) => (edge) => edge.node.status === status;
 
 export default class DistributionAbility extends Ability {
   @service distribution;
 
+  @config config;
+
   get canSendInquiries() {
     return (
+      !this.config.ui.readonly &&
+      (this.config.permissions.sendInquiry?.(null) ?? true) &&
       this.distribution.controls.value?.send.edges.filter(
         hasStatus("SUSPENDED")
       ).length > 0
@@ -16,6 +22,8 @@ export default class DistributionAbility extends Ability {
 
   get canCreateInquiry() {
     return (
+      !this.config.ui.readonly &&
+      (this.config.permissions.createInquiry?.() ?? true) &&
       this.distribution.controls.value?.create.edges.filter(hasStatus("READY"))
         .length > 0
     );
@@ -23,9 +31,20 @@ export default class DistributionAbility extends Ability {
 
   get canComplete() {
     return (
+      !this.config.ui.readonly &&
+      (this.config.permissions.completeDistribution?.() ?? true) &&
       this.distribution.controls.value?.complete.edges.filter(
         hasStatus("READY")
       ).length > 0
     );
   }
+
+  get canReopen() {
+    return (
+      !this.config.ui.readonly &&
+      (this.config.permissions.reopenDistribution?.() ?? true) &&
+      this.distribution.controls.value?.case.edges[0]?.node.parentWorkItem
+        .isRedoable
+    );
+  }
 }

package/addon/abilities/inquiry.js

@@ -10,6 +10,7 @@ export default class InquiryAbility extends Ability {
 
   get canEdit() {
     return (
+      !this.config.ui.readonly &&
       this.model?.task.slug === this.config.inquiry.task &&
       this.model?.status === "SUSPENDED" &&
       this.model?.controllingGroups
@@ -18,8 +19,17 @@ export default class InquiryAbility extends Ability {
     );
   }
 
+  get canSend() {
+    return this.config.permissions.sendInquiry?.(this.model) ?? true;
+  }
+
+  get canWithdraw() {
+    return this.config.permissions.withdrawInquiry?.(this.model) ?? true;
+  }
+
   get canAnswer() {
     return (
+      !this.config.ui.readonly &&
       this.model?.task.slug === this.config.inquiry.task &&
       this.model?.status === "READY" &&
       this.model?.addressedGroups
@@ -30,10 +40,20 @@ export default class InquiryAbility extends Ability {
 
   get canEditAnswerForm() {
     return (
+      !this.config.ui.readonly &&
       this.canAnswer &&
       this.model?.childCase.workItems.edges.some(
         (edge) => edge.node.task.__typename === "CompleteWorkflowFormTask"
       )
     );
   }
+
+  get canCompleteChildWorkItem() {
+    return (
+      this.config.permissions.completeInquiryChildWorkItem?.(
+        this.model,
+        this.task
+      ) ?? true
+    );
+  }
 }

package/addon/components/cd-document-header.hbs

@@ -1,11 +1,11 @@
-<p class="uk-text-large uk-margin-remove">
-  {{@name}}
-  {{#if @isDraft}}
-    <UkLabel
-      @label={{t "caluma.distribution.status.draft"}}
-      class="uk-margin-left"
-    />
-  {{/if}}
+<p class="uk-text-large uk-margin-remove uk-flex uk-flex-middle">
+  <div class="uk-width-expand">
+    {{@name}}
+    {{#if @status}}
+      <UkLabel @label={{@status}} class="uk-margin-left" />
+    {{/if}}
+  </div>
+  {{yield}}
 </p>
 
 {{#if (and @modifiedBy @modifiedAt)}}

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

@@ -5,19 +5,14 @@
 >
   <:default as |content|>
 
-    <div class="uk-position-relative">
-      <CdDocumentHeader
-        @name={{content.document.rootForm.raw.name}}
-        @isDraft={{eq this.inquiry.status "READY"}}
-        @modifiedAt={{this.inquiry.childCase.document.modifiedContentAt}}
-        @modifiedBy={{this.inquiry.childCase.document.modifiedContentByUser}}
-      />
-
-      <CdInquiryDialog::InquiryDeadline
-        @inquiry={{this.inquiry}}
-        class="uk-margin-remove uk-position-center-right"
-      />
-    </div>
+    <CdDocumentHeader
+      @name={{content.document.rootForm.raw.name}}
+      @status={{if (eq this.inquiry.status "READY") this.answerStatus}}
+      @modifiedAt={{this.inquiry.childCase.document.modifiedContentAt}}
+      @modifiedBy={{this.inquiry.childCase.document.modifiedContentByUser}}
+    >
+      <CdInquiryDialog::InquiryDeadline @inquiry={{this.inquiry}} />
+    </CdDocumentHeader>
 
     <hr />
 
@@ -29,6 +24,19 @@
       />
     </div>
 
+    {{#if
+      (and
+        (not this.buttons.length)
+        (can "edit answer form of inquiry" this.inquiry)
+      )
+    }}
+      <div class="uk-alert uk-alert-warning uk-flex uk-flex-middle">
+        <UkIcon @icon="warning" class="uk-margin-small-right" />
+        {{t "caluma.distribution.answer.complete-not-allowed"}}
+        {{t "caluma.distribution.not-allowed-hint"}}
+      </div>
+    {{/if}}
+
     <content.form />
 
     {{#each this.buttons as |buttonConfig|}}

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

@@ -1,6 +1,6 @@
 import { inject as service } from "@ember/service";
 import Component from "@glimmer/component";
-import { queryManager } from "ember-apollo-client";
+import { queryManager, getObservable } from "ember-apollo-client";
 import { dropTask } from "ember-concurrency";
 import { trackedTask } from "ember-resources/util/ember-concurrency";
 
@@ -8,16 +8,20 @@ import { decodeId } from "@projectcaluma/ember-core/helpers/decode-id";
 import config from "@projectcaluma/ember-distribution/config";
 import completeInquiryWorkItemMutation from "@projectcaluma/ember-distribution/gql/mutations/complete-inquiry-work-item.graphql";
 import inquiryAnswerQuery from "@projectcaluma/ember-distribution/gql/queries/inquiry-answer.graphql";
+import inquiryAnswerStatus from "@projectcaluma/ember-distribution/utils/inquiry-answer-status";
 
 export default class CdInquiryAnswerFormComponent extends Component {
   @service intl;
   @service router;
+  @service abilities;
   @service notification;
 
   @config config;
 
   @queryManager apollo;
 
+  @inquiryAnswerStatus({ inquiryProperty: "inquiry" }) answerStatus;
+
   _inquiry = trackedTask(this, this.fetchInquiryAnswer, () => [
     this.args.inquiry,
   ]);
@@ -27,16 +31,25 @@ export default class CdInquiryAnswerFormComponent extends Component {
   }
 
   get buttons() {
-    return this.inquiry?.childCase.workItems.edges.map((edge) => {
-      const config = this.config.inquiry.answer.buttons[edge.node.task.slug];
+    return this.inquiry?.childCase.workItems.edges
+      .map((edge) => {
+        const config = this.config.inquiry.answer.buttons[edge.node.task.slug];
 
-      return {
-        workItemId: decodeId(edge.node.id),
-        color: config.color,
-        isFormButton: edge.node.task.__typename === "CompleteWorkflowFormTask",
-        label: this.intl.t(config.label),
-      };
-    });
+        return this.abilities.can(
+          "complete child work item of inquiry",
+          this.inquiry,
+          { task: edge.node.task.slug }
+        )
+          ? {
+              workItemId: decodeId(edge.node.id),
+              color: config.color,
+              isFormButton:
+                edge.node.task.__typename === "CompleteWorkflowFormTask",
+              label: this.intl.t(config.label),
+            }
+          : null;
+      })
+      .filter(Boolean);
   }
 
   @dropTask
@@ -69,6 +82,7 @@ export default class CdInquiryAnswerFormComponent extends Component {
         },
       });
 
+      yield getObservable(this._inquiry.value)?.refetch();
       yield this.router.transitionTo("inquiry.index");
     } catch (error) {
       this.notification.danger(

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

@@ -1,25 +1,18 @@
 {{#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'
-      }}
+    class="uk-flex-inline uk-flex-middle
       {{if
         this.isWithdrawn
         'uk-text-muted'
         (concat 'uk-text-' this.deadline.color)
-      }}
-      uk-flex-inline uk-flex-middle"
+      }}"
+    data-test-deadline
     ...attributes
   >
-    {{svg-jar
-      (if this.isWithdrawn "ban-outline" "alarm-outline")
-      height=26
-      width=26
+    <UkIcon
+      @icon={{if this.isWithdrawn "ban" "clock"}}
       class="uk-margin-small-right"
-    }}
+    />
     {{#if this.isWithdrawn}}
       {{t "caluma.distribution.withdraw.status"}}
     {{else}}

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

@@ -3,6 +3,6 @@
     {{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}}
+    <UkIcon @icon={{this.status.icon}} uk-tooltip={{this.status.label}} />
   </div>
 </div>

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

@@ -1,13 +1,23 @@
 <div class="uk-margin-remove-last-child">
-  <p class="uk-flex uk-flex-middle uk-text-large uk-margin-remove">
+  <div class="uk-flex uk-flex-middle uk-text-large" data-test-title>
     {{#if (eq @type "request")}}
-      {{svg-jar "arrow-redo-outline" height=24 class="uk-margin-small-right"}}
-      {{group-name @inquiry.controllingGroups}}
+      <UkIcon @icon="forward" class="uk-margin-small-right" />
+      <div class="uk-width-expand uk-margin-small-right">
+        {{group-name @inquiry.controllingGroups}}
+        {{#if
+          (and
+            (can "answer inquiry" @inquiry) (not @disabled) this.answerStatus
+          )
+        }}
+          <UkLabel @label={{this.answerStatus}} class="uk-margin-left" />
+        {{/if}}
+      </div>
     {{else if (eq @type "answer")}}
-      {{svg-jar "arrow-undo-outline" height=24 class="uk-margin-small-right"}}
-      {{group-name @inquiry.addressedGroups}}
+      <UkIcon @icon="reply" class="uk-margin-small-right" />
+      <div class="uk-width-expand">{{group-name @inquiry.addressedGroups}}</div>
     {{/if}}
-  </p>
+    {{yield}}
+  </div>
 
   <ul
     class="uk-subnav uk-subnav-divider
@@ -45,11 +55,17 @@
             {{t "caluma.distribution.edit.link"}}
           </LinkTo>
         </li>
-        <li>
-          <a href="" {{on "click" (perform this.withdraw)}} data-test-withdraw>
-            {{t "caluma.distribution.withdraw.link"}}
-          </a>
-        </li>
+        {{#if (can "withdraw inquiry" @inquiry)}}
+          <li>
+            <a
+              href=""
+              {{on "click" (perform this.withdraw)}}
+              data-test-withdraw
+            >
+              {{t "caluma.distribution.withdraw.link"}}
+            </a>
+          </li>
+        {{/if}}
       {{else if (can "answer inquiry" @inquiry)}}
         <li>
           <LinkTo

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

@@ -8,6 +8,7 @@ import { confirm } from "ember-uikit";
 import { decodeId } from "@projectcaluma/ember-core/helpers/decode-id";
 import config from "@projectcaluma/ember-distribution/config";
 import withdrawInquiryMutation from "@projectcaluma/ember-distribution/gql/mutations/withdraw-inquiry.graphql";
+import inquiryAnswerStatus from "@projectcaluma/ember-distribution/utils/inquiry-answer-status";
 
 export default class CdInquiryDialogInquiryPartComponent extends Component {
   @service notification;
@@ -18,6 +19,8 @@ export default class CdInquiryDialogInquiryPartComponent extends Component {
 
   @config config;
 
+  @inquiryAnswerStatus answerStatus;
+
   get date() {
     const key = this.args.type === "request" ? "createdAt" : "closedAt";
 
@@ -31,9 +34,16 @@ export default class CdInquiryDialogInquiryPartComponent extends Component {
   }
 
   get answerInfo() {
+    const questions = this.config.inquiry.answer.infoQuestions ?? [];
+
     return this.args.type === "answer"
       ? this.args.inquiry.childCase.document.info.edges
           .filter((edge) => !isEmpty(edge.node.value))
+          .sort(
+            (a, b) =>
+              questions.indexOf(a.node.question.slug) -
+              questions.indexOf(b.node.question.slug)
+          )
           .map((edge) => ({
             question: edge.node.question.label,
             value: edge.node.value,

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

@@ -3,14 +3,18 @@
     {{if this.config.ui.small 'uk-card-small'}}"
 >
   <div class="uk-card-body">
-    <CdInquiryDialog::InquiryDeadline @inquiry={{@inquiry}} />
-
     {{#if this.hasAnswer}}
-      <CdInquiryDialog::InquiryPart @inquiry={{@inquiry}} @type="answer" />
+      <CdInquiryDialog::InquiryPart @inquiry={{@inquiry}} @type="answer">
+        <CdInquiryDialog::InquiryDeadline @inquiry={{@inquiry}} />
+      </CdInquiryDialog::InquiryPart>
 
       <CdInquiryDialog::InquiryDivider @inquiry={{@inquiry}} />
     {{/if}}
 
-    <CdInquiryDialog::InquiryPart @inquiry={{@inquiry}} @type="request" />
+    <CdInquiryDialog::InquiryPart @inquiry={{@inquiry}} @type="request">
+      {{#unless this.hasAnswer}}
+        <CdInquiryDialog::InquiryDeadline @inquiry={{@inquiry}} />
+      {{/unless}}
+    </CdInquiryDialog::InquiryPart>
   </div>
 </article>

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

@@ -5,13 +5,19 @@
     (and (can "create inquiry of distribution") this.currentGroupIsCreator)
   }}
     <div class="uk-text-center uk-margin">
-      <CdIconButton
-        @title={{t "caluma.distribution.new.title"}}
-        @icon="plus"
-        @loading={{this.createInquiry.isRunning}}
-        @onClick={{perform this.createInquiry}}
+      <button
+        type="button"
+        class="uk-icon-button"
+        uk-tooltip={{t "caluma.distribution.new.title"}}
         data-test-new-inquiry
-      />
+        {{on "click" (perform this.createInquiry)}}
+      >
+        {{#if this.createInquiry.isRunning}}
+          <UkSpinner @ratio={{0.6}} />
+        {{else}}
+          <UkIcon @icon="plus" />
+        {{/if}}
+      </button>
     </div>
   {{/if}}
   <section>

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

@@ -47,6 +47,7 @@ export default class CdInquiryDialogComponent extends Component {
         deadlineQuestion: this.config.inquiry.deadlineQuestion,
         statusQuestion: this.config.inquiry.answer.statusQuestion,
         answerInfoQuestions: this.config.inquiry.answer.infoQuestions,
+        buttonTasks: Object.keys(this.config.inquiry.answer.buttons),
         includeNavigationData: true,
       },
     });

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

@@ -6,16 +6,33 @@
   <:default as |content|>
     <CdDocumentHeader
       @name={{content.document.rootForm.raw.name}}
-      @isDraft={{eq this.inquiry.status "SUSPENDED"}}
+      @status={{if
+        (eq this.inquiry.status "SUSPENDED")
+        (t "caluma.distribution.status.draft")
+      }}
       @modifiedAt={{this.inquiry.document.modifiedContentAt}}
       @modifiedBy={{this.inquiry.document.modifiedContentByUser}}
     />
 
     <hr />
+    {{#if
+      (and
+        (cannot "send inquiry" this.inquiry)
+        (eq this.inquiry.status "SUSPENDED")
+      )
+    }}
+      <div class="uk-alert uk-alert-warning uk-flex uk-flex-middle">
+        <UkIcon @icon="warning" class="uk-margin-small-right" />
+        {{t "caluma.distribution.edit.send-not-allowed"}}
+        {{t "caluma.distribution.not-allowed-hint"}}
+      </div>
+    {{/if}}
 
     <content.form />
 
-    {{#if (can "edit inquiry" this.inquiry)}}
+    {{#if
+      (and (can "edit inquiry" this.inquiry) (can "send inquiry" this.inquiry))
+    }}
       <DocumentValidity @document={{content.document}} as |isValid validate|>
         <UkButton
           @type="submit"

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

@@ -80,36 +80,38 @@
       <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>
+    <table
+      class="uk-table uk-table-striped uk-table-hover uk-table-small uk-table-middle group-list"
+    >
+      <tbody>
+        {{#each this.groups.value as |group|}}
+          {{! template-lint-disable require-presentational-children }}
+          <tr
+            role="checkbox"
+            data-test-group={{group.identifier}}
+            {{on "click" (fn this.updateSelectedGroups group.identifier)}}
+          >
+            <td class="uk-padding-remove-right">
+              {{! template-lint-disable require-input-label no-nested-interactive }}
+              <input
+                type="checkbox"
+                class="uk-checkbox"
+                checked={{includes group.identifier this.selectedGroups}}
+              />
+            </td>
+            <td class="uk-width-expand">{{group-name group.identifier}}</td>
+            <td class="uk-text-right">
+              {{#if group.config.icon}}
+                <UkIcon
+                  @icon={{group.config.icon}}
+                  class="uk-display-block uk-text-{{group.config.iconColor}}"
+                />
+              {{/if}}
+            </td>
+          </tr>
+        {{/each}}
+      </tbody>
+    </table>
   {{else}}
     <div class="uk-text-center">
       <UkIcon @icon="search" @ratio={{10}} class="uk-margin-top" />

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

@@ -44,9 +44,7 @@ export default class CdInquiryNewFormComponent extends Component {
   }
 
   @action
-  updateSelectedGroups(identifier, e) {
-    e.preventDefault();
-
+  updateSelectedGroups(identifier) {
     this.selectedGroups = toggle(identifier, this.selectedGroups);
   }