homelab/traefik
1
0
Fork 0
Code Activity

Add plugin's support for provider

Browse source 
Co-authored-by: Julien Salleyron <julien@traefik.io>
This commit is contained in:
Ludovic Fernandez 2021-05-11 16:14:10 +02:00 • committed by GitHub
parent de2437cfec
commit 63ef0f1cee
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 928 additions and 116 deletions
Download patch file Download diff file Expand all files Collapse all files

11
webui/src/components/_commons/PanelMiddlewares.vue
View file

@ -20,7 +20,7 @@
<div class="text-subtitle2">PROVIDER</div>
<div class="block-right-text">
<q-avatar class="provider-logo">
<q-icon :name="`img:statics/providers/${middleware.provider}.svg`" />
<q-icon :name="`img:${getProviderLogoPath(middleware.provider)}`" />
</q-avatar>
<div class="block-right-text-label">{{middleware.provider}}</div>
</div>
@ -1106,6 +1106,15 @@ export default {
}
}
return exData
},
getProviderLogoPath (provider) {
const name = provider.name.toLowerCase()
if (name.includes('plugin-')) {
return 'statics/providers/plugin.svg'
}
return `statics/providers/${name}.svg`
}
},
filters: {

12
webui/src/components/_commons/PanelMirroringServices.vue
View file

@ -31,7 +31,7 @@
</div>
<div class="col-3 text-right">
<q-avatar class="provider-logo">
<q-icon :name="`img:statics/providers/${getProvider(service)}.svg`" />
<q-icon :name="`img:${getProviderLogoPath(service)}`" />
</q-avatar>
</div>
</div>
@ -61,6 +61,16 @@ export default {
}
return this.data.provider
},
getProviderLogoPath (service) {
const provider = this.getProvider(service)
const name = provider.toLowerCase()
if (name.includes('plugin-')) {
return 'statics/providers/plugin.svg'
}
return `statics/providers/${name}.svg`
}
}
}

13
webui/src/components/_commons/PanelRouterDetails.vue
View file

@ -14,7 +14,7 @@
<div class="text-subtitle2">PROVIDER</div>
<div class="block-right-text">
<q-avatar class="provider-logo">
<q-icon :name="`img:statics/providers/${data.provider}.svg`" />
<q-icon :name="`img:${getProviderLogoPath}`" />
</q-avatar>
<div class="block-right-text-label">{{data.provider}}</div>
</div>
@ -127,6 +127,17 @@ export default {
}
return value
}
},
computed: {
getProviderLogoPath () {
const name = this.data.provider.toLowerCase()
if (name.includes('plugin-')) {
return 'statics/providers/plugin.svg'
}
return `statics/providers/${name}.svg`
}
}
}
</script>

11
webui/src/components/_commons/PanelServiceDetails.vue
View file

@ -15,7 +15,7 @@
<div class="text-subtitle2">PROVIDER</div>
<div class="block-right-text">
<q-avatar class="provider-logo">
<q-icon :name="`img:statics/providers/${data.provider}.svg`" />
<q-icon :name="`img:${getProviderLogoPath}`" />
</q-avatar>
<div class="block-right-text-label">{{data.provider}}</div>
</div>
@ -113,6 +113,15 @@ export default {
}
return null
},
getProviderLogoPath () {
const name = this.data.provider.toLowerCase()
if (name.includes('plugin-')) {
return 'statics/providers/plugin.svg'
}
return `statics/providers/${name}.svg`
}
},
filters: {

12
webui/src/components/_commons/PanelWeightedServices.vue
View file

@ -31,7 +31,7 @@
</div>
<div class="col-4">
<q-avatar>
<q-icon :name="`img:statics/providers/${getProvider(service)}.svg`" />
<q-icon :name="`img:${getProviderLogoPath(service)}`" />
</q-avatar>
</div>
</div>
@ -61,6 +61,16 @@ export default {
}
return this.data.provider
},
getProviderLogoPath (service) {
const provider = this.getProvider(service)
const name = provider.name.toLowerCase()
if (name.includes('plugin-')) {
return 'statics/providers/plugin.svg'
}
return `statics/providers/${name}.svg`
}
}
}

15
webui/src/components/_commons/ProviderIcon.vue
View file

@ -1,12 +1,23 @@
<template>
<q-avatar class="provider-logo">
<q-icon :name="`img:statics/providers/${name}.svg`" />
<q-icon :name="`img:${getLogoPath}`" />
</q-avatar>
</template>
<script>
export default {
props: ['name']
props: ['name'],
computed: {
getLogoPath () {
const name = this.name.toLowerCase()
if (name.includes('plugin-')) {
return 'statics/providers/plugin.svg'
}
return `statics/providers/${name}.svg`
}
}
}
</script>

12
webui/src/components/dashboard/PanelProvider.vue
View file

@ -4,7 +4,7 @@
<div class="row items-center no-wrap">
<div class="col text-center">
<q-avatar class="provider-logo">
<q-icon :name="`img:statics/providers/${getNameLogo}.svg`" />
<q-icon :name="`img:${getLogoPath}`" />
</q-avatar>
</div>
</div>
@ -25,8 +25,14 @@ export default {
getName () {
return this.name
},
getNameLogo () {
return this.getName.toLowerCase()
getLogoPath () {
const name = this.getName.toLowerCase()
if (name.includes('plugin-')) {
return 'statics/providers/plugin.svg'
}
return `statics/providers/${name}.svg`
}
}
}