From 2881730f3354a9a7d8a525f2c53aa02c7e8085a5 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Fri, 3 Jul 2020 02:30:15 +0300
Subject: [PATCH 01/28] Create route for MediaProxy Cache

---
 src/lang/en.js      |  3 +++
 src/router/index.js | 25 ++++++++++++++++++++-----
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/lang/en.js b/src/lang/en.js
index 35d91252..834c3cee 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -65,8 +65,11 @@ export default {
     externalLink: 'External Link',
     users: 'Users',
     reports: 'Reports',
+    invites: 'Invites',
+    statuses: 'Statuses',
     settings: 'Settings',
     moderationLog: 'Moderation Log',
+    mediaProxyCache: 'MediaProxy Cache',
     'emoji-packs': 'Emoji packs'
   },
   navbar: {
diff --git a/src/router/index.js b/src/router/index.js
index 40d4d7cd..b61e7b44 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -16,7 +16,7 @@ const settings = {
       path: 'index',
       component: () => import('@/views/settings/index'),
       name: 'Settings',
-      meta: { title: 'Settings', icon: 'settings', noCache: true }
+      meta: { title: 'settings', icon: 'settings', noCache: true }
     }
   ]
 }
@@ -30,7 +30,7 @@ const statuses = {
       path: 'index',
       component: () => import('@/views/statuses/index'),
       name: 'Statuses',
-      meta: { title: 'Statuses', icon: 'form', noCache: true }
+      meta: { title: 'statuses', icon: 'form', noCache: true }
     }
   ]
 }
@@ -44,7 +44,7 @@ const reports = {
       path: 'index',
       component: () => import('@/views/reports/index'),
       name: 'Reports',
-      meta: { title: 'Reports', icon: 'documentation', noCache: true }
+      meta: { title: 'reports', icon: 'documentation', noCache: true }
     }
   ]
 }
@@ -58,7 +58,7 @@ const invites = {
       path: 'index',
       component: () => import('@/views/invites/index'),
       name: 'Invites',
-      meta: { title: 'Invites', icon: 'guide', noCache: true }
+      meta: { title: 'invites', icon: 'guide', noCache: true }
     }
   ]
 }
@@ -72,7 +72,7 @@ const emojiPacks = {
       path: 'index',
       component: () => import('@/views/emojiPacks/index'),
       name: 'Emoji Packs',
-      meta: { title: 'Emoji Packs', icon: 'eye-open', noCache: true }
+      meta: { title: 'emoji-packs', icon: 'eye-open', noCache: true }
     }
   ]
 }
@@ -91,6 +91,20 @@ const moderationLog = {
   ]
 }
 
