From 1fa3e19ad92201454a60a141d7a7809f4f2f589c Mon Sep 17 00:00:00 2001
From: Stanislav Romanov <kaermorchen@gmail.com>
Date: Mon, 28 Mar 2022 12:39:53 +0300
Subject: [PATCH] Add stop-words to settings

---
 app/controllers/admin/indexes/item/settings.js |  2 ++
 app/helpers/split.js                           |  9 +++++++++
 app/templates/admin/indexes/item/settings.hbs  |  6 ++++++
 config/tailwind.config.js                      | 10 ++++++----
 tests/integration/helpers/split-test.js        | 17 +++++++++++++++++
 5 files changed, 40 insertions(+), 4 deletions(-)
 create mode 100644 app/helpers/split.js
 create mode 100644 tests/integration/helpers/split-test.js

diff --git a/app/controllers/admin/indexes/item/settings.js b/app/controllers/admin/indexes/item/settings.js
index 7378e58..df63e76 100644
--- a/app/controllers/admin/indexes/item/settings.js
+++ b/app/controllers/admin/indexes/item/settings.js
@@ -3,6 +3,8 @@ import { action } from '@ember/object';
 import arrayEquals from 'meilisearch-admin/utils/array-equals';
 
 export default class AdminIndexesItemSettingsController extends Controller {
+  returnChar = '\n';
+
   @action
   save() {
     const fields = Object.keys(this.model.stats.fieldDistribution);
diff --git a/app/helpers/split.js b/app/helpers/split.js
new file mode 100644
index 0000000..67c6c6b
--- /dev/null
+++ b/app/helpers/split.js
@@ -0,0 +1,9 @@
+import { helper } from '@ember/component/helper';
+
+function split(positional) {
+  let [separator, maybeValue] = positional;
+  console.log(positional.length, separator, maybeValue);
+  return (str) => str.split(separator);
+}
+
+export default helper(split);
diff --git a/app/templates/admin/indexes/item/settings.hbs b/app/templates/admin/indexes/item/settings.hbs
index 5313c44..bf2ff55 100644
--- a/app/templates/admin/indexes/item/settings.hbs
+++ b/app/templates/admin/indexes/item/settings.hbs
@@ -78,6 +78,12 @@
   </SortableObjects>
 </div>
 
+<InputTextarea
+  @label="Stop-words"
+  @value={{join this.returnChar @model.settings.stopWords}}
+  @onChange={{pipe (split this.returnChar) (set @model.settings 'stopWords')}}
+/>
+
 <Button
   @text="Save"
   @pendingText="Saving"
diff --git a/config/tailwind.config.js b/config/tailwind.config.js
index a679352..25cf5bc 100644
--- a/config/tailwind.config.js
+++ b/config/tailwind.config.js
@@ -10,13 +10,15 @@ module.exports = {
         primary: '#2563EB',
       },
     },
-    emberPowerSelect: theme => ({
+    emberPowerSelect: (theme) => ({
       default: {
         trigger: {
           borderRadius: theme('borderRadius.default'),
           borderColor: theme('borderColor.border'),
           fontSize: theme('fontSize.base'),
-          padding: `${theme('spacing.2')} ${theme('spacing.10')} ${theme('spacing.2')} ${theme('spacing.3')}`,
+          padding: `${theme('spacing.2')} ${theme('spacing.10')} ${theme(
+            'spacing.2'
+          )} ${theme('spacing.3')}`,
           minHeight: '42px',
           lineHeight: theme('lineHeight.normal'),
           maxWidth: theme('maxWidth.md'),
@@ -86,7 +88,7 @@ module.exports = {
           '&[aria-current="true"]': {
             backgroundColor: theme('colors.gray.light'),
             color: null,
-          }
+          },
         },
         placeholder: {
           // display: 'block',
@@ -97,7 +99,7 @@ module.exports = {
           lineHeight: theme('lineHeight.normal'),
         },
         search: {
-          paddingBottom: theme('spacing.2')
+          paddingBottom: theme('spacing.2'),
         },
         searchInput: {
           borderRadius: theme('borderRadius.default'),
diff --git a/tests/integration/helpers/split-test.js b/tests/integration/helpers/split-test.js
new file mode 100644
index 0000000..9410d32
--- /dev/null
+++ b/tests/integration/helpers/split-test.js
@@ -0,0 +1,17 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Helper | split', function (hooks) {
+  setupRenderingTest(hooks);
+
+  // TODO: Replace this with your real tests.
+  test('it renders', async function (assert) {
+    this.set('inputValue', '1234');
+
+    await render(hbs`{{split this.inputValue}}`);
+
+    assert.dom(this.element).hasText('1234');
+  });
+});