From 9994027484feac7b2e94966e372a122b3aadb378 Mon Sep 17 00:00:00 2001
From: bertrand <bpinel@ippon.fr>
Date: Sun, 16 Dec 2018 14:18:45 +0100
Subject: [PATCH] Add multiple-entity-selector component for handling
 relationship

---
 addon/components/multiple-entity-selector.js  | 41 +++++++++++++++++++
 .../components/multiple-entity-selector.hbs   |  5 +++
 app/components/multiple-entity-selector.js    |  1 +
 .../multiple-entity-selector-test.js          | 26 ++++++++++++
 4 files changed, 73 insertions(+)
 create mode 100644 addon/components/multiple-entity-selector.js
 create mode 100644 addon/templates/components/multiple-entity-selector.hbs
 create mode 100644 app/components/multiple-entity-selector.js
 create mode 100644 tests/integration/components/multiple-entity-selector-test.js

diff --git a/addon/components/multiple-entity-selector.js b/addon/components/multiple-entity-selector.js
new file mode 100644
index 0000000..bb7379b
--- /dev/null
+++ b/addon/components/multiple-entity-selector.js
@@ -0,0 +1,41 @@
+import Component from '@ember/component';
+import injectService from 'ember-service/inject';
+import { computed } from '@ember/object';
+import { A } from '@ember/array';
+import EmberObject from '@ember/object';
+
+export default Component.extend({
+    store: injectService(),
+    entityType: '',
+    entityKey: '',
+    selectedEntities: [],
+    entities: [],
+    tableColumns: computed(function() {
+        var col = A([
+            EmberObject.create({
+            propertyName: "id",
+            title: "id"
+        }),
+        EmberObject.create({
+            propertyName: this.get('entityKey'),
+            title: this.get('entityKey')
+        })
+        ]);
+        return col;
+    }),
+  init(){
+    this._super(...arguments);
+    this._getEntities();
+  },
+
+  _getEntities() {
+    this.get('store').findAll(this.get('entityType')).then((entities) => {
+      // because this is async you need to guard against the component 
+      // being destroyed before the api call has finished because 
+      // because `this.set` will throw an error.
+      if (this.isDestroyed) { return; } 
+
+      this.set('entities', entities);
+        }
+    )}
+})
diff --git a/addon/templates/components/multiple-entity-selector.hbs b/addon/templates/components/multiple-entity-selector.hbs
new file mode 100644
index 0000000..3939616
--- /dev/null
+++ b/addon/templates/components/multiple-entity-selector.hbs
@@ -0,0 +1,5 @@
+{{models-table
+  data=entities
+  columns=tableColumns
+  multipleSelect=true
+  selectedItems=selectedEntities}}
\ No newline at end of file
diff --git a/app/components/multiple-entity-selector.js b/app/components/multiple-entity-selector.js
new file mode 100644
index 0000000..2b27f75
--- /dev/null
+++ b/app/components/multiple-entity-selector.js
@@ -0,0 +1 @@
+export { default } from 'ember-aws-ehipster/components/multiple-entity-selector';
\ No newline at end of file
diff --git a/tests/integration/components/multiple-entity-selector-test.js b/tests/integration/components/multiple-entity-selector-test.js
new file mode 100644
index 0000000..47e00b9
--- /dev/null
+++ b/tests/integration/components/multiple-entity-selector-test.js
@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import hbs from 'htmlbars-inline-precompile';
+
+module('Integration | Component | multiple-entity-selector', function(hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function(assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.set('myAction', function(val) { ... });
+
+    await render(hbs`{{multiple-entity-selector}}`);
+
+    assert.equal(this.element.textContent.trim(), '');
+
+    // Template block usage:
+    await render(hbs`
+      {{#multiple-entity-selector}}
+        template block text
+      {{/multiple-entity-selector}}
+    `);
+
+    assert.equal(this.element.textContent.trim(), 'template block text');
+  });
+});
-- 
GitLab