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 @@
{{ $t('mediaProxyCache.ban') }}
{{ $t('mediaProxyCache.evict') }}
+ >
+
+
+
+
+ {{ $t('mediaProxyCache.remove') }}
+
+
+
@@ -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;
}