phares3757/gatus
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#77: Make page logo customizable

Browse Source
This commit is contained in:
TwinProduction
2021-09-11 04:33:14 -04:00
parent 7a68920889
commit db5fc8bc11
9 changed files with 32 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/app/public/index.html
View File

@ -2,6 +2,11 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<script type="text/javascript">
window.config = {
logo: "{{ .Logo }}"
};
</script>
<title>{{ .Title }}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">

8
web/app/src/App.vue
View File

@ -6,7 +6,8 @@
<div class="text-3xl xl:text-5xl lg:text-4xl font-light">Health Status</div>
</div>
<div class="w-1/4 flex justify-end">
<img src="./assets/logo.png" alt="Gatus" class="object-scale-down" style="max-width: 100px; min-width: 50px; min-height:50px;"/>
<img v-if="getLogo" :src="getLogo" alt="Gatus" class="object-scale-down" style="max-width: 100px; min-width: 50px; min-height:50px;"/>
<img v-if="!getLogo" src="./assets/logo.png" alt="Gatus" class="object-scale-down" style="max-width: 100px; min-width: 50px; min-height:50px;"/>
</div>
</div>
</div>
@ -32,6 +33,11 @@ export default {
this.tooltip = {result: result, event: event};
}
},
computed: {
getLogo() {
return window.config && window.config.logo && window.config.logo !== '{{ .Logo }}' ? window.config.logo : "";
}
},
data() {
return {
tooltip: {}

3
web/app/src/components/Service.vue
View File

@ -16,6 +16,9 @@
{{ (minResponseTime === maxResponseTime ? minResponseTime : (minResponseTime + '-' + maxResponseTime)) }}ms
</slot>
</span>
<!-- <span class="text-sm font-bold cursor-pointer">-->
<!-- ⋯-->
<!-- </span>-->
</div>
</div>
<div>