fix(ember): improve code, apply review changes

Author: Yelinz

ember/app/caluma-query/models/work-item.js

@@ -10,7 +10,7 @@ export default class CustomWorkItemModel extends WorkItemModel {
   }
 
   get case() {
-    return this.raw.case.parentWorkItem?.case || this.raw.case;
+    return this.raw.case;
   }
 
   static fragment = `{

ember/app/cases/detail/work-items/edit/form/controller.js

@@ -1,9 +1,7 @@
 import Controller from "@ember/controller";
 import { action } from "@ember/object";
 import { inject as service } from "@ember/service";
-import completeWorkItem from "caluma-portal-demo/gql/mutations/complete-work-item";
 import { queryManager } from "ember-apollo-client";
-import { dropTask } from "ember-concurrency-decorators";
 
 export default class CasesDetailWorkItemsEditFormController extends Controller {
   @queryManager apollo;
@@ -15,16 +13,6 @@ export default class CasesDetailWorkItemsEditFormController extends Controller {
     return this.model.value[0];
   }
 
-  @dropTask()
-  *completeWorkItem() {
-    yield this.apollo.mutate({
-      mutation: completeWorkItem,
-      variables: { id: this.workItem.id },
-    });
-
-    this.actionButtonOnSuccess();
-  }
-
   @action
   actionButtonOnSuccess() {
     this.notification.success("workItem.finishSuccess");

ember/app/cases/detail/work-items/edit/form/template.hbs

@@ -7,7 +7,6 @@
 {{else}}
   <CfContent @documentId={{this.workItem.document.id}}
     @context={{hash
-      completeCallback=(perform this.completeWorkItem)
       actionButtonOnSuccess=this.actionButtonOnSuccess
     }}
     @disabled={{not this.workItem.isReady}}

ember/app/cases/detail/work-items/edit/index/controller.js

@@ -2,7 +2,6 @@ import Controller from "@ember/controller";
 import { action } from "@ember/object";
 import { inject as service } from "@ember/service";
 import { tracked } from "@glimmer/tracking";
-import completeWorkItem from "caluma-portal-demo/gql/mutations/complete-work-item";
 import saveWorkItem from "caluma-portal-demo/gql/mutations/save-work-item";
 import { queryManager } from "ember-apollo-client";
 import { dropTask } from "ember-concurrency-decorators";
@@ -21,32 +20,10 @@ export default class CasesDetailWorkItemsEditController extends Controller {
 
   @tracked description = this.workItem.description;
 
-  @dropTask
-  *finishWorkItem(event) {
-    event.preventDefault();
-
-    try {
-      yield this.apollo.mutate({
-        mutation: saveWorkItem,
-        variables: {
-          input: {
-            workItem: this.workItem.id,
-            meta: JSON.stringify(this.workItem.meta),
-          },
-        },
-      });
-
-      yield this.apollo.mutate({
-        mutation: completeWorkItem,
-        variables: { id: this.workItem.id },
-      });
+  finishWorkItem() {
+    this.notification.success(this.intl.t("workItems.finishSuccess"));
 
-      this.notification.success(this.intl.t("workItems.finishSuccess"));
-
-      this.router.transitionTo("cases.detail.work-items.index");
-    } catch (error) {
-      this.notification.danger(this.intl.t("workItems.saveError"));
-    }
+    this.router.transitionTo("cases.detail.work-items.index");
   }
 
   @dropTask

ember/app/cases/detail/work-items/edit/index/template.hbs

@@ -12,16 +12,16 @@
     {{this.workItem.task.name}}
   </h2>
 
-  <div class="work-item-attributes">
+  <div>
     {{#if this.workItem.isCompleted}}
-      <div class="work-item-attribute">
-        <span class="work-item-attribute__title">
+      <div>
+        <span>
           {{t "workItems.closedBy"}}
         </span>
         {{this.workItem.closedByUser.fullName}}
       </div>
-      <div class="work-item-attribute">
-        <span class="work-item-attribute__title">
+      <div>
+        <span>
           {{t "workItems.closedAt"}}
         </span>
         {{
@@ -81,10 +81,7 @@
 
     <div class="uk-margin">
       <label class="uk-form-label" for="deadline">
-        {{t "workItems.deadline"}}
-        <span class="mandatory">
-          *
-        </span>
+        {{t "workItems.deadline"}}*
       </label>
       <div class="uk-form-controls">
         <PikadayInput
@@ -110,12 +107,13 @@
         @label={{t "global.save"}}
       />
 
-      <UkButton
-        @type="submit"
-        @color="primary"
-        @label={{t "workItems.actions.finish"}}
-        @onClick={{perform this.finishWorkItem}}
-      />
+      <WorkItemButton
+        @mutation="complete"
+        @workItemId={{this.workItem.id}}
+        @onSuccess={{this.finishWorkItem}}
+      >
+        {{t "workItems.actions.finish"}}
+      </WorkItemButton>
     </div>
   </form>
 {{/if}}

ember/app/components/context-menu/template.hbs

@@ -6,9 +6,8 @@
   <span hidden>{{t "global.openMenu"}}</span>
   <UkIcon @icon="more-vertical" />
 </UkButton>
-<div uk-drop>
-  <div class="uk-card uk-card-body uk-card-small uk-card-default">
-    <ul class="uk-list">
+<div uk-dropdown>
+    <ul class="uk-list uk-margin-remove">
       {{#each @actions as |action|}}
         <li>
           <UkButton
@@ -21,5 +20,4 @@
         </li>
       {{/each}}
     </ul>
-  </div>
 </div>

ember/app/components/filters/radio-buttons/template.hbs

@@ -1,4 +1,4 @@
-<div>
+<div class="uk-margin-right">
   <label class="uk-display-block">{{@label}}</label>
   <div class="uk-button-group">
     {{#each @options as |option|}}

ember/app/components/filters/template.hbs

@@ -1,3 +1,3 @@
-<div class="filters" ...attributes>
+<div class="uk-flex" ...attributes>
   {{yield (hash RadioButtons=(component "filters/radio-buttons"))}}
 </div>

ember/app/components/nav-bar/template.hbs

@@ -8,7 +8,7 @@
   </LinkTo>
 
   <UkTab as |tab|>
-    <tab.item @href="/">{{t "nav.cases"}}</tab.item>
+    <tab.item @href="/" @linkToIndex={{true}}>{{t "nav.cases"}}</tab.item>
     <tab.item @href="/work-items">{{t "nav.workItems"}}</tab.item>
     <tab.item @href="/form-builder">{{t "nav.form-builder"}}</tab.item>
     <tab.item @href="/alexandria">{{t "nav.alexandria"}}</tab.item>

ember/app/components/work-item-list/template.hbs

@@ -7,13 +7,11 @@
 />
 
 <div class="uk-width-expand uk-flex uk-flex-middle uk-text-meta uk-margin">
-  <span>
-    {{
-      t
-      "global.paginationInfo"
-      count=@query.value.length
-      total=@query.totalCount
-      htmlSafe=true
-    }}
-  </span>
+  {{
+    t
+    "global.paginationInfo"
+    count=@query.value.length
+    total=@query.totalCount
+    htmlSafe=true
+  }}
 </div>