Add form for all setting of an index

app/components/index-setting.hbs

@@ -1,5 +1,5 @@
 <div class='mb-4'>
-  <Form::Element @label={{namelize @name}} @errors={{array this.error}}>
+  <Form::Element @label={{@label}} @errors={{array this.error}}>
     <MonacoEditor
       @value={{json-stringify this.value}}
       @language='json'

app/components/index-setting.js

@@ -24,7 +24,7 @@ export default class FormIndexSettingComponent extends Component {
 
     try {
       return this.args.index
-        .updateSetting(this.args.name, JSON.parse(newValue))
+        .updateSetting(JSON.parse(newValue), this.args.name)
         .then(this.toaster.taskToast);
     } catch (error) {
       this.error = error.error || error;

app/components/tab.hbs

@@ -1,6 +1,6 @@
 <LinkTo
   @route={{@route}}
-  @models={{if @model (array @model) @models}}
+  @models={{if @model (array @model) (if @models @models (array))}}
   @activeClass="text-primary border-b border-primary"
   class="flex items-center h-10 px-4 py-2 text-center text-base-2 no-underline bg-transparent whitespace-nowrap focus:outline-none"
 >

app/models/index.js

@@ -86,22 +86,42 @@ export default class Index {
   }
 
   getSetting(name) {
-    return query(`${this.path}/settings/${dasherize(name)}`);
+    let url = `${this.path}/settings`;
+
+    if (name) {
+      url = `${url}/${dasherize(name)}`;
+    }
+
+    return query(url);
   }
 
-  updateSetting(name, value) {
-    const method = ['faceting', 'pagination', 'typo-tolerance'].includes(name)
-      ? 'PATCH'
-      : 'PUT';
+  updateSetting(value, name) {
+    const method =
+      name === undefined ||
+      ['faceting', 'pagination', 'typo-tolerance'].includes(name)
+        ? 'PATCH'
+        : 'PUT';
 
-    return query(`${this.path}/settings/${dasherize(name)}`, {
+    let url = `${this.path}/settings`;
+
+    if (name) {
+      url = `${url}/${dasherize(name)}`;
+    }
+
+    return query(url, {
       method: method,
       body: JSON.stringify(value),
     });
   }
 
   resetSetting(name) {
-    return query(`${this.path}/settings/${dasherize(name)}`, {
+    let url = `${this.path}/settings`;
+
+    if (name) {
+      url = `${url}/${dasherize(name)}`;
+    }
+
+    return query(url, {
       method: 'DELETE',
     });
   }

app/router.js

@@ -10,7 +10,9 @@ Router.map(function () {
   this.route('admin', function () {
     this.route('indexes', function () {
       this.route('item', { path: '/:index_uid' }, function () {
-        this.route('settings');
+        this.route('settings', function () {
+          this.route('specific');
+        });
         this.route('info');
         this.route('edit');
         this.route('documents', function () {

app/routes/admin/indexes/item/settings/index.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class AdminIndexesItemSettingsIndexRoute extends Route {}

app/routes/admin/indexes/item/settings/specific.js

@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class AdminIndexesItemSettingsSpecificRoute extends Route {}

app/templates/admin/indexes/item/settings.hbs

@@ -1,3 +1,6 @@
-{{#each @model.settingNames as |name|}}
-  <IndexSetting @name={{name}} @index={{@model}} />
-{{/each}}
+<Tabs>
+  <Tab @route="admin.indexes.item.settings.index" @text="All" />
+  <Tab @route="admin.indexes.item.settings.specific" @text="Specific" />
+</Tabs>
+
+{{outlet}}

app/templates/admin/indexes/item/settings/index.hbs

@@ -0,0 +1 @@
+<IndexSetting @index={{@model}} />

app/templates/admin/indexes/item/settings/specific.hbs

@@ -0,0 +1,3 @@
+{{#each @model.settingNames as |name|}}
+  <IndexSetting @name={{name}} @label={{namelize name}} @index={{@model}} />
+{{/each}}

tests/unit/routes/admin/indexes/item/settings/index-test.js

@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'meiliadmin/tests/helpers';
+
+module('Unit | Route | admin/indexes/item/settings/index', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:admin/indexes/item/settings/index');
+    assert.ok(route);
+  });
+});

tests/unit/routes/admin/indexes/item/settings/specific-test.js

@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'meiliadmin/tests/helpers';
+
+module('Unit | Route | admin/indexes/item/settings/specific', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:admin/indexes/item/settings/specific');
+    assert.ok(route);
+  });
+});