updating aliases

main.js

@@ -76,7 +76,7 @@ function createWindow() {
     backgroundColor: '#000',
     webPreferences: {
       nodeIntegration: true,
-      devTools: false,
+      devTools: true,
     },
   })
 

src/api/elasticsearch.js

@@ -359,6 +359,21 @@ export default class API {
       throw new ConnectionError(err)
     }
   }
+
+  /**
+   *
+   * @param {*} index
+   * @param {*} alias
+   * @param {*} data
+   */
+  async updateIndexAlias(index, alias, data) {
+    try {
+      const response = await this.client.put(`/${index}/_alias/${alias}`, data)
+      return response.data
+    } catch (err) {
+      throw new ConnectionError(err)
+    }
+  }
 }
 
 class ConnectionError extends Error {

src/components/modal/CreateAliasDialog/CreateAliasDialog.svelte

@@ -56,7 +56,7 @@
       } else {
         dispatch('notification/add', {
           type: 'error',
-          message: `Something went wrong while creating the index`,
+          message: `Something went wrong while creating the alias`,
         })
       }
     } catch (e) {
@@ -123,6 +123,7 @@
       </div>
     </div>
     <div class="field">
+      <label for="filter-editor">Filter</label>
       <div id="filter-editor" bind:this={filterEditor} />
     </div>
   </form>

src/components/modal/EditAliasDialog/EditAliasDialog.svelte

@@ -0,0 +1,152 @@
+<script>
+  export let aliases = {}
+  export let alias = {}
+
+  import { useStoreon } from '@storeon/svelte'
+  import JSONEditor from 'jsoneditor'
+  import { getContext, onMount, onDestroy } from 'svelte'
+  import get from 'lodash/get'
+
+  import API from '../../../api/elasticsearch'
+
+  const { dispatch, connection, index } = useStoreon('connection', 'index')
+
+  export let onCancel = () => {}
+  export let onOkay = () => {}
+
+  let indexRouting = '',
+    searchRouting = '',
+    isWriteIndex = false,
+    canSave = true,
+    filterEditor,
+    fEditor,
+    isLoading = false
+
+  const { close } = getContext('modal-window')
+
+  const _onCancel = () => {
+    onCancel()
+    close()
+  }
+
+  const _onOkay = () => {
+    onOkay(value)
+    close()
+  }
+
+  const save = async () => {
+    isLoading = true
+
+    try {
+      const api = new API($connection)
+      const result = await api.updateIndexAlias($index.selected, alias, {
+        filter: fEditor.get(),
+        is_write_index: isWriteIndex,
+        index_routing: indexRouting,
+        search_routing: searchRouting,
+      })
+
+      if (result.acknowledged) {
+        dispatch('notification/add', {
+          type: 'success',
+          message: `Alias ${alias} has been updated`,
+        })
+        dispatch('elasticsearch/index/fetch')
+        close()
+      } else {
+        dispatch('notification/add', {
+          type: 'error',
+          message: `Something went wrong while updating the alias`,
+        })
+      }
+    } catch (e) {
+      dispatch('notification/add', {
+        type: 'error',
+        message: e.message,
+      })
+    }
+
+    isLoading = false
+  }
+
+  onMount(() => {
+    const { filter, index_routing, search_routing, is_write_index } = get(
+      aliases,
+      alias,
+      {}
+    )
+
+    indexRouting = index_routing
+    searchRouting = search_routing
+    isWriteIndex = is_write_index
+
+    if (filterEditor) {
+      fEditor = new JSONEditor(
+        filterEditor,
+        {
+          mode: 'code',
+          onChange: () => {
+            try {
+              fEditor.get()
+              canSave = true
+            } catch (e) {
+              canSave = false
+            }
+          },
+        },
+        filter
+      )
+    }
+  })
+
+  onDestroy(() => {
+    if (fEditor) {
+      fEditor.destroy()
+    }
+  })
+</script>
+
+<div class="header">Update New Alias</div>
+
+<div class="content">
+  <form class="ui form" on:submit|preventDefault={save} id="alias-form">
+    <div class="field">
+      <label for="index-routing">Index Routing</label>
+      <input type="text" id="index-routing" bind:value={indexRouting} />
+    </div>
+    <div class="field">
+      <label for="search-routing">Search Routing</label>
+      <input type="text" id="search-routing" bind:value={searchRouting} />
+    </div>
+    <div class="field">
+      <div class="ui checkbox">
+        <input
+          id="is-write-index"
+          type="checkbox"
+          bind:checked={isWriteIndex} />
+        <label for="is-write-index">Is Write Index</label>
+      </div>
+    </div>
+    <div class="field">
+      <label for="filter-editor">Filter</label>
+      <div id="filter-editor" bind:this={filterEditor} />
+    </div>
+  </form>
+</div>
+
+<div class="actions">
+  <div
+    class="ui black deny right button"
+    disabled={isLoading}
+    on:click={_onCancel}>
+    Cancel
+  </div>
+  <button
+    type="submit"
+    class="ui positive right button"
+    class:loading={isLoading}
+    form="alias-form"
+    disabled={!canSave || isLoading}>
+    Update
+  </button>
+</div>

src/workspace/index/tabs/AliasTableCell.svelte

@@ -5,8 +5,10 @@
 
   import { useStoreon } from '@storeon/svelte'
   import { getContext } from 'svelte'
+  import get from 'lodash/get'
 
   import ViewAliasFilterDialog from '../../../components/modal/ViewAliasFilterDialog/ViewAliasFilterDialog.svelte'
+  import EditAliasDialog from '../../../components/modal/EditAliasDialog/EditAliasDialog.svelte'
   import API from '../../../api/elasticsearch'
 
   const { open } = getContext('modal-window')
@@ -47,7 +49,14 @@
   }
 
   const onUpdateClick = () => {
-    console.log(cell)
+    open(EditAliasDialog, {
+      alias: cell,
+      aliases: get(
+        $index,
+        ['info', $index.selected, $index.selected, 'aliases'],
+        {}
+      ),
+    })
   }
 </script>