+const mediaProxyCacheDisabled = disabledFeatures.includes('media-proxy-cache')
+const mediaProxyCache = {
+  path: '/media_proxy_cache',
+  component: Layout,
+  children: [
+    {
+      path: 'index',
+      component: () => import('@/views/mediaProxyCache/index'),
+      name: 'MediaProxy Cache',
+      meta: { title: 'mediaProxyCache', icon: 'example', noCache: true }
+    }
+  ]
+}
+
 export const constantRouterMap = [
   {
     path: '/redirect',
@@ -159,6 +173,7 @@ export const asyncRouterMap = [
   ...(invitesDisabled ? [] : [invites]),
   ...(emojiPacksDisabled ? [] : [emojiPacks]),
   ...(moderationLogDisabled ? [] : [moderationLog]),
+  ...(mediaProxyCacheDisabled ? [] : [mediaProxyCache]),
   ...(settingsDisabled ? [] : [settings]),
   {
     path: '/users/:id',

From 0aff86e6384d8e70dbdb26d441aae701ed5fd988 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Fri, 3 Jul 2020 03:04:17 +0300
Subject: [PATCH 02/28] Create API functions for MediaProxy Cache

---
 src/api/mediaProxyCache.js | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/api/mediaProxyCache.js

diff --git a/src/api/mediaProxyCache.js b/src/api/mediaProxyCache.js
new file mode 100644
index 00000000..0822d984
--- /dev/null
+++ b/src/api/mediaProxyCache.js
@@ -0,0 +1,34 @@
+import request from '@/utils/request'
+import { getToken } from '@/utils/auth'
+import { baseName } from './utils'
+
+export async function listBannedUrls(page, authHost, token) {
+  return await request({
+    baseURL: baseName(authHost),
+    url: `/api/pleroma/admin/media_proxy_caches?page=${page}`,
+    method: 'get',
+    headers: authHeaders(token)
+  })
+}
+
+export async function purgeUrls(urls, ban, authHost, token) {
+  return await request({
+    baseURL: baseName(authHost),
+    url: `/api/pleroma/admin/media_proxy_caches/purge`,
+    method: 'post',
+    headers: authHeaders(token),
+    data: { urls, ban }
+  })
+}
+
+export async function removeBannedUrls(urls, authHost, token) {
+  return await request({
+    baseURL: baseName(authHost),
+    url: `/api/pleroma/admin/media_proxy_caches/delete`,
+    method: 'post',
+    headers: authHeaders(token),
+    data: { urls }
+  })
+}
+
+const authHeaders = (token) => token ? { 'Authorization': `Bearer ${getToken()}` } : {}

From 9d2a86556cb7e9a493f682de5cd2442c8ffc53e8 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sun, 5 Jul 2020 02:33:46 +0300
Subject: [PATCH 03/28] Add input for evicting and banning urls

---
 src/lang/en.js                      |  7 +++
 src/views/mediaProxyCache/index.vue | 72 +++++++++++++++++++++++++++++
 2 files changed, 79 insertions(+)
 create mode 100644 src/views/mediaProxyCache/index.vue

diff --git a/src/lang/en.js b/src/lang/en.js
index 834c3cee..92caee07 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -92,6 +92,13 @@ export default {
     pleromaFELoginFailed: 'Failed to login via PleromaFE, please login with username/password',
     pleromaFELoginSucceed: 'Logged in via PleromaFE'
   },
+  mediaProxyCache: {
+    mediaProxyCache: 'MediaProxy Cache',
+    ban: 'Ban',
+    url: 'URL',
+    evict: 'Evict',
+    evictedMessage: 'This URL was evicted'
+  },
   documentation: {
     documentation: 'Documentation',
     github: 'Github Repository'
diff --git a/src/views/mediaProxyCache/index.vue b/src/views/mediaProxyCache/index.vue
new file mode 100644
index 00000000..e0bfb5d0
--- /dev/null
+++ b/src/views/mediaProxyCache/index.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="media-proxy-cache-container">
+    <div class="media-proxy-cache-header-container">
+      <h1>{{ $t('mediaProxyCache.mediaProxyCache') }}</h1>
+      <reboot-button/>
+    </div>
+    <div class="url-input-container">
+      <el-input
+        :placeholder="$t('mediaProxyCache.url')"
+        v-model="url"
+        clearable
+        class="url-input"/>
+      <el-checkbox v-model="ban">{{ $t('mediaProxyCache.ban') }}</el-checkbox>
+      <el-button class="evict-button" @click="evictURL">{{ $t('mediaProxyCache.evict') }}</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import RebootButton from '@/components/RebootButton'
+
+export default {
+  name: 'MediaProxyCache',
+  components: { RebootButton },
+  data() {
+    return {
+      url: '',
+      ban: false
+    }
+  },
+  mounted() {
+    this.$store.dispatch('GetNodeInfo')
+    this.$store.dispatch('NeedReboot')
+    this.$store.dispatch('ListBannedUrls', 1)
+  },
+  methods: {
+    evictURL() {
+      const urls = typeof this.url === 'string' ? [this.url] : this.url
+      this.$store.dispatch('PurgeUrls', { urls, ban: this.ban })
+    }
+  }
+}
+</script>
+
+<style rel='stylesheet/scss' lang='scss' scoped>
+h1 {
+  margin: 0;
+}
+.evict-button {
+  margin-left: 5px;
+}
+.media-proxy-cache-header-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 10px 15px;
+}
+.url-input {
+  width: 350px;
+  margin-right: 15px;
+}
+.url-input-container {
+  margin: 15px 15px;
+}
+
+@media only screen and (max-width:480px) {
+  .url-input {
+    width: 100%;
+    margin-bottom: 5px;
+  }
+}
+</style>

From 764621d6fd6739e66d222c964d178313f7016415 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sun, 5 Jul 2020 02:34:40 +0300
Subject: [PATCH 04/28] Create actions for listing banned urls, purge and
 remove banned urls form cachex

---
 src/store/index.js                   |  4 ++-
 src/store/modules/mediaProxyCache.js | 49 ++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 src/store/modules/mediaProxyCache.js

diff --git a/src/store/index.js b/src/store/index.js
index e2fcd651..bd4a6e5b 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -5,6 +5,7 @@ import emojiPacks from './modules/emojiPacks'
 import errorLog from './modules/errorLog'
 import getters from './getters'
 import invites from './modules/invites'
+import mediaProxyCache from './modules/mediaProxyCache'
 import moderationLog from './modules/moderationLog'
 import peers from './modules/peers'
 import permission from './modules/permission'
@@ -24,8 +25,9 @@ const store = new Vuex.Store({
     app,
     errorLog,
     emojiPacks,
-    moderationLog,
     invites,
+    mediaProxyCache,
+    moderationLog,
     peers,
     permission,
     relays,
diff --git a/src/store/modules/mediaProxyCache.js b/src/store/modules/mediaProxyCache.js
new file mode 100644
index 00000000..5990c8e8
--- /dev/null
+++ b/src/store/modules/mediaProxyCache.js
@@ -0,0 +1,49 @@
+import { listBannedUrls, purgeUrls, removeBannedUrls } from '@/api/mediaProxyCache'
+import { Message } from 'element-ui'
+import i18n from '@/lang'
+
+const mediaProxyCache = {
+  state: {
+    bannedUrls: [],
+    bannedUrlsCount: 0,
+    currentPage: 1,
+    loading: false
+  },
+  mutations: {
+    SET_BANNED_URLS: (state, urls) => {
+      state.bannedUrls = urls
+    },
+    SET_BANNED_URLS_COUNT: (state, count) => {
+      state.bannedUrlsCount = count
+    },
+    SET_LOADING: (state, status) => {
+      state.loading = status
+    },
+    SET_PAGE: (state, page) => {
+      state.currentPage = page
+    }
+  },
+  actions: {
+    async ListBannedUrls({ commit, getters }, page) {
+      commit('SET_LOADING', true)
+      const response = await listBannedUrls(page, getters.authHost, getters.token)
+      commit('SET_BANNED_URLS', response.data.urls)
+      // commit('SET_BANNED_URLS_COUNT', count)
+      commit('SET_PAGE', page)
+      commit('SET_LOADING', false)
+    },
+    async PurgeUrls({ commit, getters }, { urls, ban }) {
+      await purgeUrls(urls, ban, getters.authHost, getters.token)
+      Message({
+        message: i18n.t('mediaProxyCache.evictedMessage'),
+        type: 'success',
+        duration: 5 * 1000
+      })
+    },
+    async RemoveBannedUrls({ commit, getters }, urls) {
+      await removeBannedUrls(urls, getters.authHost, getters.token)
+    }
+  }
+}
+
+export default mediaProxyCache

From 991c17f88e1984ee5d3ede23cc5bc7b7f129b64e Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sun, 5 Jul 2020 23:18:13 +0300
Subject: [PATCH 05/28] Add table with banned URLs and ability to remove url
 from cachex

---
 src/lang/en.js                       |  4 ++-
 src/store/modules/mediaProxyCache.js |  2 +-
 src/views/mediaProxyCache/index.vue  | 46 +++++++++++++++++++++++++++-
 3 files changed, 49 insertions(+), 3 deletions(-)

diff --git a/src/lang/en.js b/src/lang/en.js
index 92caee07..f2b60b86 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -97,7 +97,9 @@ export default {
     ban: 'Ban',
     url: 'URL',
     evict: 'Evict',
-    evictedMessage: 'This URL was evicted'
+    evictedMessage: 'This URL was evicted',
+    actions: 'Actions',
+    remove: 'Remove from Cachex'
   },
   documentation: {
     documentation: 'Documentation',
diff --git a/src/store/modules/mediaProxyCache.js b/src/store/modules/mediaProxyCache.js
index 5990c8e8..c148dbdf 100644
--- a/src/store/modules/mediaProxyCache.js
+++ b/src/store/modules/mediaProxyCache.js
@@ -11,7 +11,7 @@ const mediaProxyCache = {
   },
   mutations: {
     SET_BANNED_URLS: (state, urls) => {
-      state.bannedUrls = urls
+      state.bannedUrls = urls.map(el => { return { url: el } })
     },
     SET_BANNED_URLS_COUNT: (state, count) => {
       state.bannedUrlsCount = count
diff --git a/src/views/mediaProxyCache/index.vue b/src/views/mediaProxyCache/index.vue
index e0bfb5d0..f13dfb7d 100644
--- a/src/views/mediaProxyCache/index.vue
+++ b/src/views/mediaProxyCache/index.vue
@@ -13,6 +13,28 @@
       <el-checkbox v-model="ban">{{ $t('mediaProxyCache.ban') }}</el-checkbox>
       <el-button class="evict-button" @click="evictURL">{{ $t('mediaProxyCache.evict') }}</el-button>
     </div>
+    <el-table
+      v-loading="loading"
+      :data="bannedUrls"
+      class="banned-urls-table"
+      @selection-change="handleSelectionChange">>
+      <el-table-column
+        type="selection"
+        align="center"
+        width="55"/>
+      <el-table-column
+        :label="$t('mediaProxyCache.url')"
+        :min-width="isDesktop ? 320 : 120"
+        prop="url"/>
+      <el-table-column
+        :label="$t('mediaProxyCache.actions')">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            @click="removeUrl(scope.row.url)">{{ $t('mediaProxyCache.remove') }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
   </div>
 </template>
 
@@ -25,7 +47,19 @@ export default {
   data() {
     return {
       url: '',
-      ban: false
+      ban: false,
+      selectedUrls: []
+    }
+  },
+  computed: {
+    bannedUrls() {
+      return this.$store.state.mediaProxyCache.bannedUrls
+    },
+    isDesktop() {
+      return this.$store.state.app.device === 'desktop'
+    },
+    loading() {
+      return this.$store.state.mediaProxyCache.loading
     }
   },
   mounted() {
@@ -37,6 +71,13 @@ export default {
     evictURL() {
       const urls = typeof this.url === 'string' ? [this.url] : this.url
       this.$store.dispatch('PurgeUrls', { urls, ban: this.ban })
+    },
+    handleSelectionChange(value) {
+      this.$data.selectedUrls = value
+    },
+    removeUrl(url) {
+      const urls = typeof this.url === 'string' ? [this.url] : this.url
+      this.$store.dispatch('RemoveBannedUrls', urls)
     }
   }
 }
@@ -46,6 +87,9 @@ export default {
 h1 {
   margin: 0;
 }
+.banned-urls-table {
+  margin: 15px;
+}
 .evict-button {
   margin-left: 5px;
 }

From cea1485ddc92f8317f3c61ecd428b12b2690344f Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Mon, 6 Jul 2020 00:28:09 +0300
Subject: [PATCH 06/28] Add Invalidation settings on MediaProxy tab

---
 src/views/settings/components/Inputs.vue     |  2 +-
 src/views/settings/components/MediaProxy.vue | 20 ++++++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue
index 0b14e282..0578ae2f 100644
--- a/src/views/settings/components/Inputs.vue
+++ b/src/views/settings/components/Inputs.vue
@@ -87,7 +87,7 @@
         <el-input
           v-if="setting.type === 'atom'"
           :value="inputValue"
-          :placeholder="setting.suggestions[0] ? setting.suggestions[0].substr(1) : ''"
+          :placeholder="setting.suggestions && setting.suggestions[0] ? setting.suggestions[0].substr(1) : ''"
           :data-search="setting.key || setting.group"
           class="input"
           @input="update($event, settingGroup.group, settingGroup.key, settingParent, setting.key, setting.type, nested)">
diff --git a/src/views/settings/components/MediaProxy.vue b/src/views/settings/components/MediaProxy.vue
index 11c9d793..d3fa619d 100644
--- a/src/views/settings/components/MediaProxy.vue
+++ b/src/views/settings/components/MediaProxy.vue
@@ -3,6 +3,14 @@
     <el-form v-if="!loading" :model="mediaProxyData" :label-position="labelPosition" :label-width="labelWidth">
       <setting :setting-group="mediaProxy" :data="mediaProxyData"/>
     </el-form>
+    <el-divider v-if="mediaProxy" class="divider thick-line"/>
+    <el-form v-if="!loading" :model="httpInvalidationData" :label-position="labelPosition" :label-width="labelWidth">
+      <setting :setting-group="httpInvalidation" :data="httpInvalidationData"/>
+    </el-form>
+    <el-divider v-if="httpInvalidation" class="divider thick-line"/>
+    <el-form v-if="!loading" :model="scriptInvalidationData" :label-position="labelPosition" :label-width="labelWidth">
+      <setting :setting-group="scriptInvalidation" :data="scriptInvalidationData"/>
+    </el-form>
     <div class="submit-button-container">
       <el-button class="submit-button" type="primary" @click="onSubmit">Submit</el-button>
     </div>
@@ -22,6 +30,12 @@ export default {
     ...mapGetters([
       'settings'
     ]),
+    httpInvalidation() {
+      return this.settings.description.find(setting => setting.key === 'Pleroma.Web.MediaProxy.Invalidation.Http')
+    },
+    httpInvalidationData() {
+      return _.get(this.settings.settings, [':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Http']) || {}
+    },
     isMobile() {
       return this.$store.state.app.device === 'mobile'
     },
@@ -51,6 +65,12 @@ export default {
     },
     mediaProxyData() {
       return _.get(this.settings.settings, [':pleroma', ':media_proxy']) || {}
+    },
+    scriptInvalidation() {
+      return this.settings.description.find(setting => setting.key === 'Pleroma.Web.MediaProxy.Invalidation.Script')
+    },
+    scriptInvalidationData() {
+      return _.get(this.settings.settings, [':pleroma', 'Pleroma.Web.MediaProxy.Invalidation.Script']) || {}
     }
   },
   methods: {

From cd689ac75c8748f010648fa0d4e4cd6e9f2e7d16 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Tue, 7 Jul 2020 18:16:35 +0300
Subject: [PATCH 07/28] Enlarge url input, add headers

---
 src/views/mediaProxyCache/index.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/views/mediaProxyCache/index.vue b/src/views/mediaProxyCache/index.vue
index f13dfb7d..9dcdd07e 100644
--- a/src/views/mediaProxyCache/index.vue
+++ b/src/views/mediaProxyCache/index.vue
@@ -4,6 +4,7 @@
       <h1>{{ $t('mediaProxyCache.mediaProxyCache') }}</h1>
       <reboot-button/>
     </div>
+    <p class="media-proxy-cache-header">Evict object from the MediaProxy cache</p>
     <div class="url-input-container">
       <el-input
         :placeholder="$t('mediaProxyCache.url')"
@@ -13,6 +14,7 @@
       <el-checkbox v-model="ban">{{ $t('mediaProxyCache.ban') }}</el-checkbox>
       <el-button class="evict-button" @click="evictURL">{{ $t('mediaProxyCache.evict') }}</el-button>
     </div>
+    <p class="media-proxy-cache-header">List of all banned MediaProxy URLs</p>
     <el-table
       v-loading="loading"
       :data="bannedUrls"
@@ -88,10 +90,16 @@ h1 {
   margin: 0;
 }
 .banned-urls-table {
-  margin: 15px;
+  margin-top: 15px;
+  margin-bottom: 15px;
 }
 .evict-button {
-  margin-left: 5px;
+  margin-left: 15px;
+}
+.media-proxy-cache-header {
+  margin-left: 15px;
+  margin-top: 22px;
+  font-weight: 500;
 }
 .media-proxy-cache-header-container {
   display: flex;
@@ -100,10 +108,11 @@ h1 {
   margin: 10px 15px;
 }
 .url-input {
-  width: 350px;
   margin-right: 15px;
 }
 .url-input-container {
+  display: flex;
+  align-items: baseline;
   margin: 15px 15px;
 }
 

From 0b36c5bbb029c62b1c97cb3127ff4a73018518e7 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Tue, 7 Jul 2020 22:28:46 +0300
Subject: [PATCH 08/28] Fetch banned objects after banning an url

---
 src/store/modules/mediaProxyCache.js | 5 ++++-
 src/views/mediaProxyCache/index.vue  | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/store/modules/mediaProxyCache.js b/src/store/modules/mediaProxyCache.js
index c148dbdf..d11fad57 100644
--- a/src/store/modules/mediaProxyCache.js
+++ b/src/store/modules/mediaProxyCache.js
@@ -32,13 +32,16 @@ const mediaProxyCache = {
       commit('SET_PAGE', page)
       commit('SET_LOADING', false)
     },
-    async PurgeUrls({ commit, getters }, { urls, ban }) {
+    async PurgeUrls({ dispatch, getters, state }, { urls, ban }) {
       await purgeUrls(urls, ban, getters.authHost, getters.token)
       Message({
         message: i18n.t('mediaProxyCache.evictedMessage'),
         type: 'success',
         duration: 5 * 1000
       })
+      if (ban) {
+        dispatch('ListBannedUrls', state.currentPage)
+      }
     },
     async RemoveBannedUrls({ commit, getters }, urls) {
       await removeBannedUrls(urls, getters.authHost, getters.token)
diff --git a/src/views/mediaProxyCache/index.vue b/src/views/mediaProxyCache/index.vue
index 9dcdd07e..3ca1160a 100644
--- a/src/views/mediaProxyCache/index.vue
+++ b/src/views/mediaProxyCache/index.vue
@@ -73,6 +73,7 @@ export default {
     evictURL() {
       const urls = typeof this.url === 'string' ? [this.url] : this.url
       this.$store.dispatch('PurgeUrls', { urls, ban: this.ban })
+      this.url = ''
     },
     handleSelectionChange(value) {
       this.$data.selectedUrls = value

From a2649dbb640400c045ce15eecdcf921b9a320146 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Tue, 7 Jul 2020 23:54:11 +0300
Subject: [PATCH 09/28] Add ability to evict and ban multiple URLs

---
 src/lang/en.js                      |  5 ++++-
 src/views/mediaProxyCache/index.vue | 27 +++++++++++++++++++++------
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/lang/en.js b/src/lang/en.js
index f2b60b86..27d81d91 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -99,7 +99,10 @@ export default {
     evict: 'Evict',
     evictedMessage: 'This URL was evicted',
     actions: 'Actions',
-    remove: 'Remove from Cachex'
+    remove: 'Remove from Cachex',
+    evictObjectsHeader: 'Evict object from the MediaProxy cache',
+    listBannedUrlsHeader: 'List of all banned MediaProxy URLs',
+    multipleInput: 'You can enter a single URL or several comma separated links'
   },
   documentation: {
     documentation: 'Documentation',
diff --git a/src/views/mediaProxyCache/index.vue b/src/views/mediaProxyCache/index.vue
index 3ca1160a..213e266d 100644
--- a/src/views/mediaProxyCache/index.vue
+++ b/src/views/mediaProxyCache/index.vue
@@ -4,17 +4,20 @@
       <h1>{{ $t('mediaProxyCache.mediaProxyCache') }}</h1>
       <reboot-button/>
     </div>
-    <p class="media-proxy-cache-header">Evict object from the MediaProxy cache</p>
+    <p class="media-proxy-cache-header">{{ $t('mediaProxyCache.evictObjectsHeader') }}</p>
     <div class="url-input-container">
       <el-input
         :placeholder="$t('mediaProxyCache.url')"
-        v-model="url"
+        v-model="urls"
+        type="textarea"
+        autosize
         clearable
         class="url-input"/>
       <el-checkbox v-model="ban">{{ $t('mediaProxyCache.ban') }}</el-checkbox>
       <el-button class="evict-button" @click="evictURL">{{ $t('mediaProxyCache.evict') }}</el-button>
     </div>
-    <p class="media-proxy-cache-header">List of all banned MediaProxy URLs</p>
+    <span class="expl url-input-expl">{{ $t('mediaProxyCache.multipleInput') }}</span>
+    <p class="media-proxy-cache-header">{{ $t('mediaProxyCache.listBannedUrlsHeader') }}</p>
     <el-table
       v-loading="loading"
       :data="bannedUrls"
@@ -48,7 +51,7 @@ export default {
   components: { RebootButton },
   data() {
     return {
-      url: '',
+      urls: '',
       ban: false,
       selectedUrls: []
     }
@@ -71,7 +74,7 @@ export default {
   },
   methods: {
     evictURL() {
-      const urls = typeof this.url === 'string' ? [this.url] : this.url
+      const urls = this.urls.split(',').map(url => url.trim()).filter(el => el.length > 0)
       this.$store.dispatch('PurgeUrls', { urls, ban: this.ban })
       this.url = ''
     },
@@ -90,6 +93,15 @@ export default {
 h1 {
   margin: 0;
 }
+.expl {
+  color: #666666;
+  font-size: 13px;
+  line-height: 22px;
+  margin: 5px 0 0 0;
+  overflow-wrap: break-word;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .banned-urls-table {
   margin-top: 15px;
   margin-bottom: 15px;
@@ -114,7 +126,10 @@ h1 {
 .url-input-container {
   display: flex;
   align-items: baseline;
-  margin: 15px 15px;
+  margin: 15px 15px 5px 15px;
+}
+.url-input-expl {
+  margin-left: 15px;
 }
 
 @media only screen and (max-width:480px) {

From 4c32a0708fb9c664beddaeeef542d8520ae5d7fb Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Wed, 8 Jul 2020 02:42:57 +0300
Subject: [PATCH 10/28] Add ability to remove multiple urls

---
 src/lang/en.js                       |  3 ++-
 src/store/modules/mediaProxyCache.js |  3 ++-
 src/views/mediaProxyCache/index.vue  | 28 ++++++++++++++++++++++------
 3 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/lang/en.js b/src/lang/en.js
index 27d81d91..3256abcd 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -102,7 +102,8 @@ export default {
     remove: 'Remove from Cachex',
     evictObjectsHeader: 'Evict object from the MediaProxy cache',
     listBannedUrlsHeader: 'List of all banned MediaProxy URLs',
-    multipleInput: 'You can enter a single URL or several comma separated links'
+    multipleInput: 'You can enter a single URL or several comma separated links',
+    removeSelected: 'Remove Selected'
   },
   documentation: {
     documentation: 'Documentation',
diff --git a/src/store/modules/mediaProxyCache.js b/src/store/modules/mediaProxyCache.js
index d11fad57..815c14e4 100644
--- a/src/store/modules/mediaProxyCache.js
+++ b/src/store/modules/mediaProxyCache.js
@@ -43,8 +43,9 @@ const mediaProxyCache = {
         dispatch('ListBannedUrls', state.currentPage)
       }
     },
-    async RemoveBannedUrls({ commit, getters }, urls) {
+    async RemoveBannedUrls({ dispatch, getters, state }, urls) {
       await removeBannedUrls(urls, getters.authHost, getters.token)
+      dispatch('ListBannedUrls', state.currentPage)
     }
   }
 }
diff --git a/src/views/mediaProxyCache/index.vue b/src/views/mediaProxyCache/index.vue
index 213e266d..abe3cd19 100644
--- a/src/views/mediaProxyCache/index.vue
+++ b/src/views/mediaProxyCache/index.vue
@@ -28,14 +28,20 @@
         align="center"
         width="55"/>
       <el-table-column
-        :label="$t('mediaProxyCache.url')"
         :min-width="isDesktop ? 320 : 120"
         prop="url"/>
-      <el-table-column
-        :label="$t('mediaProxyCache.actions')">
+      <el-table-column>
+        <template slot="header">
+          <el-button
+            :disabled="removeSelectedDisabled"
+            size="mini"
+            class="remove-url-button"
+            @click="removeSelected()">{{ $t('mediaProxyCache.removeSelected') }}</el-button>
+        </template>
         <template slot-scope="scope">
           <el-button
             size="mini"
+            class="remove-url-button"
             @click="removeUrl(scope.row.url)">{{ $t('mediaProxyCache.remove') }}</el-button>
         </template>
       </el-table-column>
@@ -65,6 +71,9 @@ export default {
     },
     loading() {
       return this.$store.state.mediaProxyCache.loading
+    },
+    removeSelectedDisabled() {
+      return this.selectedUrls.length === 0
     }
   },
   mounted() {
@@ -76,14 +85,18 @@ export default {
     evictURL() {
       const urls = this.urls.split(',').map(url => url.trim()).filter(el => el.length > 0)
       this.$store.dispatch('PurgeUrls', { urls, ban: this.ban })
-      this.url = ''
+      this.urls = ''
     },
     handleSelectionChange(value) {
       this.$data.selectedUrls = value
     },
-    removeUrl(url) {
-      const urls = typeof this.url === 'string' ? [this.url] : this.url
+    removeSelected() {
+      const urls = this.selectedUrls.map(el => el.url)
       this.$store.dispatch('RemoveBannedUrls', urls)
+      this.selectedUrls = []
+    },
+    removeUrl(url) {
+      this.$store.dispatch('RemoveBannedUrls', [this.url])
     }
   }
 }
@@ -120,6 +133,9 @@ h1 {
   justify-content: space-between;
   margin: 10px 15px;
 }
+.remove-url-button {
+  width: 150px;
+}
 .url-input {
   margin-right: 15px;
 }

From ab0dd31640cc65bb6595633bbd06f62e28e13697 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Thu, 9 Jul 2020 20:42:37 +0300
Subject: [PATCH 11/28] Fix removing individual url from Cachex

---
 src/views/mediaProxyCache/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/mediaProxyCache/index.vue b/src/views/mediaProxyCache/index.vue
index abe3cd19..6c37082b 100644
--- a/src/views/mediaProxyCache/index.vue
+++ b/src/views/mediaProxyCache/index.vue
@@ -96,7 +96,7 @@ export default {
       this.selectedUrls = []
     },
     removeUrl(url) {
-      this.$store.dispatch('RemoveBannedUrls', [this.url])
+      this.$store.dispatch('RemoveBannedUrls', [url])
     }
   }
 }

From cb89fb09be6ed5c4bcea4fd0934b3d7cbd5371d4 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Thu, 9 Jul 2020 22:27:18 +0300
Subject: [PATCH 12/28] Add input for settings with type ['keyword', 'string']

---
 src/store/modules/normalizers.js                      |  2 +-
 src/views/settings/components/Inputs.vue              |  1 +
 .../inputComponents/EditableKeywordInput.vue          | 11 +++++++++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/store/modules/normalizers.js b/src/store/modules/normalizers.js
index c146d60e..e4eb8816 100644
--- a/src/store/modules/normalizers.js
+++ b/src/store/modules/normalizers.js
@@ -93,7 +93,7 @@ export const parseTuples = (tuples, key) => {
         return [...acc, { [mascot.tuple[0]]: { ...mascot.tuple[1], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
       }, [])
     } else if (Array.isArray(item.tuple[1]) &&
-      (item.tuple[0] === ':groups' || item.tuple[0] === ':replace' || item.tuple[0] === ':retries')) {
+      (item.tuple[0] === ':groups' || item.tuple[0] === ':replace' || item.tuple[0] === ':retries' || item.tuple[0] === ':headers')) {
       accum[item.tuple[0]] = item.tuple[1].reduce((acc, group) => {
         return [...acc, { [group.tuple[0]]: { value: group.tuple[1], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
       }, [])
diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue
index 0578ae2f..44ee957f 100644
--- a/src/views/settings/components/Inputs.vue
+++ b/src/views/settings/components/Inputs.vue
@@ -283,6 +283,7 @@ export default {
       return key === ':replace' ||
         type === 'map' ||
         (Array.isArray(type) && type.includes('keyword') && type.includes('integer')) ||
+        (Array.isArray(type) && type.includes('keyword') && type.includes('string')) ||
         (Array.isArray(type) && type.includes('keyword') && type.findIndex(el => el.includes('list') && el.includes('string')) !== -1)
     },
     getFormattedDescription(desc) {
diff --git a/src/views/settings/components/inputComponents/EditableKeywordInput.vue b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
index 009b2033..76002dd7 100644
--- a/src/views/settings/components/inputComponents/EditableKeywordInput.vue
+++ b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
@@ -16,6 +16,14 @@
       </div>
       <el-button :size="isDesktop ? 'medium' : 'mini'" icon="el-icon-plus" circle @click="addRowToEditableKeyword"/>
     </div>
+    <div v-if="editableKeywordWithString" :data-search="setting.key || setting.group">
+      <div v-for="element in data" :key="getId(element)" class="setting-input">
+        <el-input :value="getKey(element)" placeholder="key" class="name-input" @input="parseEditableKeyword($event, 'key', element)"/> :
+        <el-input :value="getValue(element)" placeholder="value" class="value-input" @input="parseEditableKeyword($event, 'value', element)"/>
+        <el-button :size="isDesktop ? 'medium' : 'mini'" class="icon-minus-button" icon="el-icon-minus" circle @click="deleteEditableKeywordRow(element)"/>
+      </div>
+      <el-button :size="isDesktop ? 'medium' : 'mini'" icon="el-icon-plus" circle @click="addRowToEditableKeyword"/>
+    </div>
     <div v-else :data-search="setting.key || setting.group">
       <div v-for="element in data" :key="getId(element)" class="setting-input">
         <el-input :value="getKey(element)" placeholder="key" class="name-input" @input="parseEditableKeyword($event, 'key', element)"/> :
@@ -54,6 +62,9 @@ export default {
     editableKeywordWithInteger() {
       return Array.isArray(this.setting.type) && this.setting.type.includes('keyword') && this.setting.type.includes('integer')
     },
+    editableKeywordWithString() {
+      return Array.isArray(this.setting.type) && this.setting.type.includes('keyword') && this.setting.type.includes('string')
+    },
     isDesktop() {
       return this.$store.state.app.device === 'desktop'
     }

From f34157b1db1141f55db0ae6b8f0276ba893f3f14 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Fri, 10 Jul 2020 02:22:23 +0300
Subject: [PATCH 13/28] Add ability to wrap and parse nested settings in
 keyword inputs

---
 src/store/modules/normalizers.js              |  2 +-
 src/views/settings/components/Inputs.vue      |  5 ++-
 .../inputComponents/EditableKeywordInput.vue  | 32 +++++++++++++++++--
 3 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/src/store/modules/normalizers.js b/src/store/modules/normalizers.js
index e4eb8816..927d3d65 100644
--- a/src/store/modules/normalizers.js
+++ b/src/store/modules/normalizers.js
@@ -93,7 +93,7 @@ export const parseTuples = (tuples, key) => {
         return [...acc, { [mascot.tuple[0]]: { ...mascot.tuple[1], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
       }, [])
     } else if (Array.isArray(item.tuple[1]) &&
-      (item.tuple[0] === ':groups' || item.tuple[0] === ':replace' || item.tuple[0] === ':retries' || item.tuple[0] === ':headers')) {
+      (item.tuple[0] === ':groups' || item.tuple[0] === ':replace' || item.tuple[0] === ':retries' || item.tuple[0] === ':headers' || item.tuple[0] === ':params')) {
       accum[item.tuple[0]] = item.tuple[1].reduce((acc, group) => {
         return [...acc, { [group.tuple[0]]: { value: group.tuple[1], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
       }, [])
diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue
index 44ee957f..52cce435 100644
--- a/src/views/settings/components/Inputs.vue
+++ b/src/views/settings/components/Inputs.vue
@@ -96,7 +96,7 @@
         <!-- special inputs -->
         <auto-linker-input v-if="settingGroup.group === ':auto_linker'" :data="data" :setting-group="settingGroup" :setting="setting"/>
         <crontab-input v-if="setting.key === ':crontab'" :data="data[setting.key]" :setting-group="settingGroup" :setting="setting"/>
-        <editable-keyword-input v-if="editableKeyword(setting.key, setting.type)" :data="keywordData" :setting-group="settingGroup" :setting="setting"/>
+        <editable-keyword-input v-if="editableKeyword(setting.key, setting.type)" :data="keywordData" :setting-group="settingGroup" :setting="setting" :parents="settingParent"/>
         <icons-input v-if="setting.key === ':icons'" :data="iconsData" :setting-group="settingGroup" :setting="setting"/>
         <mascots-input v-if="setting.key === ':mascots'" :data="keywordData" :setting-group="settingGroup" :setting="setting"/>
         <proxy-url-input v-if="setting.key === ':proxy_url'" :data="data[setting.key]" :setting-group="settingGroup" :setting="setting" :parents="settingParent"/>
@@ -254,6 +254,9 @@ export default {
       }
     },
     keywordData() {
+      if (this.settingParent.length > 0) {
+        return Array.isArray(this.data[this.setting.key]) ? this.data[this.setting.key] : []
+      }
       return Array.isArray(this.data) ? this.data : []
     },
     reducedSelects() {
diff --git a/src/views/settings/components/inputComponents/EditableKeywordInput.vue b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
index 76002dd7..a364b3ce 100644
--- a/src/views/settings/components/inputComponents/EditableKeywordInput.vue
+++ b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script>
+import { processNested } from '@/store/modules/normalizers'
+
 export default {
   name: 'EditableKeywordInput',
   props: {
@@ -45,6 +47,13 @@ export default {
         return {}
       }
     },
+    parents: {
+      type: Array,
+      default: function() {
+        return []
+      },
+      required: false
+    },
     setting: {
       type: Object,
       default: function() {
@@ -67,6 +76,12 @@ export default {
     },
     isDesktop() {
       return this.$store.state.app.device === 'desktop'
+    },
+    settings() {
+      return this.$store.state.settings.settings
+    },
+    updatedSettings() {
+      return this.$store.state.settings.updatedSettings
     }
   },
   methods: {
@@ -107,9 +122,20 @@ export default {
       this.updateSetting(updatedValue, this.settingGroup.group, this.settingGroup.key, this.setting.key, this.setting.type)
     },
     updateSetting(value, group, key, input, type) {
-      const updatedSettings = this.wrapUpdatedSettings(value, input, type)
-      this.$store.dispatch('UpdateSettings', { group, key, input, value: updatedSettings, type })
-      this.$store.dispatch('UpdateState', { group, key, input, value })
+      const wrappedSettings = this.wrapUpdatedSettings(value, input, type)
+
+      if (this.parents.length > 0) {
+        const { valueForState,
+          valueForUpdatedSettings,
+          setting } = processNested(value, wrappedSettings, group, key, this.parents.reverse(), this.settings, this.updatedSettings)
+        this.$store.dispatch('UpdateSettings',
+          { group, key, input: setting.key, value: valueForUpdatedSettings, type: setting.type })
+        this.$store.dispatch('UpdateState',
+          { group, key, input: setting.key, value: valueForState })
+      } else {
+        this.$store.dispatch('UpdateSettings', { group, key, input, value: wrappedSettings, type })
+        this.$store.dispatch('UpdateState', { group, key, input, value })
+      }
     },
     wrapUpdatedSettings(value, input, type) {
       return type === 'map'

From 0323053fee1c60089232874334ed1f20cdaddb85 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Fri, 10 Jul 2020 03:40:17 +0300
Subject: [PATCH 14/28] Unify rendering :replace settings as keyword with
 strings

---
 src/views/settings/components/Inputs.vue      |  5 ++---
 src/views/settings/components/Setting.vue     |  3 +--
 .../inputComponents/EditableKeywordInput.vue  | 22 +++++++++----------
 3 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue
index 52cce435..7545b5aa 100644
--- a/src/views/settings/components/Inputs.vue
+++ b/src/views/settings/components/Inputs.vue
@@ -283,8 +283,7 @@ export default {
   },
   methods: {
     editableKeyword(key, type) {
-      return key === ':replace' ||
-        type === 'map' ||
+      return type === 'map' ||
         (Array.isArray(type) && type.includes('keyword') && type.includes('integer')) ||
         (Array.isArray(type) && type.includes('keyword') && type.includes('string')) ||
         (Array.isArray(type) && type.includes('keyword') && type.findIndex(el => el.includes('list') && el.includes('string')) !== -1)
@@ -334,7 +333,7 @@ export default {
         type.includes('module') ||
         (type.includes('list') && type.includes('string')) ||
         (type.includes('list') && type.includes('atom')) ||
-        (type.includes('regex') && type.includes('string'))
+        (!type.includes('keyword') && type.includes('regex') && type.includes('string'))
       )
     },
     renderSingleSelect(type) {
diff --git a/src/views/settings/components/Setting.vue b/src/views/settings/components/Setting.vue
index 1656db61..5db1ed57 100644
--- a/src/views/settings/components/Setting.vue
+++ b/src/views/settings/components/Setting.vue
@@ -121,8 +121,7 @@ export default {
     compound({ type, key, children }) {
       return type === 'keyword' ||
         type === 'map' ||
-        type.includes('keyword') ||
-        key === ':replace'
+        type.includes('keyword')
     },
     divideSetting(key) {
       return [':sslopts', ':tlsopts', ':adapter', ':poll_limits', ':queues', ':styling', ':invalidation', ':multi_factor_authentication'].includes(key)
diff --git a/src/views/settings/components/inputComponents/EditableKeywordInput.vue b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
index a364b3ce..d0d88fff 100644
--- a/src/views/settings/components/inputComponents/EditableKeywordInput.vue
+++ b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
@@ -1,14 +1,6 @@
 <template>
   <div class="editable-keyword-container">
-    <div v-if="setting.key === ':replace'" :data-search="setting.key || setting.group">
-      <div v-for="element in data" :key="getId(element)" class="setting-input">
-        <el-input :value="getKey(element)" placeholder="pattern" class="name-input" @input="parseEditableKeyword($event, 'key', element)"/> :
-        <el-input :value="getValue(element)" placeholder="replacement" class="value-input" @input="parseEditableKeyword($event, 'value', element)"/>
-        <el-button :size="isDesktop ? 'medium' : 'mini'" class="icon-minus-button" icon="el-icon-minus" circle @click="deleteEditableKeywordRow(element)"/>
-      </div>
-      <el-button :size="isDesktop ? 'medium' : 'mini'" icon="el-icon-plus" circle @click="addRowToEditableKeyword"/>
-    </div>
-    <div v-else-if="editableKeywordWithInteger" :data-search="setting.key || setting.group">
+    <div v-if="editableKeywordWithInteger" :data-search="setting.key || setting.group">
       <div v-for="element in data" :key="getId(element)" class="setting-input">
         <el-input :value="getKey(element)" placeholder="key" class="name-input" @input="parseEditableKeyword($event, 'key', element)"/> :
         <el-input-number :value="getValue(element)" :min="0" size="large" class="value-input" @change="parseEditableKeyword($event, 'value', element)"/>
@@ -16,10 +8,10 @@
       </div>
       <el-button :size="isDesktop ? 'medium' : 'mini'" icon="el-icon-plus" circle @click="addRowToEditableKeyword"/>
     </div>
-    <div v-if="editableKeywordWithString" :data-search="setting.key || setting.group">
+    <div v-else-if="editableKeywordWithString" :data-search="setting.key || setting.group">
       <div v-for="element in data" :key="getId(element)" class="setting-input">
-        <el-input :value="getKey(element)" placeholder="key" class="name-input" @input="parseEditableKeyword($event, 'key', element)"/> :
-        <el-input :value="getValue(element)" placeholder="value" class="value-input" @input="parseEditableKeyword($event, 'value', element)"/>
+        <el-input :value="getKey(element)" :placeholder="keyPlaceholder" class="name-input" @input="parseEditableKeyword($event, 'key', element)"/> :
+        <el-input :value="getValue(element)" :placeholder="valuePlaceholder" class="value-input" @input="parseEditableKeyword($event, 'value', element)"/>
         <el-button :size="isDesktop ? 'medium' : 'mini'" class="icon-minus-button" icon="el-icon-minus" circle @click="deleteEditableKeywordRow(element)"/>
       </div>
       <el-button :size="isDesktop ? 'medium' : 'mini'" icon="el-icon-plus" circle @click="addRowToEditableKeyword"/>
@@ -77,11 +69,17 @@ export default {
     isDesktop() {
       return this.$store.state.app.device === 'desktop'
     },
+    keyPlaceholder() {
+      return this.setting.key === ':replace' ? 'pattern' : 'key'
+    },
     settings() {
       return this.$store.state.settings.settings
     },
     updatedSettings() {
       return this.$store.state.settings.updatedSettings
+    },
+    valuePlaceholder() {
+      return this.setting.key === ':replace' ? 'replacement' : 'value'
     }
   },
   methods: {

From 3f82738d86b59108b5b9310912f0ba3ff00399e4 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sat, 11 Jul 2020 03:28:53 +0300
Subject: [PATCH 15/28] Render editable keyword input for settings that have
 type ['list', 'tuple']

---
 src/views/settings/components/Inputs.vue                     | 4 +++-
 .../components/inputComponents/EditableKeywordInput.vue      | 5 ++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue
index 7545b5aa..ef4bf246 100644
--- a/src/views/settings/components/Inputs.vue
+++ b/src/views/settings/components/Inputs.vue
@@ -254,7 +254,8 @@ export default {
       }
     },
     keywordData() {
-      if (this.settingParent.length > 0) {
+      if (this.settingParent.length > 0 ||
+        (Array.isArray(this.setting.type) && this.setting.type.includes('tuple') && this.setting.type.includes('list'))) {
         return Array.isArray(this.data[this.setting.key]) ? this.data[this.setting.key] : []
       }
       return Array.isArray(this.data) ? this.data : []
@@ -286,6 +287,7 @@ export default {
       return type === 'map' ||
         (Array.isArray(type) && type.includes('keyword') && type.includes('integer')) ||
         (Array.isArray(type) && type.includes('keyword') && type.includes('string')) ||
+        (Array.isArray(type) && type.includes('tuple') && type.includes('list')) ||
         (Array.isArray(type) && type.includes('keyword') && type.findIndex(el => el.includes('list') && el.includes('string')) !== -1)
     },
     getFormattedDescription(desc) {
diff --git a/src/views/settings/components/inputComponents/EditableKeywordInput.vue b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
index d0d88fff..ff641756 100644
--- a/src/views/settings/components/inputComponents/EditableKeywordInput.vue
+++ b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
@@ -64,7 +64,10 @@ export default {
       return Array.isArray(this.setting.type) && this.setting.type.includes('keyword') && this.setting.type.includes('integer')
     },
     editableKeywordWithString() {
-      return Array.isArray(this.setting.type) && this.setting.type.includes('keyword') && this.setting.type.includes('string')
+      return Array.isArray(this.setting.type) && (
+        (this.setting.type.includes('keyword') && this.setting.type.includes('string')) ||
+        (this.setting.type.includes('tuple') && this.setting.type.includes('list'))
+      )
     },
     isDesktop() {
       return this.$store.state.app.device === 'desktop'

From 6577376642bb9f109fa6c31f5dcd779de10059e5 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sat, 11 Jul 2020 19:42:38 +0300
Subject: [PATCH 16/28] Move rendering Crontab settings to Editable keywords
 after updating its type

---
 src/store/modules/normalizers.js              | 18 ++--
 src/views/settings/components/Inputs.vue      |  3 -
 .../inputComponents/CrontabInput.vue          | 86 -------------------
 .../inputComponents/EditableKeywordInput.vue  | 39 ++++++++-
 .../components/inputComponents/index.js       |  1 -
 5 files changed, 47 insertions(+), 100 deletions(-)
 delete mode 100644 src/views/settings/components/inputComponents/CrontabInput.vue

diff --git a/src/store/modules/normalizers.js b/src/store/modules/normalizers.js
index 927d3d65..2fec92ab 100644
--- a/src/store/modules/normalizers.js
+++ b/src/store/modules/normalizers.js
@@ -93,14 +93,16 @@ export const parseTuples = (tuples, key) => {
         return [...acc, { [mascot.tuple[0]]: { ...mascot.tuple[1], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
       }, [])
     } else if (Array.isArray(item.tuple[1]) &&
-      (item.tuple[0] === ':groups' || item.tuple[0] === ':replace' || item.tuple[0] === ':retries' || item.tuple[0] === ':headers' || item.tuple[0] === ':params')) {
-      accum[item.tuple[0]] = item.tuple[1].reduce((acc, group) => {
-        return [...acc, { [group.tuple[0]]: { value: group.tuple[1], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
-      }, [])
-    } else if (item.tuple[0] === ':crontab') {
-      accum[item.tuple[0]] = item.tuple[1].reduce((acc, group) => {
-        return { ...acc, [group.tuple[1]]: group.tuple[0] }
-      }, {})
+      (item.tuple[0] === ':groups' || item.tuple[0] === ':replace' || item.tuple[0] === ':retries' || item.tuple[0] === ':headers' || item.tuple[0] === ':params' || item.tuple[0] === ':crontab')) {
+      if (item.tuple[0] === ':crontab') {
+        accum[item.tuple[0]] = item.tuple[1].reduce((acc, group) => {
+          return [...acc, { [group.tuple[1]]: { value: group.tuple[0], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
+        }, [])
+      } else {
+        accum[item.tuple[0]] = item.tuple[1].reduce((acc, group) => {
+          return [...acc, { [group.tuple[0]]: { value: group.tuple[1], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
+        }, [])
+      }
     } else if (item.tuple[0] === ':match_actor') {
       accum[item.tuple[0]] = Object.keys(item.tuple[1]).reduce((acc, regex) => {
         return [...acc, { [regex]: { value: item.tuple[1][regex], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue
index ef4bf246..0ba74f55 100644
--- a/src/views/settings/components/Inputs.vue
+++ b/src/views/settings/components/Inputs.vue
@@ -95,7 +95,6 @@
         </el-input>
         <!-- special inputs -->
         <auto-linker-input v-if="settingGroup.group === ':auto_linker'" :data="data" :setting-group="settingGroup" :setting="setting"/>
-        <crontab-input v-if="setting.key === ':crontab'" :data="data[setting.key]" :setting-group="settingGroup" :setting="setting"/>
         <editable-keyword-input v-if="editableKeyword(setting.key, setting.type)" :data="keywordData" :setting-group="settingGroup" :setting="setting" :parents="settingParent"/>
         <icons-input v-if="setting.key === ':icons'" :data="iconsData" :setting-group="settingGroup" :setting="setting"/>
         <mascots-input v-if="setting.key === ':mascots'" :data="keywordData" :setting-group="settingGroup" :setting="setting"/>
@@ -122,7 +121,6 @@
 import i18n from '@/lang'
 import {
   AutoLinkerInput,
-  CrontabInput,
   EditableKeywordInput,
   IconsInput,
   MascotsInput,
@@ -140,7 +138,6 @@ export default {
   name: 'Inputs',
   components: {
     AutoLinkerInput,
-    CrontabInput,
     EditableKeywordInput,
     IconsInput,
     MascotsInput,
diff --git a/src/views/settings/components/inputComponents/CrontabInput.vue b/src/views/settings/components/inputComponents/CrontabInput.vue
deleted file mode 100644
index 89a14915..00000000
--- a/src/views/settings/components/inputComponents/CrontabInput.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-  <el-form :label-width="labelWidth" :label-position="isMobile ? 'top' : 'right'" class="crontab">
-    <el-form-item v-for="worker in workers" :key="worker" :label="worker" :data-search="setting.key" class="crontab-container">
-      <el-input
-        :value="data[worker]"
-        :placeholder="getSuggestion(worker) || null"
-        class="input setting-input"
-        @input="update($event, worker)"/>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script>
-export default {
-  name: 'CrontabInput',
-  props: {
-    data: {
-      type: Object,
-      default: function() {
-        return {}
-      }
-    },
-    setting: {
-      type: Object,
-      default: function() {
-        return {}
-      }
-    },
-    settingGroup: {
-      type: Object,
-      default: function() {
-        return {}
-      }
-    }
-  },
-  computed: {
-    isDesktop() {
-      return this.$store.state.app.device === 'desktop'
-    },
-    isMobile() {
-      return this.$store.state.app.device === 'mobile'
-    },
-    isTablet() {
-      return this.$store.state.app.device === 'tablet'
-    },
-    labelWidth() {
-      if (this.isMobile) {
-        return '100%'
-      } else {
-        return '380px'
-      }
-    },
-    workers() {
-      return this.setting.suggestions.map(worker => worker[1])
-    }
-  },
-  methods: {
-    getSuggestion(worker) {
-      return this.setting.suggestions.find(suggestion => suggestion[1] === worker)[0]
-    },
-    update(value, worker) {
-      const currentValue = this.$store.state.settings.settings[this.settingGroup.group][this.settingGroup.key][this.setting.key]
-      const updatedValue = { ...currentValue, [worker]: value }
-      const updatedValueWithType = Object.keys(currentValue).reduce((acc, key) => {
-        if (key === worker) {
-          return { ...acc, [key]: ['reversed_tuple', value] }
-        } else {
-          return { ...acc, [key]: ['reversed_tuple', currentValue[key]] }
-        }
-      }, {})
-
-      this.$store.dispatch('UpdateSettings',
-        { group: this.settingGroup.group, key: this.settingGroup.key, input: this.setting.key, value: updatedValueWithType, type: this.setting.type }
-      )
-      this.$store.dispatch('UpdateState',
-        { group: this.settingGroup.group, key: this.settingGroup.key, input: this.setting.key, value: updatedValue }
-      )
-    }
-  }
-}
-</script>
-
-<style rel='stylesheet/scss' lang='scss'>
-@import '../../styles/main';
-@include settings
-</style>
diff --git a/src/views/settings/components/inputComponents/EditableKeywordInput.vue b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
index ff641756..6939547a 100644
--- a/src/views/settings/components/inputComponents/EditableKeywordInput.vue
+++ b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
@@ -1,6 +1,15 @@
 <template>
   <div class="editable-keyword-container">
-    <div v-if="editableKeywordWithInteger" :data-search="setting.key || setting.group">
+    <div v-if="setting.key === ':crontab'" :data-search="setting.key" class="crontab">
+      <el-form-item v-for="worker in data" :key="getId(worker)" :label="getCrontabWorkerLabel(worker)" class="crontab-container">
+        <el-input
+          :value="getValue(worker)"
+          :placeholder="getSuggestion(worker) || null"
+          class="input setting-input"
+          @input="updateCrontab($event, 'value', worker)"/>
+      </el-form-item>
+    </div>
+    <div v-else-if="editableKeywordWithInteger" :data-search="setting.key || setting.group">
       <div v-for="element in data" :key="getId(element)" class="setting-input">
         <el-input :value="getKey(element)" placeholder="key" class="name-input" @input="parseEditableKeyword($event, 'key', element)"/> :
         <el-input-number :value="getValue(element)" :min="0" size="large" class="value-input" @change="parseEditableKeyword($event, 'value', element)"/>
@@ -64,7 +73,7 @@ export default {
       return Array.isArray(this.setting.type) && this.setting.type.includes('keyword') && this.setting.type.includes('integer')
     },
     editableKeywordWithString() {
-      return Array.isArray(this.setting.type) && (
+      return Array.isArray(this.setting.type) && this.setting.key !== ':crontab' && (
         (this.setting.type.includes('keyword') && this.setting.type.includes('string')) ||
         (this.setting.type.includes('tuple') && this.setting.type.includes('list'))
       )
@@ -98,6 +107,10 @@ export default {
     generateID() {
       return `f${(~~(Math.random() * 1e8)).toString(16)}`
     },
+    getCrontabWorkerLabel(worker) {
+      const workerKey = this.getKey(worker)
+      return workerKey.includes('Pleroma.Workers.Cron.') ? workerKey.replace('Pleroma.Workers.Cron.', '') : workerKey
+    },
     getKey(element) {
       return Object.keys(element)[0]
     },
@@ -105,6 +118,9 @@ export default {
       const { id } = Object.values(element)[0]
       return id
     },
+    getSuggestion(worker) {
+      return this.setting.suggestions.find(suggestion => suggestion[1] === this.getKey(worker))[0]
+    },
     getValue(element) {
       const { value } = Object.values(element)[0]
       return value
@@ -122,6 +138,25 @@ export default {
 
       this.updateSetting(updatedValue, this.settingGroup.group, this.settingGroup.key, this.setting.key, this.setting.type)
     },
+    updateCrontab(value, inputType, worker) {
+      const updatedId = this.getId(worker)
+      const updatedValue = this.data.map((worker, index) => {
+        if (Object.values(worker)[0].id === updatedId) {
+          return { [Object.keys(worker)[0]]: { ...Object.values(this.data[index])[0], value }}
+        }
+        return worker
+      })
+      const updatedValueWithType = updatedValue.reduce((acc, worker) => {
+        return { ...acc, [Object.keys(worker)[0]]: ['reversed_tuple', Object.values(worker)[0].value] }
+      }, {})
+
+      this.$store.dispatch('UpdateSettings',
+        { group: this.settingGroup.group, key: this.settingGroup.key, input: this.setting.key, value: updatedValueWithType, type: this.setting.type }
+      )
+      this.$store.dispatch('UpdateState',
+        { group: this.settingGroup.group, key: this.settingGroup.key, input: this.setting.key, value: updatedValue }
+      )
+    },
     updateSetting(value, group, key, input, type) {
       const wrappedSettings = this.wrapUpdatedSettings(value, input, type)
 
diff --git a/src/views/settings/components/inputComponents/index.js b/src/views/settings/components/inputComponents/index.js
index 3b9bc788..d95ebd05 100644
--- a/src/views/settings/components/inputComponents/index.js
+++ b/src/views/settings/components/inputComponents/index.js
@@ -1,6 +1,5 @@
 export { default as AutoLinkerInput } from './AutoLinkerInput'
 export { default as EditableKeywordInput } from './EditableKeywordInput'
-export { default as CrontabInput } from './CrontabInput'
 export { default as IconsInput } from './IconsInput'
 export { default as MascotsInput } from './MascotsInput'
 export { default as ProxyUrlInput } from './ProxyUrlInput'

From 5ae214fbbecd0f73ba17d914ac6d3757641029a3 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sat, 11 Jul 2020 21:31:19 +0300
Subject: [PATCH 17/28] Implement types ['map', 'string'] and ['map', ['list',
 'string']]

---
 src/store/modules/normalizers.js              | 21 +++++++------------
 src/views/settings/components/Inputs.vue      | 13 +++++++-----
 src/views/settings/components/Setting.vue     |  3 ++-
 .../inputComponents/EditableKeywordInput.vue  | 12 +++++++----
 4 files changed, 25 insertions(+), 24 deletions(-)

diff --git a/src/store/modules/normalizers.js b/src/store/modules/normalizers.js
index 2fec92ab..82677d00 100644
--- a/src/store/modules/normalizers.js
+++ b/src/store/modules/normalizers.js
@@ -93,7 +93,7 @@ export const parseTuples = (tuples, key) => {
         return [...acc, { [mascot.tuple[0]]: { ...mascot.tuple[1], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
       }, [])
     } else if (Array.isArray(item.tuple[1]) &&
-      (item.tuple[0] === ':groups' || item.tuple[0] === ':replace' || item.tuple[0] === ':retries' || item.tuple[0] === ':headers' || item.tuple[0] === ':params' || item.tuple[0] === ':crontab')) {
+      (item.tuple[0] === ':groups' || item.tuple[0] === ':replace' || item.tuple[0] === ':retries' || item.tuple[0] === ':headers' || item.tuple[0] === ':params' || item.tuple[0] === ':crontab' || item.tuple[0] === ':match_actor')) {
       if (item.tuple[0] === ':crontab') {
         accum[item.tuple[0]] = item.tuple[1].reduce((acc, group) => {
           return [...acc, { [group.tuple[1]]: { value: group.tuple[0], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
@@ -103,10 +103,6 @@ export const parseTuples = (tuples, key) => {
           return [...acc, { [group.tuple[0]]: { value: group.tuple[1], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
         }, [])
       }
-    } else if (item.tuple[0] === ':match_actor') {
-      accum[item.tuple[0]] = Object.keys(item.tuple[1]).reduce((acc, regex) => {
-        return [...acc, { [regex]: { value: item.tuple[1][regex], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
-      }, [])
     } else if (item.tuple[0] === ':icons') {
       accum[item.tuple[0]] = item.tuple[1].map(icon => {
         return Object.keys(icon).map(name => {
@@ -240,8 +236,10 @@ const wrapValues = (settings, currentState) => {
     if (
       type === 'keyword' ||
       type.includes('keyword') ||
-      type.includes('tuple') && type.includes('list') ||
-      setting === ':replace'
+      (type.includes('tuple') && type.includes('list')) ||
+      setting === ':replace' ||
+      (type.includes('map') && type.includes('string')) ||
+      type.includes('map') && type.findIndex(el => el.includes('list') && el.includes('string')) !== -1
     ) {
       return { 'tuple': [setting, wrapValues(value, currentState)] }
     } else if (type === 'atom' && value.length > 0) {
@@ -254,15 +252,10 @@ const wrapValues = (settings, currentState) => {
       return { 'tuple': [value, setting] }
     } else if (type === 'map') {
       const mapValue = Object.keys(value).reduce((acc, key) => {
-        acc[key] = setting === ':match_actor' ? value[key] : value[key][1]
+        acc[key] = value[key][1]
         return acc
       }, {})
-      const mapCurrentState = setting === ':match_actor'
-        ? currentState[setting].reduce((acc, element) => {
-          return { ...acc, ...{ [Object.keys(element)[0]]: Object.values(element)[0].value }}
-        }, {})
-        : currentState[setting]
-      return { 'tuple': [setting, { ...mapCurrentState, ...mapValue }] }
+      return { 'tuple': [setting, { ...currentState[setting], ...mapValue }] }
     } else if (setting === ':ip') {
       const ip = value.split('.').map(s => parseInt(s, 10))
       return { 'tuple': [setting, { 'tuple': ip }] }
diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue
index 0ba74f55..44e4ad19 100644
--- a/src/views/settings/components/Inputs.vue
+++ b/src/views/settings/components/Inputs.vue
@@ -281,11 +281,14 @@ export default {
   },
   methods: {
     editableKeyword(key, type) {
-      return type === 'map' ||
-        (Array.isArray(type) && type.includes('keyword') && type.includes('integer')) ||
-        (Array.isArray(type) && type.includes('keyword') && type.includes('string')) ||
-        (Array.isArray(type) && type.includes('tuple') && type.includes('list')) ||
-        (Array.isArray(type) && type.includes('keyword') && type.findIndex(el => el.includes('list') && el.includes('string')) !== -1)
+      return Array.isArray(type) && (
+        (type.includes('map') && type.includes('string')) ||
+        (type.includes('map') && type.findIndex(el => el.includes('list') && el.includes('string')) !== -1) ||
+        (type.includes('keyword') && type.includes('integer')) ||
+        (type.includes('keyword') && type.includes('string')) ||
+        (type.includes('tuple') && type.includes('list')) ||
+        (type.includes('keyword') && type.findIndex(el => el.includes('list') && el.includes('string')) !== -1)
+      )
     },
     getFormattedDescription(desc) {
       return marked(desc)
diff --git a/src/views/settings/components/Setting.vue b/src/views/settings/components/Setting.vue
index 5db1ed57..7593fb3d 100644
--- a/src/views/settings/components/Setting.vue
+++ b/src/views/settings/components/Setting.vue
@@ -121,7 +121,8 @@ export default {
     compound({ type, key, children }) {
       return type === 'keyword' ||
         type === 'map' ||
-        type.includes('keyword')
+        type.includes('keyword') ||
+        type.includes('map')
     },
     divideSetting(key) {
       return [':sslopts', ':tlsopts', ':adapter', ':poll_limits', ':queues', ':styling', ':invalidation', ':multi_factor_authentication'].includes(key)
diff --git a/src/views/settings/components/inputComponents/EditableKeywordInput.vue b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
index 6939547a..de3ec21a 100644
--- a/src/views/settings/components/inputComponents/EditableKeywordInput.vue
+++ b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
@@ -25,7 +25,7 @@
       </div>
       <el-button :size="isDesktop ? 'medium' : 'mini'" icon="el-icon-plus" circle @click="addRowToEditableKeyword"/>
     </div>
-    <div v-else :data-search="setting.key || setting.group">
+    <div v-else-if="editableKeywordWithSelect" :data-search="setting.key || setting.group">
       <div v-for="element in data" :key="getId(element)" class="setting-input">
         <el-input :value="getKey(element)" placeholder="key" class="name-input" @input="parseEditableKeyword($event, 'key', element)"/> :
         <el-select :value="getValue(element)" multiple filterable allow-create class="value-input" @change="parseEditableKeyword($event, 'value', element)"/>
@@ -70,12 +70,16 @@ export default {
   },
   computed: {
     editableKeywordWithInteger() {
-      return Array.isArray(this.setting.type) && this.setting.type.includes('keyword') && this.setting.type.includes('integer')
+      return this.setting.type.includes('keyword') && this.setting.type.includes('integer')
+    },
+    editableKeywordWithSelect() {
+      return this.setting.type.includes('map') && this.setting.type.findIndex(el => el.includes('list') && el.includes('string')) !== -1
     },
     editableKeywordWithString() {
-      return Array.isArray(this.setting.type) && this.setting.key !== ':crontab' && (
+      return this.setting.key !== ':crontab' && (
         (this.setting.type.includes('keyword') && this.setting.type.includes('string')) ||
-        (this.setting.type.includes('tuple') && this.setting.type.includes('list'))
+        (this.setting.type.includes('tuple') && this.setting.type.includes('list')) ||
+        (this.setting.type.includes('map') && this.setting.type.includes('string'))
       )
     },
     isDesktop() {

From 0bc5cf9f6b585be2a9d2115005bb2a24a3ce92c9 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sat, 11 Jul 2020 21:53:23 +0300
Subject: [PATCH 18/28] Add new settings to the search

---
 src/views/settings/components/tabs.js | 163 +++++++++++++-------------
 src/views/settings/index.vue          |   2 +-
 2 files changed, 84 insertions(+), 81 deletions(-)

diff --git a/src/views/settings/components/tabs.js b/src/views/settings/components/tabs.js
index 7190dddd..68b01093 100644
--- a/src/views/settings/components/tabs.js
+++ b/src/views/settings/components/tabs.js
@@ -1,82 +1,85 @@
-export const tabs = {
-  'activity-pub': {
-    label: 'settings.activityPub',
-    settings: [':activitypub', ':user']
-  },
-  'authentication': {
-    label: 'settings.auth',
-    settings: [':auth', ':ldap', ':oauth2', 'Pleroma.Web.Auth.Authenticator']
-  },
-  'auto-linker': {
-    label: 'settings.autoLinker',
-    settings: [':opts']
-  },
-  'esshd': {
-    label: 'settings.esshd',
-    settings: [':esshd']
-  },
-  'captcha': {
-    label: 'settings.captcha',
-    settings: ['Pleroma.Captcha', 'Pleroma.Captcha.Kocaptcha']
-  },
-  'frontend': {
-    label: 'settings.frontend',
-    settings: [':assets', ':chat', ':emoji', ':frontend_configurations', ':markup', ':static_fe']
-  },
-  'gopher': {
-    label: 'settings.gopher',
-    settings: [':gopher']
-  },
-  'http': {
-    label: 'settings.http',
-    settings: [':cors_plug', ':http', ':http_security', ':web_cache_ttl']
-  },
-  'instance': {
-    label: 'settings.instance',
-    settings: [':admin_token', ':instance', ':manifest', 'Pleroma.User', 'Pleroma.ScheduledActivity', ':uri_schemes', ':feed', ':streamer']
-  },
-  'job-queue': {
-    label: 'settings.jobQueue',
-    settings: ['Pleroma.ActivityExpiration', 'Oban', ':workers']
-  },
-  'logger': {
-    label: 'settings.logger',
-    settings: [':console', ':ex_syslogger', ':quack', ':logger']
-  },
-  'mailer': {
-    label: 'settings.mailer',
-    settings: [':email_notifications', 'Pleroma.Emails.Mailer', 'Pleroma.Emails.UserEmail', ':swoosh', 'Pleroma.Emails.NewUsersDigestEmail']
-  },
-  'media-proxy': {
-    label: 'settings.mediaProxy',
-    settings: [':media_proxy']
-  },
-  'metadata': {
-    label: 'settings.metadata',
-    settings: ['Pleroma.Web.Metadata', ':rich_media']
-  },
-  'mrf': {
-    label: 'settings.mrf',
-    settings: [':mrf_simple', ':mrf_rejectnonpublic', ':mrf_hellthread', ':mrf_keyword', ':mrf_subchain', ':mrf_mention', ':mrf_normalize_markup', ':mrf_vocabulary', ':mrf_object_age', ':modules']
-  },
-  'rate-limiters': {
-    label: 'settings.rateLimiters',
-    settings: [':rate_limit']
-  },
-  'relays': {
-    label: 'settings.relays',
-    settings: ['relays']
-  },
-  'web-push': {
-    label: 'settings.webPush',
-    settings: [':vapid_details']
-  },
-  'upload': {
-    label: 'settings.upload',
-    settings: ['Pleroma.Upload.Filter.AnonymizeFilename', 'Pleroma.Upload.Filter.Mogrify', 'Pleroma.Uploaders.S3', 'Pleroma.Uploaders.Local', 'Pleroma.Upload']
-  },
-  'other': {
-    label: 'settings.other',
-    settings: [':mime', 'Pleroma.Plugs.RemoteIp']
+
+export const tabs = description => {
+  return {
+    'activity-pub': {
+      label: 'settings.activityPub',
+      settings: [':activitypub', ':user']
+    },
+    'authentication': {
+      label: 'settings.auth',
+      settings: [':auth', ':ldap', ':oauth2', 'Pleroma.Web.Auth.Authenticator']
+    },
+    'auto-linker': {
+      label: 'settings.autoLinker',
+      settings: [':opts']
+    },
+    'esshd': {
+      label: 'settings.esshd',
+      settings: [':esshd']
+    },
+    'captcha': {
+      label: 'settings.captcha',
+      settings: ['Pleroma.Captcha', 'Pleroma.Captcha.Kocaptcha']
+    },
+    'frontend': {
+      label: 'settings.frontend',
+      settings: [':assets', ':chat', ':emoji', ':frontend_configurations', ':markup', ':static_fe']
+    },
+    'gopher': {
+      label: 'settings.gopher',
+      settings: [':gopher']
+    },
+    'http': {
+      label: 'settings.http',
+      settings: [':cors_plug', ':http', ':http_security', ':web_cache_ttl']
+    },
+    'instance': {
+      label: 'settings.instance',
+      settings: [':admin_token', ':instance', ':manifest', 'Pleroma.User', 'Pleroma.ScheduledActivity', ':uri_schemes', ':feed', ':streamer']
+    },
+    'job-queue': {
+      label: 'settings.jobQueue',
+      settings: ['Pleroma.ActivityExpiration', 'Oban', ':workers']
+    },
+    'logger': {
+      label: 'settings.logger',
+      settings: [':console', ':ex_syslogger', ':quack', ':logger']
+    },
+    'mailer': {
+      label: 'settings.mailer',
+      settings: [':email_notifications', 'Pleroma.Emails.Mailer', 'Pleroma.Emails.UserEmail', ':swoosh', 'Pleroma.Emails.NewUsersDigestEmail']
+    },
+    'media-proxy': {
+      label: 'settings.mediaProxy',
+      settings: [':media_proxy', 'Pleroma.Web.MediaProxy.Invalidation.Http', 'Pleroma.Web.MediaProxy.Invalidation.Script']
+    },
+    'metadata': {
+      label: 'settings.metadata',
+      settings: ['Pleroma.Web.Metadata', ':rich_media']
+    },
+    'mrf': {
+      label: 'settings.mrf',
+      settings: description.filter(el => el.tab === 'mrf').map(setting => setting.key)
+    },
+    'rate-limiters': {
+      label: 'settings.rateLimiters',
+      settings: [':rate_limit']
+    },
+    'relays': {
+      label: 'settings.relays',
+      settings: ['relays']
+    },
+    'web-push': {
+      label: 'settings.webPush',
+      settings: [':vapid_details']
+    },
+    'upload': {
+      label: 'settings.upload',
+      settings: ['Pleroma.Upload.Filter.AnonymizeFilename', 'Pleroma.Upload.Filter.Mogrify', 'Pleroma.Uploaders.S3', 'Pleroma.Uploaders.Local', 'Pleroma.Upload', ':s3']
+    },
+    'other': {
+      label: 'settings.other',
+      settings: [':mime', 'Pleroma.Plugs.RemoteIp']
+    }
   }
 }
diff --git a/src/views/settings/index.vue b/src/views/settings/index.vue
index 6f02a451..7d47c67b 100644
--- a/src/views/settings/index.vue
+++ b/src/views/settings/index.vue
@@ -200,7 +200,7 @@ export default {
       return this.$store.state.settings.searchData
     },
     tabs() {
-      return tabs
+      return tabs(this.$store.state.settings.description)
     }
   },
   mounted: function() {

From b6a66ebe209fbb4f013f0377d59364412d54a8ee Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sun, 12 Jul 2020 00:55:07 +0300
Subject: [PATCH 19/28] Fix wrapping values with type map and keyword

---
 src/store/modules/normalizers.js                   | 14 +++++++-------
 .../inputComponents/EditableKeywordInput.vue       |  3 ++-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/store/modules/normalizers.js b/src/store/modules/normalizers.js
index 82677d00..8cb88521 100644
--- a/src/store/modules/normalizers.js
+++ b/src/store/modules/normalizers.js
@@ -233,13 +233,13 @@ export const wrapUpdatedSettings = (group, settings, currentState) => {
 const wrapValues = (settings, currentState) => {
   return Object.keys(settings).map(setting => {
     const [type, value] = settings[setting]
-    if (
-      type === 'keyword' ||
-      type.includes('keyword') ||
-      (type.includes('tuple') && type.includes('list')) ||
-      setting === ':replace' ||
-      (type.includes('map') && type.includes('string')) ||
-      type.includes('map') && type.findIndex(el => el.includes('list') && el.includes('string')) !== -1
+    if (type === 'keyword' ||
+      (Array.isArray(type) && (
+        type.includes('keyword') ||
+        (type.includes('tuple') && type.includes('list')) ||
+        (type.includes('map') && type.includes('string')) ||
+        type.includes('map') && type.findIndex(el => el.includes('list') && el.includes('string')) !== -1
+      ))
     ) {
       return { 'tuple': [setting, wrapValues(value, currentState)] }
     } else if (type === 'atom' && value.length > 0) {
diff --git a/src/views/settings/components/inputComponents/EditableKeywordInput.vue b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
index de3ec21a..727ff0da 100644
--- a/src/views/settings/components/inputComponents/EditableKeywordInput.vue
+++ b/src/views/settings/components/inputComponents/EditableKeywordInput.vue
@@ -73,7 +73,8 @@ export default {
       return this.setting.type.includes('keyword') && this.setting.type.includes('integer')
     },
     editableKeywordWithSelect() {
-      return this.setting.type.includes('map') && this.setting.type.findIndex(el => el.includes('list') && el.includes('string')) !== -1
+      return (this.setting.type.includes('map') && this.setting.type.findIndex(el => el.includes('list') && el.includes('string')) !== -1) ||
+        (this.setting.type.includes('keyword') && this.setting.type.findIndex(el => el.includes('list') && el.includes('string')) !== -1)
     },
     editableKeywordWithString() {
       return this.setting.key !== ':crontab' && (

From 710bb8bfa78893f92d2c121d671b5a86f406455a Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sun, 12 Jul 2020 02:18:14 +0300
Subject: [PATCH 20/28] Fix getting data for icon inputs

---
 src/views/settings/components/Inputs.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue
index 44e4ad19..ae4ae220 100644
--- a/src/views/settings/components/Inputs.vue
+++ b/src/views/settings/components/Inputs.vue
@@ -209,7 +209,7 @@ export default {
         this.$store.state.settings.db[group][key].includes(this.setting.key)
     },
     iconsData() {
-      return Array.isArray(this.data[':icons']) ? this.data[':icons'] : []
+      return Array.isArray(this.data) ? this.data : []
     },
     inputValue() {
       if ([':esshd', ':cors_plug', ':quack', ':tesla', ':swoosh'].includes(this.settingGroup.group) &&

From 090e127f3db2fbc8392df5effc234007d1a64c71 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sun, 12 Jul 2020 02:38:00 +0300
Subject: [PATCH 21/28] Update Changelog

---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c498ac34..a846a285 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,6 +16,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Support pagination of local emoji packs and files
 - Add MRF Activity Expiration setting
 - Add ability to disable multi-factor authentication for a user
+- Add ability to manually evict and ban URLs from the Pleroma MediaProxy cache
+- Add Invalidation settings on MediaProxy tab
 
 ### Changed
 

From 75b6f027a2c69dab750f4dc494439ce0a66149fc Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sat, 18 Jul 2020 22:27:10 +0300
Subject: [PATCH 22/28] Update parsing and wrapping editable map values

---
 src/store/modules/normalizers.js | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/store/modules/normalizers.js b/src/store/modules/normalizers.js
index 8cb88521..274977e9 100644
--- a/src/store/modules/normalizers.js
+++ b/src/store/modules/normalizers.js
@@ -93,7 +93,7 @@ export const parseTuples = (tuples, key) => {
         return [...acc, { [mascot.tuple[0]]: { ...mascot.tuple[1], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
       }, [])
     } else if (Array.isArray(item.tuple[1]) &&
-      (item.tuple[0] === ':groups' || item.tuple[0] === ':replace' || item.tuple[0] === ':retries' || item.tuple[0] === ':headers' || item.tuple[0] === ':params' || item.tuple[0] === ':crontab' || item.tuple[0] === ':match_actor')) {
+      (item.tuple[0] === ':groups' || item.tuple[0] === ':replace' || item.tuple[0] === ':retries' || item.tuple[0] === ':headers' || item.tuple[0] === ':crontab')) {
       if (item.tuple[0] === ':crontab') {
         accum[item.tuple[0]] = item.tuple[1].reduce((acc, group) => {
           return [...acc, { [group.tuple[1]]: { value: group.tuple[0], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
@@ -123,7 +123,13 @@ export const parseTuples = (tuples, key) => {
     } else if (item.tuple[0] === ':ip') {
       accum[item.tuple[0]] = item.tuple[1].tuple.join('.')
     } else if (item.tuple[1] && typeof item.tuple[1] === 'object') {
-      accum[item.tuple[0]] = parseObject(item.tuple[1])
+      if (item.tuple[0] === ':params' || item.tuple[0] === ':match_actor') {
+        accum[item.tuple[0]] = Object.keys(item.tuple[1]).reduce((acc, key) => {
+          return [...acc, { [key]: { value: item.tuple[1][key], id: `f${(~~(Math.random() * 1e8)).toString(16)}` }}]
+        }, [])
+      } else {
+        accum[item.tuple[0]] = parseObject(item.tuple[1])
+      }
     } else {
       accum[item.tuple[0]] = item.tuple[1]
     }
@@ -236,9 +242,7 @@ const wrapValues = (settings, currentState) => {
     if (type === 'keyword' ||
       (Array.isArray(type) && (
         type.includes('keyword') ||
-        (type.includes('tuple') && type.includes('list')) ||
-        (type.includes('map') && type.includes('string')) ||
-        type.includes('map') && type.findIndex(el => el.includes('list') && el.includes('string')) !== -1
+        (type.includes('tuple') && type.includes('list'))
       ))
     ) {
       return { 'tuple': [setting, wrapValues(value, currentState)] }
@@ -256,6 +260,12 @@ const wrapValues = (settings, currentState) => {
         return acc
       }, {})
       return { 'tuple': [setting, { ...currentState[setting], ...mapValue }] }
+    } else if (type.includes('map')) {
+      const mapValue = Object.keys(value).reduce((acc, key) => {
+        acc[key] = value[key][1]
+        return acc
+      }, {})
+      return { 'tuple': [setting, mapValue] }
     } else if (setting === ':ip') {
       const ip = value.split('.').map(s => parseInt(s, 10))
       return { 'tuple': [setting, { 'tuple': ip }] }

From 98e5fa5d36451e4b27954f5cf14debd2a8918bac Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sat, 18 Jul 2020 23:08:23 +0300
Subject: [PATCH 23/28] Save Rate limit values as Numbers instead Strings

---
 .../inputComponents/RateLimitInput.vue         | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/views/settings/components/inputComponents/RateLimitInput.vue b/src/views/settings/components/inputComponents/RateLimitInput.vue
index 431ae83b..60668369 100644
--- a/src/views/settings/components/inputComponents/RateLimitInput.vue
+++ b/src/views/settings/components/inputComponents/RateLimitInput.vue
@@ -1,14 +1,16 @@
 <template>
   <div :data-search="setting.key || setting.group" class="rate-limit-container">
     <div v-if="!rateLimitAuthUsers">
-      <el-input
+      <el-input-number
         :value="rateLimitAllUsers[0]"
+        :controls="false"
         placeholder="scale"
         class="scale-input"
         @input="parseRateLimiter($event, setting.key, 'scale', 'oneLimit', rateLimitAllUsers)"/>
       <span>:</span>
-      <el-input
+      <el-input-number
         :value="rateLimitAllUsers[1]"
+        :controls="false"
         placeholder="limit"
         class="limit-input"
         @input="parseRateLimiter($event, setting.key, 'limit', 'oneLimit', rateLimitAllUsers)"/>
@@ -25,16 +27,18 @@
           </span>
         </div>
         <div class="rate-limit-content">
-          <el-input
+          <el-input-number
             :value="rateLimitUnauthUsers[0]"
+            :controls="false"
             placeholder="scale"
             class="scale-input"
             @input="parseRateLimiter(
               $event, setting.key, 'scale', 'unauthUsersLimit', [rateLimitUnauthUsers, rateLimitAuthUsers]
           )"/>
           <span>:</span>
-          <el-input
+          <el-input-number
             :value="rateLimitUnauthUsers[1]"
+            :controls="false"
             placeholder="limit"
             class="limit-input"
             @input="parseRateLimiter(
@@ -49,14 +53,16 @@
           </span>
         </div>
         <div class="rate-limit-content">
-          <el-input
+          <el-input-number
             :value="rateLimitAuthUsers[0]"
+            :controls="false"
             placeholder="scale"
             class="scale-input"
             @input="parseRateLimiter($event, setting.key, 'scale', 'authUserslimit', [rateLimitUnauthUsers, rateLimitAuthUsers])"/>
           <span>:</span>
-          <el-input
+          <el-input-number
             :value="rateLimitAuthUsers[1]"
+            :controls="false"
             placeholder="limit"
             class="limit-input"
             @input="parseRateLimiter($event, setting.key, 'limit', 'authUserslimit', [rateLimitUnauthUsers, rateLimitAuthUsers])"/>

From 370faf5678e56c9612b013a57cf393d7ef9809de Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sun, 19 Jul 2020 01:27:55 +0300
Subject: [PATCH 24/28] Fix settings types in tests

---
 test/modules/normalizers/wrapUpdatedSettings.test.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/test/modules/normalizers/wrapUpdatedSettings.test.js b/test/modules/normalizers/wrapUpdatedSettings.test.js
index 6b360f85..ddd38ff2 100644
--- a/test/modules/normalizers/wrapUpdatedSettings.test.js
+++ b/test/modules/normalizers/wrapUpdatedSettings.test.js
@@ -130,7 +130,7 @@ describe('Wrap settings', () => {
     }]
 
     const settings2 = { ':emoji': { ':groups': [
-      ['keyword', 'string', ['list', 'string']],
+      ['keyword', ['list', 'string']],
       { ':custom': [['list'], ['/emoji/*.png', '/emoji/**/*.png']],
         ':another_group': ['list', ['/custom_emoji/*.png']]}
     ]}}
@@ -151,7 +151,7 @@ describe('Wrap settings', () => {
 
   it('wraps :replace setting', () => {
     const settings = { ':mrf_keyword': { ':replace': [
-      [['tuple', 'string', 'string'], ['tuple', 'regex', 'string']],
+      ['list', 'tuple'],
       { 'pattern': ['list', 'replacement'],
         '/\w+/': ['list', 'test_replacement']}
     ]}}
@@ -296,9 +296,9 @@ describe('Wrap settings', () => {
       }]}]
     }]
 
-    const settings3 = { ':mrf_subchain': { ':match_actor': ['map', {
-      '~r/https:\/\/example.com/s': ['Elixir.Pleroma.Web.ActivityPub.MRF.DropPolicy'],
-      '~r/https:\/\/test.com': ['Elixir.Pleroma.Web.ActivityPub.MRF.TestPolicy']
+    const settings3 = { ':mrf_subchain': { ':match_actor': [['map', ['list', 'string']], {
+      '~r/https:\/\/example.com/s': ['list', ['Elixir.Pleroma.Web.ActivityPub.MRF.DropPolicy']],
+      '~r/https:\/\/test.com': ['list', ['Elixir.Pleroma.Web.ActivityPub.MRF.TestPolicy']]
     }]}}
     const state3 = { ':pleroma': { ':mrf_subchain': { ':match_actor': [
       { '~r/https:\/\/example.com/s': ['Elixir.Pleroma.Web.ActivityPub.MRF.DropPolicy'] },

From da6df6f01802aa5ddec77f4e4e96930f2dea6338 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sun, 19 Jul 2020 02:06:27 +0300
Subject: [PATCH 25/28] Add test for parsing crontab setting

---
 test/modules/normalizers/parseTuples.test.js | 24 ++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/test/modules/normalizers/parseTuples.test.js b/test/modules/normalizers/parseTuples.test.js
index 70192e76..2092f437 100644
--- a/test/modules/normalizers/parseTuples.test.js
+++ b/test/modules/normalizers/parseTuples.test.js
@@ -198,6 +198,30 @@ describe('Parse tuples', () => {
     expect(_.isEqual(expectedResult, result)).toBeTruthy()
   })
 
+  it('parses crontab setting', () => {
+    const tuples = [{ tuple: [':crontab', [
+      { tuple: ['0 0 * * *', 'Pleroma.Workers.Cron.ClearOauthTokenWorker'] },
+      { tuple: ['0 * * * *', 'Pleroma.Workers.Cron.StatsWorker'] },
+      { tuple: ['* * * * *', 'Pleroma.Workers.Cron.PurgeExpiredActivitiesWorker']}
+    ]]}]
+    const expectedResult = { ':crontab': [
+      { 'Pleroma.Workers.Cron.ClearOauthTokenWorker': { value: '0 0 * * *'}},
+      { 'Pleroma.Workers.Cron.StatsWorker': { value: '0 * * * *'}},
+      { 'Pleroma.Workers.Cron.PurgeExpiredActivitiesWorker': { value: '* * * * *'}}
+    ]}
+
+    const parsed = parseTuples(tuples, 'Oban')
+
+    expect(typeof parsed).toBe('object')
+    expect(':crontab' in parsed).toBeTruthy()
+    const result = { ...parsed, ':crontab': parsed[':crontab'].map(el => {
+      const key = Object.keys(el)[0]
+      const { id, ...rest } = el[key]
+      return { [key]: rest }
+    })}
+    expect(_.isEqual(expectedResult, result)).toBeTruthy()
+  })
+
   it('parses match_actor setting in mrf_subchain group', () => {
     const tuples = [{ tuple: [":match_actor",
       { '~r/https:\/\/example.com/s': ["Elixir.Pleroma.Web.ActivityPub.MRF.DropPolicy"]}]}]

From 290ca32fd65699f4e9398c05510439bb3d2e2202 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Mon, 20 Jul 2020 12:56:01 +0300
Subject: [PATCH 26/28] Add test for parsing options setting in
 MediaProxy.Invalidation.Http group

---
 test/modules/normalizers/parseTuples.test.js | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/test/modules/normalizers/parseTuples.test.js b/test/modules/normalizers/parseTuples.test.js
index 2092f437..9cbe9d2f 100644
--- a/test/modules/normalizers/parseTuples.test.js
+++ b/test/modules/normalizers/parseTuples.test.js
@@ -240,6 +240,26 @@ describe('Parse tuples', () => {
     expect(_.isEqual(expectedResult, result)).toBeTruthy()
   })
 
+  it('parses options setting in MediaProxy.Invalidation.Http group', () => {
+    const tuples = [{ tuple: [":options", [{ tuple: [":params", { xxx: "zzz", aaa: "bbb" }]}]]}]
+    const expectedResult = { ':options': { ':params': 
+      [ { xxx: { value: 'zzz' }}, { aaa: { value: 'bbb' }}]
+    }}
+
+    const parsed = parseTuples(tuples, 'Pleroma.Web.MediaProxy.Invalidation.Http')
+
+    expect(typeof parsed).toBe('object')
+    expect(':options' in parsed).toBeTruthy()
+    
+    const idRemoved = parsed[':options'][':params'].map(el => {
+      const key = Object.keys(el)[0]
+      const { id, ...rest } = el[key]
+      return { [key]: rest }
+    })
+    parsed[':options'][':params'] = idRemoved
+    expect(_.isEqual(expectedResult, parsed)).toBeTruthy()
+  })
+
   it('parses proxy_url', () => {
     const proxyUrlNull = [{ tuple: [":proxy_url", null] }]
     const proxyUrlTuple = [{ tuple: [":proxy_url", { tuple: [":socks5", ":localhost", 3090] }]}]

From 753c70114eedd957c841fc9880926e4f40fb7ae6 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Mon, 20 Jul 2020 15:42:43 +0300
Subject: [PATCH 27/28] Add tests for wrappint settings with types that
 includes map

---
 .../normalizers/wrapUpdatedSettings.test.js   | 51 +++++++++++++------
 1 file changed, 36 insertions(+), 15 deletions(-)

diff --git a/test/modules/normalizers/wrapUpdatedSettings.test.js b/test/modules/normalizers/wrapUpdatedSettings.test.js
index ddd38ff2..dedb5c34 100644
--- a/test/modules/normalizers/wrapUpdatedSettings.test.js
+++ b/test/modules/normalizers/wrapUpdatedSettings.test.js
@@ -296,17 +296,23 @@ describe('Wrap settings', () => {
       }]}]
     }]
 
-    const settings3 = { ':mrf_subchain': { ':match_actor': [['map', ['list', 'string']], {
+    expect(_.isEqual(result1, expectedResult1)).toBeTruthy()
+    expect(_.isEqual(result2, expectedResult2)).toBeTruthy()
+  })
+
+  it('wraps settings with type that includes map', () => {
+    const settings1 = { ':mrf_subchain': { ':match_actor': [['map', ['list', 'string']], {
       '~r/https:\/\/example.com/s': ['list', ['Elixir.Pleroma.Web.ActivityPub.MRF.DropPolicy']],
       '~r/https:\/\/test.com': ['list', ['Elixir.Pleroma.Web.ActivityPub.MRF.TestPolicy']]
     }]}}
-    const state3 = { ':pleroma': { ':mrf_subchain': { ':match_actor': [
-      { '~r/https:\/\/example.com/s': ['Elixir.Pleroma.Web.ActivityPub.MRF.DropPolicy'] },
-      { '~r/https:\/\/test.com': ['Elixir.Pleroma.Web.ActivityPub.MRF.TestPolicy'] }
+    const state1 = { ':pleroma': { ':mrf_subchain': { ':match_actor': [
+      { '~r/https:\/\/example.com/s': { value: ['Elixir.Pleroma.Web.ActivityPub.MRF.DropPolicy'], id: '1234' }},
+      { '~r/https:\/\/test.com': { value: ['Elixir.Pleroma.Web.ActivityPub.MRF.TestPolicy'], id: '5678' } }
     ]
     }}}
-    const result3 = wrapUpdatedSettings(':pleroma', settings3, state3)
-    const expectedResult3 = [{
+
+    const result1 = wrapUpdatedSettings(':pleroma', settings1, state1)
+    const expectedResult1 = [{
       group: ':pleroma',
       key: ':mrf_subchain',
       value: [{ tuple: [':match_actor', {
@@ -315,9 +321,24 @@ describe('Wrap settings', () => {
       }]}]
     }]
 
+    const settings2 = { 'Pleroma.Web.MediaProxy.Invalidation.Http': { 
+      ':options': ['keyword', { ':params': [['map', 'string'], { aaa: ['list', 'bbb'], xxx: ['list', 'zzz'] }]}]
+    }}
+    const state2 = { ':pleroma': { 'Pleroma.Web.MediaProxy.Invalidation.Http': { 
+      ':options': { ':params': [{ aaa: { value: 'bbb', id: '1' }, xxx: { value: 'zzz', id: '2' }}] }
+    }}}
+
+    const result2 = wrapUpdatedSettings(':pleroma', settings2, state2)
+    const expectedResult2 = [{
+      group: ':pleroma',
+      key: 'Pleroma.Web.MediaProxy.Invalidation.Http',
+      value: [{ tuple: [':options', [
+        { tuple: [':params', { aaa: 'bbb', xxx: 'zzz' }]}
+      ]]}]
+    }]
+
     expect(_.isEqual(result1, expectedResult1)).toBeTruthy()
     expect(_.isEqual(result2, expectedResult2)).toBeTruthy()
-    expect(_.isEqual(result3, expectedResult3)).toBeTruthy()
   })
 
   it('wraps IP setting', () => {
@@ -351,10 +372,10 @@ describe('Wrap settings', () => {
 
   it('wraps regular settings', () => {
     const settings = { ':http_security': {
-      ':report_uri': ["string", "https://test.com"],
-      ':ct_max_age': ["integer", 150000],
-      ':sts': ["boolean", true],
-      ':methods': [["list", "string"], ["POST", "PUT", "PATCH"]]
+      ':report_uri': ['string', 'https://test.com'],
+      ':ct_max_age': ['integer', 150000],
+      ':sts': ['boolean', true],
+      ':methods': [['list', 'string'], ['POST', 'PUT', 'PATCH']]
     }}
     const state = { ':pleroma': { ':http_security': {}}}
     const result = wrapUpdatedSettings(':pleroma', settings, state)
@@ -362,10 +383,10 @@ describe('Wrap settings', () => {
       group: ':pleroma',
       key: ':http_security',
       value: [
-        { tuple: [":report_uri", "https://test.com"] },
-        { tuple: [":ct_max_age", 150000] },
-        { tuple: [":sts", true] },
-        { tuple: [":methods", ["POST", "PUT", "PATCH"]] }
+        { tuple: [':report_uri', 'https://test.com'] },
+        { tuple: [':ct_max_age', 150000] },
+        { tuple: [':sts', true] },
+        { tuple: [':methods', ['POST', 'PUT', 'PATCH']] }
       ]
     }]
 

From ea46a819d4d210b5cf8bcf546ac86d839017ba67 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Mon, 20 Jul 2020 21:34:10 +0300
Subject: [PATCH 28/28] Update Changelog

---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 83e2c90b..df093cf5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -30,6 +30,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Remove ability to moderate users that don't have valid nickname
 - Displays both labels and description in the header of group of settiings
 - Ability to add custom values in Pleroma.Upload.Filter.Mogrify setting
+- Change types of the following settings: ':groups', ':replace', ':federated_timeline_removal', ':reject', ':match_actor'. Update functions that parses and wraps settings data according to this change.
+- Move rendering Crontab setting from a separate component to EditableKeyword component
 
 ### Fixed