Skip to content
Snippets Groups Projects
Commit a2649dbb authored by Angelina Filippova's avatar Angelina Filippova
Browse files

Add ability to evict and ban multiple URLs

parent 0b36c5bb
No related branches found
No related tags found
No related merge requests found
......@@ -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',
......
......@@ -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) {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment