From c8ccf9b3522910012261dda88eb0734a03112f03 Mon Sep 17 00:00:00 2001
From: TwinProduction <twin@twinnation.org>
Date: Sat, 30 Jan 2021 21:17:17 -0500
Subject: [PATCH] Minor improvements

---
 web/app/src/components/Service.vue      | 10 +++----
 web/app/src/components/ServiceGroup.vue |  5 ++--
 web/app/src/views/Details.vue           | 39 ++++++++++++-------------
 web/app/src/views/Home.vue              |  3 +-
 web/static/css/app.css                  |  2 +-
 web/static/js/app.js                    |  2 +-
 6 files changed, 30 insertions(+), 31 deletions(-)

diff --git a/web/app/src/components/Service.vue b/web/app/src/components/Service.vue
index 5d10f0e9..17c81d18 100644
--- a/web/app/src/components/Service.vue
+++ b/web/app/src/components/Service.vue
@@ -2,14 +2,14 @@
   <div class='service container px-3 py-3 border-l border-r border-t rounded-none hover:bg-gray-100' v-if="data && data.results && data.results.length">
     <div class='flex flex-wrap mb-2'>
       <div class='w-3/4'>
-        <router-link :to="generatePath()" class="inline-block font-bold transform hover:scale-105 transition duration-100 ease-in-out hover:text-blue-800 hover:rotate-2" title="View detailed service health">
+        <router-link :to="generatePath()" class="font-bold hover:text-blue-800 hover:underline" title="View detailed service health">
           {{ data.name }}
         </router-link>
         <span class='text-gray-500 font-light'> | {{ data.results[data.results.length - 1].hostname }}</span>
       </div>
       <div class='w-1/4 text-right'>
         <span class='font-light status-min-max-ms'>
-          {{ (minResponseTime === maxResponseTime ? minResponseTime : (minResponseTime + "-" + maxResponseTime)) }}ms
+          {{ (minResponseTime === maxResponseTime ? minResponseTime : (minResponseTime + '-' + maxResponseTime)) }}ms
         </span>
       </div>
     </div>
@@ -70,9 +70,9 @@ export default {
     },
     generatePath() {
       if (!this.data) {
-        return "/";
+        return '/';
       }
-      return "/services/" + this.data.key;
+      return '/services/' + this.data.key;
     },
     showTooltip(result, event) {
       this.$emit('showTooltip', result, event);
@@ -105,7 +105,7 @@ export default {
 .service:last-child {
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
-  border-bottom-width: 1px;
+  border-bottom-width: 3px;
   border-color: #dee2e6;
   border-style: solid;
 }
diff --git a/web/app/src/components/ServiceGroup.vue b/web/app/src/components/ServiceGroup.vue
index ff4a2960..a76a7b54 100644
--- a/web/app/src/components/ServiceGroup.vue
+++ b/web/app/src/components/ServiceGroup.vue
@@ -14,7 +14,7 @@
     </slot>
     <div v-if="!collapsed" :class="name === 'undefined' ? '' : 'service-group-content'">
       <slot v-for="service in services" :key="service">
-        <Service :data="service" @showTooltip="showTooltip" :maximumNumberOfResults="20" />
+        <Service :data="service" @showTooltip="showTooltip" :maximumNumberOfResults="20"/>
       </slot>
     </div>
   </div>
@@ -56,6 +56,7 @@ export default {
     },
     toggleGroup() {
       this.collapsed = !this.collapsed;
+      sessionStorage.setItem(`service-group:${this.name}:collapsed`, this.collapsed);
     },
     showTooltip(result, event) {
       this.$emit('showTooltip', result, event);
@@ -72,7 +73,7 @@ export default {
   data() {
     return {
       healthy: true,
-      collapsed: false
+      collapsed: sessionStorage.getItem(`service-group:${this.name}:collapsed`) === "true"
     }
   }
 }
diff --git a/web/app/src/views/Details.vue b/web/app/src/views/Details.vue
index a4b22d55..9a139fc5 100644
--- a/web/app/src/views/Details.vue
+++ b/web/app/src/views/Details.vue
@@ -84,7 +84,7 @@ export default {
   mixins: [helper],
   methods: {
     fetchData() {
-      console.log("[Details][fetchData] Fetching data");
+      //console.log("[Details][fetchData] Fetching data");
       fetch(`${this.serverUrl}/api/v1/statuses/${this.$route.params.key}`)
           .then(response => response.json())
           .then(data => {
@@ -94,25 +94,25 @@ export default {
               for (let i = data.events.length-1; i >= 0; i--) {
                 let event = data.events[i];
                 if (i === data.events.length-1) {
-                  if (event.type === "UNHEALTHY") {
-                    event.fancyText = "Service is unhealthy";
-                  } else if (event.type === "HEALTHY") {
-                    event.fancyText = "Service is healthy";
-                  } else if (event.type === "START") {
-                    event.fancyText = "Monitoring started";
+                  if (event.type === 'UNHEALTHY') {
+                    event.fancyText = 'Service is unhealthy';
+                  } else if (event.type === 'HEALTHY') {
+                    event.fancyText = 'Service is healthy';
+                  } else if (event.type === 'START') {
+                    event.fancyText = 'Monitoring started';
                   }
                 } else {
                   let nextEvent = data.events[i+1];
-                  if (event.type === "HEALTHY") {
-                    event.fancyText = "Service became healthy again";
-                  } else if (event.type === "UNHEALTHY") {
+                  if (event.type === 'HEALTHY') {
+                    event.fancyText = 'Service became healthy again';
+                  } else if (event.type === 'UNHEALTHY') {
                     if (nextEvent) {
-                      event.fancyText = "Service was unhealthy for " + this.prettifyTimeDifference(nextEvent.timestamp, event.timestamp);
+                      event.fancyText = 'Service was unhealthy for ' + this.prettifyTimeDifference(nextEvent.timestamp, event.timestamp);
                     } else {
-                      event.fancyText = "Service became unhealthy";
+                      event.fancyText = 'Service became unhealthy';
                     }
-                  } else if (event.type === "START") {
-                    event.fancyText = "Monitoring started";
+                  } else if (event.type === 'START') {
+                    event.fancyText = 'Monitoring started';
                   }
                 }
                 event.fancyTimeAgo = this.generatePrettyTimeAgo(event.timestamp);
@@ -127,13 +127,13 @@ export default {
     },
     prettifyUptime(uptime) {
       if (!uptime) {
-        return "0%";
+        return '0%';
       }
-      return (uptime * 100).toFixed(2) + "%"
+      return (uptime * 100).toFixed(2) + '%'
     },
     prettifyTimeDifference(start, end) {
       let minutes = Math.ceil((new Date(start) - new Date(end))/1000/60);
-      return minutes + (minutes === 1 ? " minute" : " minutes");
+      return minutes + (minutes === 1 ? ' minute' : ' minutes');
     },
     showTooltip(result, event) {
       this.$emit('showTooltip', result, event);
@@ -155,9 +155,8 @@ export default {
 
 <style scoped>
 .service {
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-  border-bottom-width: 1px;
+  border-radius: 3px;
+  border-bottom-width: 3px;
   border-color: #dee2e6;
   border-style: solid;
 }
diff --git a/web/app/src/views/Home.vue b/web/app/src/views/Home.vue
index f2c8910c..5a1baaf7 100644
--- a/web/app/src/views/Home.vue
+++ b/web/app/src/views/Home.vue
@@ -17,12 +17,11 @@ export default {
   emits: ['showTooltip'],
   methods: {
     fetchData() {
-      console.log("[Home][fetchData] Fetching data");
+      //console.log("[Home][fetchData] Fetching data");
       fetch(`${SERVER_URL}/api/v1/statuses`)
           .then(response => response.json())
           .then(data => {
             if (JSON.stringify(this.serviceStatuses) !== JSON.stringify(data)) {
-              console.log(data);
               this.serviceStatuses = data;
             }
           });
diff --git a/web/static/css/app.css b/web/static/css/app.css
index 0903d8ae..9f568d32 100644
--- a/web/static/css/app.css
+++ b/web/static/css/app.css
@@ -1,3 +1,3 @@
 #social[data-v-1cbbc992]{position:fixed;right:5px;bottom:5px;padding:5px;margin:0;z-index:100}#social img[data-v-1cbbc992]{opacity:.3}#social img[data-v-1cbbc992]:hover{opacity:1}#tooltip{position:fixed;background-color:#fff;border:1px solid #d3d3d3;border-radius:4px;padding:6px;font-size:13px}#tooltip code{color:#212529;line-height:1}#tooltip .tooltip-title{font-weight:700;margin-bottom:0;display:block;margin-top:8px}#tooltip>.tooltip-title:first-child{margin-top:0}html{height:100%}body,html{background-color:#f7f9fb}#global,#results{max-width:1200px}
 
-/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgba(254,226,226,var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgba(220,38,38,var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgba(209,250,229,var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgba(239,68,68,var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgba(5,150,105,var(--tw-border-opacity))}.rounded-none{border-radius:0}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border-dashed{border-style:dashed}.border{border-width:1px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-l{border-left-width:1px}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.justify-end{justify-content:flex-end}.flex-1{flex:1 1 0%}.float-right{float:right}.font-light{font-weight:300}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-auto{margin-top:auto;margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-12{margin-top:3rem}.object-scale-down{object-fit:scale-down}.opacity-75{opacity:.75}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.p-3{padding:.75rem}.p-5{padding:1.25rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.top-2{top:.5rem}.left-2{left:.5rem}.bottom-12{bottom:3rem}.bottom-0\.5{bottom:.125rem}*{--tw-shadow:0 0 transparent}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.shadow,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}*{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgba(185,28,28,var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgba(251,191,36,var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgba(4,120,87,var(--tw-text-opacity))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgba(30,64,175,var(--tw-text-opacity))}.invisible{visibility:hidden}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-3\/4{width:75%}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:rotate-2:hover{--tw-rotate:2deg}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.bg-success{background-color:#28a745}.text-monospace{font-family:Consolas,monospace}#settings[data-v-31e7281e]{position:fixed;left:5px;bottom:5px;padding:5px}#settings select[data-v-31e7281e]:focus{box-shadow:none}.service:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.service:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-width:1px;border-color:#dee2e6;border-style:solid}.status{cursor:pointer;transition:all .5s ease-in-out;overflow-x:hidden;color:#fff;width:5%;font-size:75%;font-weight:700;text-align:center}.status:hover{opacity:.7;transition:opacity .1s ease-in-out;color:#000}.status-over-time{overflow:auto}.status-over-time>span:not(:first-child){margin-left:2px}.status-time-ago{color:#6a737d;opacity:.5;margin-top:5px}.status-min-max-ms{overflow-x:hidden}.service-group{cursor:pointer;user-select:none}.service-group h5:hover{color:#1b1e21!important}.service-group-content>div:first-child{border-top-left-radius:0;border-top-right-radius:0}.service[data-v-db353300]{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-width:1px;border-color:#dee2e6;border-style:solid}
\ No newline at end of file
+/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgba(254,226,226,var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgba(220,38,38,var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgba(209,250,229,var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgba(239,68,68,var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgba(5,150,105,var(--tw-border-opacity))}.rounded-none{border-radius:0}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border-dashed{border-style:dashed}.border{border-width:1px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-l{border-left-width:1px}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.justify-end{justify-content:flex-end}.flex-1{flex:1 1 0%}.float-right{float:right}.font-light{font-weight:300}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-auto{margin-top:auto;margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-12{margin-top:3rem}.object-scale-down{object-fit:scale-down}.opacity-75{opacity:.75}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.p-3{padding:.75rem}.p-5{padding:1.25rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.top-2{top:.5rem}.left-2{left:.5rem}.bottom-12{bottom:3rem}.bottom-0\.5{bottom:.125rem}*{--tw-shadow:0 0 transparent}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.shadow,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}*{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgba(185,28,28,var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgba(251,191,36,var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgba(4,120,87,var(--tw-text-opacity))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgba(30,64,175,var(--tw-text-opacity))}.hover\:underline:hover{text-decoration:underline}.invisible{visibility:hidden}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-3\/4{width:75%}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.bg-success{background-color:#28a745}.text-monospace{font-family:Consolas,monospace}#settings[data-v-31e7281e]{position:fixed;left:5px;bottom:5px;padding:5px}#settings select[data-v-31e7281e]:focus{box-shadow:none}.service:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.service:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-width:3px;border-color:#dee2e6;border-style:solid}.status{cursor:pointer;transition:all .5s ease-in-out;overflow-x:hidden;color:#fff;width:5%;font-size:75%;font-weight:700;text-align:center}.status:hover{opacity:.7;transition:opacity .1s ease-in-out;color:#000}.status-over-time{overflow:auto}.status-over-time>span:not(:first-child){margin-left:2px}.status-time-ago{color:#6a737d;opacity:.5;margin-top:5px}.status-min-max-ms{overflow-x:hidden}.service-group{cursor:pointer;user-select:none}.service-group h5:hover{color:#1b1e21!important}.service-group-content>div:first-child{border-top-left-radius:0;border-top-right-radius:0}.service[data-v-7c9b8344]{border-radius:3px;border-bottom-width:3px;border-color:#dee2e6;border-style:solid}
\ No newline at end of file
diff --git a/web/static/js/app.js b/web/static/js/app.js
index 12bc368f..22c8095f 100644
--- a/web/static/js/app.js
+++ b/web/static/js/app.js
@@ -1 +1 @@
-(function(e){function t(t){for(var s,o,a=t[0],c=t[1],l=t[2],h=0,d=[];h<a.length;h++)o=a[h],Object.prototype.hasOwnProperty.call(r,o)&&r[o]&&d.push(r[o][0]),r[o]=0;for(s in c)Object.prototype.hasOwnProperty.call(c,s)&&(e[s]=c[s]);u&&u(t);while(d.length)d.shift()();return i.push.apply(i,l||[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],s=!0,a=1;a<n.length;a++){var c=n[a];0!==r[c]&&(s=!1)}s&&(i.splice(t--,1),e=o(o.s=n[0]))}return e}var s={},r={app:0},i=[];function o(t){if(s[t])return s[t].exports;var n=s[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=s,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)o.d(n,s,function(t){return e[t]}.bind(null,s));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/";var a=window["webpackJsonp"]=window["webpackJsonp"]||[],c=a.push.bind(a);a.push=t,a=a.slice();for(var l=0;l<a.length;l++)t(a[l]);var u=c;i.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("56d7")},"0ab0":function(e,t,n){},"1cf9":function(e,t,n){"use strict";n("7e86")},"22c8":function(e,t,n){},"359c":function(e,t,n){e.exports=n.p+"img/github.png"},4810:function(e,t,n){},"49d2":function(e,t,n){"use strict";n("bca1")},"508b":function(e,t,n){"use strict";n("22c8")},"56d7":function(e,t,n){"use strict";n.r(t),n.d(t,"SERVER_URL",(function(){return tt}));n("e260"),n("e6cf"),n("cca6"),n("a79d");var s=n("7a23"),r=n("cf05"),i=n.n(r),o={class:"container container-xs relative mx-auto rounded shadow-xl border my-3 p-5 text-left",id:"global"},a=Object(s["h"])("div",{class:"mb-2"},[Object(s["h"])("div",{class:"flex flex-wrap"},[Object(s["h"])("div",{class:"w-3/4 text-left my-auto"},[Object(s["h"])("div",{class:"title text-5xl font-light"},"Health Status")]),Object(s["h"])("div",{class:"w-1/4 flex justify-end"},[Object(s["h"])("img",{src:i.a,alt:"Gatus",class:"object-scale-down",style:{"max-width":"100px","min-width":"50px","min-height":"50px"}})])])],-1);function c(e,t,n,r,i,c){var l=Object(s["y"])("router-view"),u=Object(s["y"])("Tooltip"),h=Object(s["y"])("Social");return Object(s["q"])(),Object(s["d"])(s["a"],null,[Object(s["h"])("div",o,[a,Object(s["h"])(l,{onShowTooltip:c.showTooltip},null,8,["onShowTooltip"])]),Object(s["h"])(u,{result:i.tooltip.result,event:i.tooltip.event},null,8,["result","event"]),Object(s["h"])(h)],64)}var l=n("359c"),u=n.n(l),h=Object(s["E"])("data-v-1cbbc992");Object(s["t"])("data-v-1cbbc992");var d={id:"social"},b=Object(s["h"])("a",{href:"https://github.com/TwinProduction/gatus",target:"_blank",title:"Gatus on GitHub"},[Object(s["h"])("img",{src:u.a,alt:"GitHub",width:"32",height:"auto"})],-1);Object(s["r"])();var p=h((function(e,t,n,r,i,o){return Object(s["q"])(),Object(s["d"])("div",d,[b])})),f={name:"Social"};n("508b");f.render=p,f.__scopeId="data-v-1cbbc992";var v=f,O=(n("b680"),Object(s["h"])("div",{class:"tooltip-title"},"Timestamp:",-1)),m={id:"tooltip-timestamp"},j=Object(s["h"])("div",{class:"tooltip-title"},"Response time:",-1),g={id:"tooltip-response-time"},x=Object(s["h"])("div",{class:"tooltip-title"},"Conditions:",-1),y={id:"tooltip-conditions"},w=Object(s["h"])("br",null,null,-1),T={key:0,id:"tooltip-errors-container"},S=Object(s["h"])("div",{class:"tooltip-title"},"Errors:",-1),R={id:"tooltip-errors"},k=Object(s["h"])("br",null,null,-1);function A(e,t,n,r,i,o){return Object(s["q"])(),Object(s["d"])("div",{id:"tooltip",ref:"tooltip",class:i.hidden?"invisible":"",style:"top:"+i.top+"px; left:"+i.left+"px"},[n.result?Object(s["x"])(e.$slots,"default",{key:0},(function(){return[O,Object(s["h"])("code",m,Object(s["A"])(o.prettifyTimestamp(n.result.timestamp)),1),j,Object(s["h"])("code",g,Object(s["A"])((n.result.duration/1e6).toFixed(0))+"ms",1),x,Object(s["h"])("code",y,[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(n.result.conditionResults,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[Object(s["g"])(Object(s["A"])(t.success?"✓":"X")+" ~ "+Object(s["A"])(t.condition),1),w]}))})),128))]),n.result.errors&&n.result.errors.length?(Object(s["q"])(),Object(s["d"])("div",T,[S,Object(s["h"])("code",R,[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(n.result.errors,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[Object(s["g"])(" - "+Object(s["A"])(t),1),k]}))})),128))])])):Object(s["e"])("",!0)]})):Object(s["e"])("",!0)],6)}n("ac1f"),n("5319");var D={name:"Services",props:{event:Event,result:Object},methods:{prettifyTimestamp:function(e){var t=new Date(e),n=t.getFullYear(),s=(t.getMonth()+1<10?"0":"")+(t.getMonth()+1),r=(t.getDate()<10?"0":"")+t.getDate(),i=(t.getHours()<10?"0":"")+t.getHours(),o=(t.getMinutes()<10?"0":"")+t.getMinutes(),a=(t.getSeconds()<10?"0":"")+t.getSeconds();return n+"-"+s+"-"+r+" "+i+":"+o+":"+a},htmlEntities:function(e){return String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")},reposition:function(){if(this.event&&this.event.type)if("mouseenter"===this.event.type){var e=this.event.target.getBoundingClientRect().y+30,t=this.event.target.getBoundingClientRect().x,n=this.$refs.tooltip.getBoundingClientRect();t+window.scrollX+n.width+50>document.body.getBoundingClientRect().width&&(t=this.event.target.getBoundingClientRect().x-n.width+this.event.target.getBoundingClientRect().width,t<0&&(t+=-t)),e+window.scrollY+n.height+50>document.body.getBoundingClientRect().height&&e>=0&&(e=this.event.target.getBoundingClientRect().y-(n.height+10),e<0&&(e=this.event.target.getBoundingClientRect().y+30)),this.top=e,this.left=t}else"mouseleave"===this.event.type&&(this.hidden=!0)}},watch:{event:function(e){e&&e.type&&("mouseenter"===e.type?this.hidden=!1:"mouseleave"===e.type&&(this.hidden=!0))}},updated:function(){this.reposition()},created:function(){this.reposition()},data:function(){return{hidden:!1,top:0,left:0}}};n("75d6");D.render=A;var q=D,H={name:"App",components:{Social:v,Tooltip:q},methods:{showTooltip:function(e,t){this.tooltip={result:e,event:t}}},data:function(){return{tooltip:{}}}};n("1cf9");H.render=c;var I=H,M=(n("a766"),n("6c02"));function C(e,t,n,r,i,o){var a=Object(s["y"])("Services"),c=Object(s["y"])("Settings");return Object(s["q"])(),Object(s["d"])(s["a"],null,[Object(s["h"])(a,{serviceStatuses:i.serviceStatuses,showStatusOnHover:!0,onShowTooltip:o.showTooltip},null,8,["serviceStatuses","onShowTooltip"]),Object(s["h"])(c,{onRefreshData:o.fetchData},null,8,["onRefreshData"])],64)}n("d3b7");var E=Object(s["E"])("data-v-31e7281e");Object(s["t"])("data-v-31e7281e");var $={id:"settings"},U={class:"flex bg-gray-200 rounded border border-gray-300 shadow"},_=Object(s["h"])("div",{class:"text-sm text-gray-600 rounded-xl py-1 px-2"}," ↻ ",-1),B=Object(s["f"])('<option value="10" data-v-31e7281e>10s</option><option value="30" selected data-v-31e7281e>30s</option><option value="60" data-v-31e7281e>1m</option><option value="120" data-v-31e7281e>2m</option><option value="300" data-v-31e7281e>5m</option><option value="600" data-v-31e7281e>10m</option>',6);Object(s["r"])();var P=E((function(e,t,n,r,i,o){return Object(s["q"])(),Object(s["d"])("div",$,[Object(s["h"])("div",U,[_,Object(s["h"])("select",{class:"text-center text-gray-500 text-sm",id:"refresh-rate",ref:"refreshInterval",onChange:t[1]||(t[1]=function(){return o.handleChangeRefreshInterval&&o.handleChangeRefreshInterval.apply(o,arguments)})},[B],544)])])})),G={name:"Settings",props:{},methods:{setRefreshInterval:function(e){var t=this;this.refreshIntervalHandler=setInterval((function(){t.refreshData()}),1e3*e)},refreshData:function(){this.$emit("refreshData")},handleChangeRefreshInterval:function(){this.refreshData(),clearInterval(this.refreshIntervalHandler),this.setRefreshInterval(this.$refs.refreshInterval.value)}},created:function(){this.setRefreshInterval(this.refreshInterval)},unmounted:function(){clearInterval(this.refreshIntervalHandler)},data:function(){return{refreshInterval:30,refreshIntervalHandler:0}}};n("49d2");G.render=P,G.__scopeId="data-v-31e7281e";var L=G,N=(n("b0c0"),{id:"results"});function F(e,t,n,r,i,o){var a=Object(s["y"])("ServiceGroup");return Object(s["q"])(),Object(s["d"])("div",N,[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(i.serviceGroups,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[Object(s["h"])(a,{services:t.services,name:t.name,onShowTooltip:o.showTooltip},null,8,["services","name","onShowTooltip"])]}))})),128))])}var Y={class:"text-monospace text-gray-400 text-xl font-medium pb-2 px-3"},J={key:0,class:"text-green-600"},V={key:1,class:"text-yellow-400"},X={class:"float-right service-group-arrow"};function K(e,t,n,r,i,o){var a=Object(s["y"])("Service");return Object(s["q"])(),Object(s["d"])("div",{class:0===n.services.length?"mt-3":"mt-4"},["undefined"!==n.name?Object(s["x"])(e.$slots,"default",{key:0},(function(){return[Object(s["h"])("div",{class:"service-group container pt-2 border",onClick:t[1]||(t[1]=function(){return o.toggleGroup&&o.toggleGroup.apply(o,arguments)})},[Object(s["h"])("h5",Y,[i.healthy?(Object(s["q"])(),Object(s["d"])("span",J,"✓")):(Object(s["q"])(),Object(s["d"])("span",V,"~")),Object(s["g"])(" "+Object(s["A"])(n.name)+" ",1),Object(s["h"])("span",X,Object(s["A"])(i.collapsed?"▼":"▲"),1)])])]})):Object(s["e"])("",!0),i.collapsed?Object(s["e"])("",!0):(Object(s["q"])(),Object(s["d"])("div",{key:1,class:"undefined"===n.name?"":"service-group-content"},[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(n.services,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[Object(s["h"])(a,{data:t,onShowTooltip:o.showTooltip,maximumNumberOfResults:20},null,8,["data","onShowTooltip"])]}))})),128))],2))],2)}var z={key:0,class:"service container px-3 py-3 border-l border-r border-t rounded-none hover:bg-gray-100"},Q={class:"flex flex-wrap mb-2"},W={class:"w-3/4"},Z={class:"text-gray-500 font-light"},ee={class:"w-1/4 text-right"},te={class:"font-light status-min-max-ms"},ne={class:"status-over-time flex flex-row"},se=Object(s["h"])("span",{class:"status rounded border border-dashed"},null,-1),re={class:"flex flex-wrap status-time-ago"},ie={class:"w-1/2"},oe={class:"w-1/2 text-right"};function ae(e,t,n,r,i,o){var a=Object(s["y"])("router-link");return n.data&&n.data.results&&n.data.results.length?(Object(s["q"])(),Object(s["d"])("div",z,[Object(s["h"])("div",Q,[Object(s["h"])("div",W,[Object(s["h"])(a,{to:o.generatePath(),class:"inline-block font-bold transform hover:scale-105 transition duration-100 ease-in-out hover:text-blue-800 hover:rotate-2",title:"View detailed service health"},{default:Object(s["D"])((function(){return[Object(s["g"])(Object(s["A"])(n.data.name),1)]})),_:1},8,["to"]),Object(s["h"])("span",Z," | "+Object(s["A"])(n.data.results[n.data.results.length-1].hostname),1)]),Object(s["h"])("div",ee,[Object(s["h"])("span",te,Object(s["A"])(i.minResponseTime===i.maxResponseTime?i.minResponseTime:i.minResponseTime+"-"+i.maxResponseTime)+"ms ",1)])]),Object(s["h"])("div",null,[Object(s["h"])("div",ne,[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(n.maximumNumberOfResults-n.data.results.length,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[se]}))})),128)),(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(n.data.results,(function(n){return Object(s["x"])(e.$slots,"default",{key:n},(function(){return[n.success?(Object(s["q"])(),Object(s["d"])("span",{key:0,class:"status rounded bg-success",onMouseenter:function(e){return o.showTooltip(n,e)},onMouseleave:t[1]||(t[1]=function(e){return o.showTooltip(null,e)})},"✓",40,["onMouseenter"])):(Object(s["q"])(),Object(s["d"])("span",{key:1,class:"status rounded bg-red-600",onMouseenter:function(e){return o.showTooltip(n,e)},onMouseleave:t[2]||(t[2]=function(e){return o.showTooltip(null,e)})},"X",40,["onMouseenter"]))]}))})),128))])]),Object(s["h"])("div",re,[Object(s["h"])("div",ie,Object(s["A"])(e.generatePrettyTimeAgo(n.data.results[0].timestamp)),1),Object(s["h"])("div",oe,Object(s["A"])(e.generatePrettyTimeAgo(n.data.results[n.data.results.length-1].timestamp)),1)])])):Object(s["e"])("",!0)}n("a9e3");var ce={methods:{generatePrettyTimeAgo:function(e){var t=(new Date).getTime()-new Date(e).getTime();if(t>36e5){var n=(t/36e5).toFixed(0);return n+" hour"+("1"!==n?"s":"")+" ago"}if(t>6e4){var s=(t/6e4).toFixed(0);return s+" minute"+("1"!==s?"s":"")+" ago"}return(t/1e3).toFixed(0)+" seconds ago"}}},le={name:"Service",props:{maximumNumberOfResults:Number,data:Object},emits:["showTooltip"],mixins:[ce],methods:{updateMinAndMaxResponseTimes:function(){var e=null,t=null;for(var n in this.data.results){var s=parseInt(this.data.results[n].duration/1e6);(null==e||e>s)&&(e=s),(null==t||t<s)&&(t=s)}this.minResponseTime!==e&&(this.minResponseTime=e),this.maxResponseTime!==t&&(this.maxResponseTime=t)},generatePath:function(){return this.data?"/services/"+this.data.key:"/"},showTooltip:function(e,t){this.$emit("showTooltip",e,t)}},watch:{data:function(){this.updateMinAndMaxResponseTimes()}},created:function(){this.updateMinAndMaxResponseTimes()},data:function(){return{minResponseTime:0,maxResponseTime:0}}};n("a814");le.render=ae;var ue=le,he={name:"ServiceGroup",components:{Service:ue},props:{name:String,services:Array},emits:["showTooltip"],methods:{healthCheck:function(){if(this.services)for(var e in this.services)for(var t in this.services[e].results)if(!this.services[e].results[t].success)return void(this.healthy&&(this.healthy=!1));this.healthy||(this.healthy=!0)},toggleGroup:function(){this.collapsed=!this.collapsed},showTooltip:function(e,t){this.$emit("showTooltip",e,t)}},watch:{services:function(){this.healthCheck()}},created:function(){this.healthCheck()},data:function(){return{healthy:!0,collapsed:!1}}};n("5e6a");he.render=K;var de=he,be={name:"Services",components:{ServiceGroup:de},props:{showStatusOnHover:Boolean,serviceStatuses:Object},emits:["showTooltip"],methods:{process:function(){var e={};for(var t in this.serviceStatuses){var n=this.serviceStatuses[t];e[n.group]&&0!==e[n.group].length||(e[n.group]=[]),e[n.group].push(n)}var s=[];for(var r in e)"undefined"!==r&&s.push({name:r,services:e[r]});e["undefined"]&&s.push({name:"undefined",services:e["undefined"]}),this.serviceGroups=s},showTooltip:function(e,t){this.$emit("showTooltip",e,t)}},watch:{serviceStatuses:function(){this.process()}},data:function(){return{userClickedStatus:!1,serviceGroups:[]}}};n("6da3");be.render=F;var pe=be,fe={name:"Home",components:{Services:pe,Settings:L},emits:["showTooltip"],methods:{fetchData:function(){var e=this;console.log("[Home][fetchData] Fetching data"),fetch("".concat(tt,"/api/v1/statuses")).then((function(e){return e.json()})).then((function(t){JSON.stringify(e.serviceStatuses)!==JSON.stringify(t)&&(console.log(t),e.serviceStatuses=t)}))},showTooltip:function(e,t){this.$emit("showTooltip",e,t)}},data:function(){return{serviceStatuses:{}}},created:function(){this.fetchData()}};fe.render=C;var ve=fe,Oe=Object(s["E"])("data-v-db353300");Object(s["t"])("data-v-db353300");var me=Object(s["g"])(" ← "),je={class:"container mx-auto"},ge=Object(s["h"])("h1",{class:"text-3xl text-monospace text-gray-400"},"RECENT CHECKS",-1),xe=Object(s["h"])("hr",{class:"mb-4"},null,-1),ye={key:1,class:"mt-12"},we=Object(s["h"])("h1",{class:"text-3xl text-monospace text-gray-400"},"UPTIME",-1),Te=Object(s["h"])("hr",null,null,-1),Se={class:"flex space-x-4 text-center text-2xl mt-5"},Re={class:"flex-1"},ke=Object(s["h"])("h2",{class:"text-sm text-gray-400"},"Last 7 days",-1),Ae={class:"flex-1"},De=Object(s["h"])("h2",{class:"text-sm text-gray-400"},"Last 24 hours",-1),qe={class:"flex-1"},He=Object(s["h"])("h2",{class:"text-sm text-gray-400"},"Last hour",-1),Ie=Object(s["h"])("hr",{class:"mt-1"},null,-1),Me=Object(s["h"])("h3",{class:"text-xl text-monospace text-gray-400 mt-1 text-right"},"BADGES",-1),Ce={class:"flex space-x-4 text-center text-2xl mt-6 relative bottom-12"},Ee={class:"flex-1"},$e={class:"flex-1"},Ue={class:"flex-1"},_e=Object(s["h"])("h1",{class:"text-3xl text-monospace text-gray-400 mt-4"},"EVENTS",-1),Be=Object(s["h"])("hr",{class:"mb-4"},null,-1),Pe={class:"p-3 my-4"},Ge={class:"text-lg"},Le={key:0,class:"border border-green-600 rounded-full px-1 text-green-700 opacity-75 bg-green-100 mr-2"},Ne=Object(s["h"])("span",{class:"relative bottom-0.5"},"🡡",-1),Fe={key:1,class:"border border-red-500 rounded-full px-1 text-red-700 opacity-75 bg-red-100 mr-2"},Ye={key:2,class:"mr-2"},Je={class:"flex mt-1 text-sm text-gray-400"},Ve={class:"flex-1 text-left pl-10"},Xe={class:"flex-1 text-right"};Object(s["r"])();var Ke=Oe((function(e,t,n,r,i,o){var a=Object(s["y"])("router-link"),c=Object(s["y"])("Service"),l=Object(s["y"])("Settings");return Object(s["q"])(),Object(s["d"])(s["a"],null,[Object(s["h"])(a,{to:"/",class:"absolute top-2 left-2 inline-block px-2 py-0 text-lg text-black transition bg-gray-100 rounded shadow ripple hover:shadow-lg hover:bg-gray-200 focus:outline-none"},{default:Oe((function(){return[me]})),_:1}),Object(s["h"])("div",je,[i.serviceStatus?Object(s["x"])(e.$slots,"default",{key:0},(function(){return[ge,xe,Object(s["h"])(c,{data:i.serviceStatus,maximumNumberOfResults:20,onShowTooltip:o.showTooltip},null,8,["data","onShowTooltip"])]})):Object(s["e"])("",!0),i.serviceStatus.uptime?(Object(s["q"])(),Object(s["d"])("div",ye,[we,Te,Object(s["h"])("div",Se,[Object(s["h"])("div",Re,[Object(s["g"])(Object(s["A"])(o.prettifyUptime(i.serviceStatus.uptime["7d"]))+" ",1),ke]),Object(s["h"])("div",Ae,[Object(s["g"])(Object(s["A"])(o.prettifyUptime(i.serviceStatus.uptime["24h"]))+" ",1),De]),Object(s["h"])("div",qe,[Object(s["g"])(Object(s["A"])(o.prettifyUptime(i.serviceStatus.uptime["1h"]))+" ",1),He])]),Ie,Me,Object(s["h"])("div",Ce,[Object(s["h"])("div",Ee,[Object(s["h"])("img",{src:o.generateBadgeImageURL("7d"),alt:"7d uptime badge",class:"mx-auto"},null,8,["src"])]),Object(s["h"])("div",$e,[Object(s["h"])("img",{src:o.generateBadgeImageURL("24h"),alt:"24h uptime badge",class:"mx-auto"},null,8,["src"])]),Object(s["h"])("div",Ue,[Object(s["h"])("img",{src:o.generateBadgeImageURL("1h"),alt:"1h uptime badge",class:"mx-auto"},null,8,["src"])])])])):Object(s["e"])("",!0),Object(s["h"])("div",null,[_e,Be,Object(s["h"])("div",null,[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(i.events,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[Object(s["h"])("div",Pe,[Object(s["h"])("h2",Ge,["HEALTHY"===t.type?(Object(s["q"])(),Object(s["d"])("span",Le,[Ne])):"UNHEALTHY"===t.type?(Object(s["q"])(),Object(s["d"])("span",Fe,"🡣")):"START"===t.type?(Object(s["q"])(),Object(s["d"])("span",Ye,"▶")):Object(s["e"])("",!0),Object(s["g"])(" "+Object(s["A"])(t.fancyText),1)]),Object(s["h"])("div",Je,[Object(s["h"])("div",Ve,Object(s["A"])(new Date(t.timestamp).toISOString()),1),Object(s["h"])("div",Xe,Object(s["A"])(t.fancyTimeAgo),1)])])]}))})),128))])])]),Object(s["h"])(l,{onRefreshData:o.fetchData},null,8,["onRefreshData"])],64)})),ze=(n("99af"),{name:"Details",components:{Service:ue,Settings:L},emits:["showTooltip"],mixins:[ce],methods:{fetchData:function(){var e=this;console.log("[Details][fetchData] Fetching data"),fetch("".concat(this.serverUrl,"/api/v1/statuses/").concat(this.$route.params.key)).then((function(e){return e.json()})).then((function(t){if(JSON.stringify(e.serviceStatus)!==JSON.stringify(t)){e.serviceStatus=t.serviceStatus;for(var n=[],s=t.events.length-1;s>=0;s--){var r=t.events[s];if(s===t.events.length-1)"UNHEALTHY"===r.type?r.fancyText="Service is unhealthy":"HEALTHY"===r.type?r.fancyText="Service is healthy":"START"===r.type&&(r.fancyText="Monitoring started");else{var i=t.events[s+1];"HEALTHY"===r.type?r.fancyText="Service became healthy again":"UNHEALTHY"===r.type?r.fancyText=i?"Service was unhealthy for "+e.prettifyTimeDifference(i.timestamp,r.timestamp):"Service became unhealthy":"START"===r.type&&(r.fancyText="Monitoring started")}r.fancyTimeAgo=e.generatePrettyTimeAgo(r.timestamp),n.push(r)}e.events=n}}))},generateBadgeImageURL:function(e){return"".concat(this.serverUrl,"/api/v1/badges/uptime/").concat(e,"/").concat(this.serviceStatus.key)},prettifyUptime:function(e){return e?(100*e).toFixed(2)+"%":"0%"},prettifyTimeDifference:function(e,t){var n=Math.ceil((new Date(e)-new Date(t))/1e3/60);return n+(1===n?" minute":" minutes")},showTooltip:function(e,t){this.$emit("showTooltip",e,t)}},data:function(){return{serviceStatus:{},events:[],serverUrl:"."===tt?"..":tt}},created:function(){this.fetchData()}});n("b883");ze.render=Ke,ze.__scopeId="data-v-db353300";var Qe=ze,We=[{path:"/",name:"Home",component:ve},{path:"/services/:key",name:"Details",component:Qe}],Ze=Object(M["a"])({history:Object(M["b"])("/"),routes:We}),et=Ze,tt=".";Object(s["c"])(I).use(et).mount("#app")},"5e6a":function(e,t,n){"use strict";n("f00e")},"6da3":function(e,t,n){"use strict";n("b73a")},"75d6":function(e,t,n){"use strict";n("e52e")},"7e86":function(e,t,n){},a766:function(e,t,n){},a814:function(e,t,n){"use strict";n("0ab0")},b73a:function(e,t,n){},b883:function(e,t,n){"use strict";n("4810")},bca1:function(e,t,n){},cf05:function(e,t,n){e.exports=n.p+"img/logo.png"},e52e:function(e,t,n){},f00e:function(e,t,n){}});
\ No newline at end of file
+(function(e){function t(t){for(var s,c,o=t[0],a=t[1],l=t[2],h=0,d=[];h<o.length;h++)c=o[h],Object.prototype.hasOwnProperty.call(r,c)&&r[c]&&d.push(r[c][0]),r[c]=0;for(s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s]);u&&u(t);while(d.length)d.shift()();return i.push.apply(i,l||[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],s=!0,o=1;o<n.length;o++){var a=n[o];0!==r[a]&&(s=!1)}s&&(i.splice(t--,1),e=c(c.s=n[0]))}return e}var s={},r={app:0},i=[];function c(t){if(s[t])return s[t].exports;var n=s[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,c),n.l=!0,n.exports}c.m=e,c.c=s,c.d=function(e,t,n){c.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},c.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,t){if(1&t&&(e=c(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(c.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)c.d(n,s,function(t){return e[t]}.bind(null,s));return n},c.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return c.d(t,"a",t),t},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.p="/";var o=window["webpackJsonp"]=window["webpackJsonp"]||[],a=o.push.bind(o);o.push=t,o=o.slice();for(var l=0;l<o.length;l++)t(o[l]);var u=a;i.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("56d7")},"1cf9":function(e,t,n){"use strict";n("7e86")},"22c8":function(e,t,n){},"359c":function(e,t,n){e.exports=n.p+"img/github.png"},"49d2":function(e,t,n){"use strict";n("bca1")},"508b":function(e,t,n){"use strict";n("22c8")},"56d7":function(e,t,n){"use strict";n.r(t),n.d(t,"SERVER_URL",(function(){return tt}));n("e260"),n("e6cf"),n("cca6"),n("a79d");var s=n("7a23"),r=n("cf05"),i=n.n(r),c={class:"container container-xs relative mx-auto rounded shadow-xl border my-3 p-5 text-left",id:"global"},o=Object(s["h"])("div",{class:"mb-2"},[Object(s["h"])("div",{class:"flex flex-wrap"},[Object(s["h"])("div",{class:"w-3/4 text-left my-auto"},[Object(s["h"])("div",{class:"title text-5xl font-light"},"Health Status")]),Object(s["h"])("div",{class:"w-1/4 flex justify-end"},[Object(s["h"])("img",{src:i.a,alt:"Gatus",class:"object-scale-down",style:{"max-width":"100px","min-width":"50px","min-height":"50px"}})])])],-1);function a(e,t,n,r,i,a){var l=Object(s["y"])("router-view"),u=Object(s["y"])("Tooltip"),h=Object(s["y"])("Social");return Object(s["q"])(),Object(s["d"])(s["a"],null,[Object(s["h"])("div",c,[o,Object(s["h"])(l,{onShowTooltip:a.showTooltip},null,8,["onShowTooltip"])]),Object(s["h"])(u,{result:i.tooltip.result,event:i.tooltip.event},null,8,["result","event"]),Object(s["h"])(h)],64)}var l=n("359c"),u=n.n(l),h=Object(s["E"])("data-v-1cbbc992");Object(s["t"])("data-v-1cbbc992");var d={id:"social"},b=Object(s["h"])("a",{href:"https://github.com/TwinProduction/gatus",target:"_blank",title:"Gatus on GitHub"},[Object(s["h"])("img",{src:u.a,alt:"GitHub",width:"32",height:"auto"})],-1);Object(s["r"])();var p=h((function(e,t,n,r,i,c){return Object(s["q"])(),Object(s["d"])("div",d,[b])})),f={name:"Social"};n("508b");f.render=p,f.__scopeId="data-v-1cbbc992";var v=f,m=(n("b680"),Object(s["h"])("div",{class:"tooltip-title"},"Timestamp:",-1)),O={id:"tooltip-timestamp"},j=Object(s["h"])("div",{class:"tooltip-title"},"Response time:",-1),g={id:"tooltip-response-time"},x=Object(s["h"])("div",{class:"tooltip-title"},"Conditions:",-1),y={id:"tooltip-conditions"},w=Object(s["h"])("br",null,null,-1),T={key:0,id:"tooltip-errors-container"},S=Object(s["h"])("div",{class:"tooltip-title"},"Errors:",-1),R={id:"tooltip-errors"},A=Object(s["h"])("br",null,null,-1);function k(e,t,n,r,i,c){return Object(s["q"])(),Object(s["d"])("div",{id:"tooltip",ref:"tooltip",class:i.hidden?"invisible":"",style:"top:"+i.top+"px; left:"+i.left+"px"},[n.result?Object(s["x"])(e.$slots,"default",{key:0},(function(){return[m,Object(s["h"])("code",O,Object(s["A"])(c.prettifyTimestamp(n.result.timestamp)),1),j,Object(s["h"])("code",g,Object(s["A"])((n.result.duration/1e6).toFixed(0))+"ms",1),x,Object(s["h"])("code",y,[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(n.result.conditionResults,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[Object(s["g"])(Object(s["A"])(t.success?"✓":"X")+" ~ "+Object(s["A"])(t.condition),1),w]}))})),128))]),n.result.errors&&n.result.errors.length?(Object(s["q"])(),Object(s["d"])("div",T,[S,Object(s["h"])("code",R,[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(n.result.errors,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[Object(s["g"])(" - "+Object(s["A"])(t),1),A]}))})),128))])])):Object(s["e"])("",!0)]})):Object(s["e"])("",!0)],6)}n("ac1f"),n("5319");var I={name:"Services",props:{event:Event,result:Object},methods:{prettifyTimestamp:function(e){var t=new Date(e),n=t.getFullYear(),s=(t.getMonth()+1<10?"0":"")+(t.getMonth()+1),r=(t.getDate()<10?"0":"")+t.getDate(),i=(t.getHours()<10?"0":"")+t.getHours(),c=(t.getMinutes()<10?"0":"")+t.getMinutes(),o=(t.getSeconds()<10?"0":"")+t.getSeconds();return n+"-"+s+"-"+r+" "+i+":"+c+":"+o},htmlEntities:function(e){return String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")},reposition:function(){if(this.event&&this.event.type)if("mouseenter"===this.event.type){var e=this.event.target.getBoundingClientRect().y+30,t=this.event.target.getBoundingClientRect().x,n=this.$refs.tooltip.getBoundingClientRect();t+window.scrollX+n.width+50>document.body.getBoundingClientRect().width&&(t=this.event.target.getBoundingClientRect().x-n.width+this.event.target.getBoundingClientRect().width,t<0&&(t+=-t)),e+window.scrollY+n.height+50>document.body.getBoundingClientRect().height&&e>=0&&(e=this.event.target.getBoundingClientRect().y-(n.height+10),e<0&&(e=this.event.target.getBoundingClientRect().y+30)),this.top=e,this.left=t}else"mouseleave"===this.event.type&&(this.hidden=!0)}},watch:{event:function(e){e&&e.type&&("mouseenter"===e.type?this.hidden=!1:"mouseleave"===e.type&&(this.hidden=!0))}},updated:function(){this.reposition()},created:function(){this.reposition()},data:function(){return{hidden:!1,top:0,left:0}}};n("75d6");I.render=k;var D=I,q={name:"App",components:{Social:v,Tooltip:D},methods:{showTooltip:function(e,t){this.tooltip={result:e,event:t}}},data:function(){return{tooltip:{}}}};n("1cf9");q.render=a;var H=q,M=(n("a766"),n("6c02"));function C(e,t,n,r,i,c){var o=Object(s["y"])("Services"),a=Object(s["y"])("Settings");return Object(s["q"])(),Object(s["d"])(s["a"],null,[Object(s["h"])(o,{serviceStatuses:i.serviceStatuses,showStatusOnHover:!0,onShowTooltip:c.showTooltip},null,8,["serviceStatuses","onShowTooltip"]),Object(s["h"])(a,{onRefreshData:c.fetchData},null,8,["onRefreshData"])],64)}n("d3b7");var E=Object(s["E"])("data-v-31e7281e");Object(s["t"])("data-v-31e7281e");var $={id:"settings"},U={class:"flex bg-gray-200 rounded border border-gray-300 shadow"},_=Object(s["h"])("div",{class:"text-sm text-gray-600 rounded-xl py-1 px-2"}," ↻ ",-1),B=Object(s["f"])('<option value="10" data-v-31e7281e>10s</option><option value="30" selected data-v-31e7281e>30s</option><option value="60" data-v-31e7281e>1m</option><option value="120" data-v-31e7281e>2m</option><option value="300" data-v-31e7281e>5m</option><option value="600" data-v-31e7281e>10m</option>',6);Object(s["r"])();var P=E((function(e,t,n,r,i,c){return Object(s["q"])(),Object(s["d"])("div",$,[Object(s["h"])("div",U,[_,Object(s["h"])("select",{class:"text-center text-gray-500 text-sm",id:"refresh-rate",ref:"refreshInterval",onChange:t[1]||(t[1]=function(){return c.handleChangeRefreshInterval&&c.handleChangeRefreshInterval.apply(c,arguments)})},[B],544)])])})),G={name:"Settings",props:{},methods:{setRefreshInterval:function(e){var t=this;this.refreshIntervalHandler=setInterval((function(){t.refreshData()}),1e3*e)},refreshData:function(){this.$emit("refreshData")},handleChangeRefreshInterval:function(){this.refreshData(),clearInterval(this.refreshIntervalHandler),this.setRefreshInterval(this.$refs.refreshInterval.value)}},created:function(){this.setRefreshInterval(this.refreshInterval)},unmounted:function(){clearInterval(this.refreshIntervalHandler)},data:function(){return{refreshInterval:30,refreshIntervalHandler:0}}};n("49d2");G.render=P,G.__scopeId="data-v-31e7281e";var L=G,N=(n("b0c0"),{id:"results"});function Y(e,t,n,r,i,c){var o=Object(s["y"])("ServiceGroup");return Object(s["q"])(),Object(s["d"])("div",N,[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(i.serviceGroups,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[Object(s["h"])(o,{services:t.services,name:t.name,onShowTooltip:c.showTooltip},null,8,["services","name","onShowTooltip"])]}))})),128))])}var F={class:"text-monospace text-gray-400 text-xl font-medium pb-2 px-3"},J={key:0,class:"text-green-600"},V={key:1,class:"text-yellow-400"},X={class:"float-right service-group-arrow"};function K(e,t,n,r,i,c){var o=Object(s["y"])("Service");return Object(s["q"])(),Object(s["d"])("div",{class:0===n.services.length?"mt-3":"mt-4"},["undefined"!==n.name?Object(s["x"])(e.$slots,"default",{key:0},(function(){return[Object(s["h"])("div",{class:"service-group container pt-2 border",onClick:t[1]||(t[1]=function(){return c.toggleGroup&&c.toggleGroup.apply(c,arguments)})},[Object(s["h"])("h5",F,[i.healthy?(Object(s["q"])(),Object(s["d"])("span",J,"✓")):(Object(s["q"])(),Object(s["d"])("span",V,"~")),Object(s["g"])(" "+Object(s["A"])(n.name)+" ",1),Object(s["h"])("span",X,Object(s["A"])(i.collapsed?"▼":"▲"),1)])])]})):Object(s["e"])("",!0),i.collapsed?Object(s["e"])("",!0):(Object(s["q"])(),Object(s["d"])("div",{key:1,class:"undefined"===n.name?"":"service-group-content"},[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(n.services,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[Object(s["h"])(o,{data:t,onShowTooltip:c.showTooltip,maximumNumberOfResults:20},null,8,["data","onShowTooltip"])]}))})),128))],2))],2)}var z={key:0,class:"service container px-3 py-3 border-l border-r border-t rounded-none hover:bg-gray-100"},Q={class:"flex flex-wrap mb-2"},W={class:"w-3/4"},Z={class:"text-gray-500 font-light"},ee={class:"w-1/4 text-right"},te={class:"font-light status-min-max-ms"},ne={class:"status-over-time flex flex-row"},se=Object(s["h"])("span",{class:"status rounded border border-dashed"},null,-1),re={class:"flex flex-wrap status-time-ago"},ie={class:"w-1/2"},ce={class:"w-1/2 text-right"};function oe(e,t,n,r,i,c){var o=Object(s["y"])("router-link");return n.data&&n.data.results&&n.data.results.length?(Object(s["q"])(),Object(s["d"])("div",z,[Object(s["h"])("div",Q,[Object(s["h"])("div",W,[Object(s["h"])(o,{to:c.generatePath(),class:"font-bold hover:text-blue-800 hover:underline",title:"View detailed service health"},{default:Object(s["D"])((function(){return[Object(s["g"])(Object(s["A"])(n.data.name),1)]})),_:1},8,["to"]),Object(s["h"])("span",Z," | "+Object(s["A"])(n.data.results[n.data.results.length-1].hostname),1)]),Object(s["h"])("div",ee,[Object(s["h"])("span",te,Object(s["A"])(i.minResponseTime===i.maxResponseTime?i.minResponseTime:i.minResponseTime+"-"+i.maxResponseTime)+"ms ",1)])]),Object(s["h"])("div",null,[Object(s["h"])("div",ne,[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(n.maximumNumberOfResults-n.data.results.length,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[se]}))})),128)),(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(n.data.results,(function(n){return Object(s["x"])(e.$slots,"default",{key:n},(function(){return[n.success?(Object(s["q"])(),Object(s["d"])("span",{key:0,class:"status rounded bg-success",onMouseenter:function(e){return c.showTooltip(n,e)},onMouseleave:t[1]||(t[1]=function(e){return c.showTooltip(null,e)})},"✓",40,["onMouseenter"])):(Object(s["q"])(),Object(s["d"])("span",{key:1,class:"status rounded bg-red-600",onMouseenter:function(e){return c.showTooltip(n,e)},onMouseleave:t[2]||(t[2]=function(e){return c.showTooltip(null,e)})},"X",40,["onMouseenter"]))]}))})),128))])]),Object(s["h"])("div",re,[Object(s["h"])("div",ie,Object(s["A"])(e.generatePrettyTimeAgo(n.data.results[0].timestamp)),1),Object(s["h"])("div",ce,Object(s["A"])(e.generatePrettyTimeAgo(n.data.results[n.data.results.length-1].timestamp)),1)])])):Object(s["e"])("",!0)}n("a9e3");var ae={methods:{generatePrettyTimeAgo:function(e){var t=(new Date).getTime()-new Date(e).getTime();if(t>36e5){var n=(t/36e5).toFixed(0);return n+" hour"+("1"!==n?"s":"")+" ago"}if(t>6e4){var s=(t/6e4).toFixed(0);return s+" minute"+("1"!==s?"s":"")+" ago"}return(t/1e3).toFixed(0)+" seconds ago"}}},le={name:"Service",props:{maximumNumberOfResults:Number,data:Object},emits:["showTooltip"],mixins:[ae],methods:{updateMinAndMaxResponseTimes:function(){var e=null,t=null;for(var n in this.data.results){var s=parseInt(this.data.results[n].duration/1e6);(null==e||e>s)&&(e=s),(null==t||t<s)&&(t=s)}this.minResponseTime!==e&&(this.minResponseTime=e),this.maxResponseTime!==t&&(this.maxResponseTime=t)},generatePath:function(){return this.data?"/services/"+this.data.key:"/"},showTooltip:function(e,t){this.$emit("showTooltip",e,t)}},watch:{data:function(){this.updateMinAndMaxResponseTimes()}},created:function(){this.updateMinAndMaxResponseTimes()},data:function(){return{minResponseTime:0,maxResponseTime:0}}};n("aa54");le.render=oe;var ue=le,he={name:"ServiceGroup",components:{Service:ue},props:{name:String,services:Array},emits:["showTooltip"],methods:{healthCheck:function(){if(this.services)for(var e in this.services)for(var t in this.services[e].results)if(!this.services[e].results[t].success)return void(this.healthy&&(this.healthy=!1));this.healthy||(this.healthy=!0)},toggleGroup:function(){this.collapsed=!this.collapsed,sessionStorage.setItem("service-group:".concat(this.name,":collapsed"),this.collapsed)},showTooltip:function(e,t){this.$emit("showTooltip",e,t)}},watch:{services:function(){this.healthCheck()}},created:function(){this.healthCheck()},data:function(){return{healthy:!0,collapsed:"true"===sessionStorage.getItem("service-group:".concat(this.name,":collapsed"))}}};n("be84");he.render=K;var de=he,be={name:"Services",components:{ServiceGroup:de},props:{showStatusOnHover:Boolean,serviceStatuses:Object},emits:["showTooltip"],methods:{process:function(){var e={};for(var t in this.serviceStatuses){var n=this.serviceStatuses[t];e[n.group]&&0!==e[n.group].length||(e[n.group]=[]),e[n.group].push(n)}var s=[];for(var r in e)"undefined"!==r&&s.push({name:r,services:e[r]});e["undefined"]&&s.push({name:"undefined",services:e["undefined"]}),this.serviceGroups=s},showTooltip:function(e,t){this.$emit("showTooltip",e,t)}},watch:{serviceStatuses:function(){this.process()}},data:function(){return{userClickedStatus:!1,serviceGroups:[]}}};n("6da3");be.render=Y;var pe=be,fe={name:"Home",components:{Services:pe,Settings:L},emits:["showTooltip"],methods:{fetchData:function(){var e=this;fetch("".concat(tt,"/api/v1/statuses")).then((function(e){return e.json()})).then((function(t){JSON.stringify(e.serviceStatuses)!==JSON.stringify(t)&&(e.serviceStatuses=t)}))},showTooltip:function(e,t){this.$emit("showTooltip",e,t)}},data:function(){return{serviceStatuses:{}}},created:function(){this.fetchData()}};fe.render=C;var ve=fe,me=Object(s["E"])("data-v-7c9b8344");Object(s["t"])("data-v-7c9b8344");var Oe=Object(s["g"])(" ← "),je={class:"container mx-auto"},ge=Object(s["h"])("h1",{class:"text-3xl text-monospace text-gray-400"},"RECENT CHECKS",-1),xe=Object(s["h"])("hr",{class:"mb-4"},null,-1),ye={key:1,class:"mt-12"},we=Object(s["h"])("h1",{class:"text-3xl text-monospace text-gray-400"},"UPTIME",-1),Te=Object(s["h"])("hr",null,null,-1),Se={class:"flex space-x-4 text-center text-2xl mt-5"},Re={class:"flex-1"},Ae=Object(s["h"])("h2",{class:"text-sm text-gray-400"},"Last 7 days",-1),ke={class:"flex-1"},Ie=Object(s["h"])("h2",{class:"text-sm text-gray-400"},"Last 24 hours",-1),De={class:"flex-1"},qe=Object(s["h"])("h2",{class:"text-sm text-gray-400"},"Last hour",-1),He=Object(s["h"])("hr",{class:"mt-1"},null,-1),Me=Object(s["h"])("h3",{class:"text-xl text-monospace text-gray-400 mt-1 text-right"},"BADGES",-1),Ce={class:"flex space-x-4 text-center text-2xl mt-6 relative bottom-12"},Ee={class:"flex-1"},$e={class:"flex-1"},Ue={class:"flex-1"},_e=Object(s["h"])("h1",{class:"text-3xl text-monospace text-gray-400 mt-4"},"EVENTS",-1),Be=Object(s["h"])("hr",{class:"mb-4"},null,-1),Pe={class:"p-3 my-4"},Ge={class:"text-lg"},Le={key:0,class:"border border-green-600 rounded-full px-1 text-green-700 opacity-75 bg-green-100 mr-2"},Ne=Object(s["h"])("span",{class:"relative bottom-0.5"},"🡡",-1),Ye={key:1,class:"border border-red-500 rounded-full px-1 text-red-700 opacity-75 bg-red-100 mr-2"},Fe={key:2,class:"mr-2"},Je={class:"flex mt-1 text-sm text-gray-400"},Ve={class:"flex-1 text-left pl-10"},Xe={class:"flex-1 text-right"};Object(s["r"])();var Ke=me((function(e,t,n,r,i,c){var o=Object(s["y"])("router-link"),a=Object(s["y"])("Service"),l=Object(s["y"])("Settings");return Object(s["q"])(),Object(s["d"])(s["a"],null,[Object(s["h"])(o,{to:"/",class:"absolute top-2 left-2 inline-block px-2 py-0 text-lg text-black transition bg-gray-100 rounded shadow ripple hover:shadow-lg hover:bg-gray-200 focus:outline-none"},{default:me((function(){return[Oe]})),_:1}),Object(s["h"])("div",je,[i.serviceStatus?Object(s["x"])(e.$slots,"default",{key:0},(function(){return[ge,xe,Object(s["h"])(a,{data:i.serviceStatus,maximumNumberOfResults:20,onShowTooltip:c.showTooltip},null,8,["data","onShowTooltip"])]})):Object(s["e"])("",!0),i.serviceStatus.uptime?(Object(s["q"])(),Object(s["d"])("div",ye,[we,Te,Object(s["h"])("div",Se,[Object(s["h"])("div",Re,[Object(s["g"])(Object(s["A"])(c.prettifyUptime(i.serviceStatus.uptime["7d"]))+" ",1),Ae]),Object(s["h"])("div",ke,[Object(s["g"])(Object(s["A"])(c.prettifyUptime(i.serviceStatus.uptime["24h"]))+" ",1),Ie]),Object(s["h"])("div",De,[Object(s["g"])(Object(s["A"])(c.prettifyUptime(i.serviceStatus.uptime["1h"]))+" ",1),qe])]),He,Me,Object(s["h"])("div",Ce,[Object(s["h"])("div",Ee,[Object(s["h"])("img",{src:c.generateBadgeImageURL("7d"),alt:"7d uptime badge",class:"mx-auto"},null,8,["src"])]),Object(s["h"])("div",$e,[Object(s["h"])("img",{src:c.generateBadgeImageURL("24h"),alt:"24h uptime badge",class:"mx-auto"},null,8,["src"])]),Object(s["h"])("div",Ue,[Object(s["h"])("img",{src:c.generateBadgeImageURL("1h"),alt:"1h uptime badge",class:"mx-auto"},null,8,["src"])])])])):Object(s["e"])("",!0),Object(s["h"])("div",null,[_e,Be,Object(s["h"])("div",null,[(Object(s["q"])(!0),Object(s["d"])(s["a"],null,Object(s["w"])(i.events,(function(t){return Object(s["x"])(e.$slots,"default",{key:t},(function(){return[Object(s["h"])("div",Pe,[Object(s["h"])("h2",Ge,["HEALTHY"===t.type?(Object(s["q"])(),Object(s["d"])("span",Le,[Ne])):"UNHEALTHY"===t.type?(Object(s["q"])(),Object(s["d"])("span",Ye,"🡣")):"START"===t.type?(Object(s["q"])(),Object(s["d"])("span",Fe,"▶")):Object(s["e"])("",!0),Object(s["g"])(" "+Object(s["A"])(t.fancyText),1)]),Object(s["h"])("div",Je,[Object(s["h"])("div",Ve,Object(s["A"])(new Date(t.timestamp).toISOString()),1),Object(s["h"])("div",Xe,Object(s["A"])(t.fancyTimeAgo),1)])])]}))})),128))])])]),Object(s["h"])(l,{onRefreshData:c.fetchData},null,8,["onRefreshData"])],64)})),ze=(n("99af"),{name:"Details",components:{Service:ue,Settings:L},emits:["showTooltip"],mixins:[ae],methods:{fetchData:function(){var e=this;fetch("".concat(this.serverUrl,"/api/v1/statuses/").concat(this.$route.params.key)).then((function(e){return e.json()})).then((function(t){if(JSON.stringify(e.serviceStatus)!==JSON.stringify(t)){e.serviceStatus=t.serviceStatus;for(var n=[],s=t.events.length-1;s>=0;s--){var r=t.events[s];if(s===t.events.length-1)"UNHEALTHY"===r.type?r.fancyText="Service is unhealthy":"HEALTHY"===r.type?r.fancyText="Service is healthy":"START"===r.type&&(r.fancyText="Monitoring started");else{var i=t.events[s+1];"HEALTHY"===r.type?r.fancyText="Service became healthy again":"UNHEALTHY"===r.type?r.fancyText=i?"Service was unhealthy for "+e.prettifyTimeDifference(i.timestamp,r.timestamp):"Service became unhealthy":"START"===r.type&&(r.fancyText="Monitoring started")}r.fancyTimeAgo=e.generatePrettyTimeAgo(r.timestamp),n.push(r)}e.events=n}}))},generateBadgeImageURL:function(e){return"".concat(this.serverUrl,"/api/v1/badges/uptime/").concat(e,"/").concat(this.serviceStatus.key)},prettifyUptime:function(e){return e?(100*e).toFixed(2)+"%":"0%"},prettifyTimeDifference:function(e,t){var n=Math.ceil((new Date(e)-new Date(t))/1e3/60);return n+(1===n?" minute":" minutes")},showTooltip:function(e,t){this.$emit("showTooltip",e,t)}},data:function(){return{serviceStatus:{},events:[],serverUrl:"."===tt?"..":tt}},created:function(){this.fetchData()}});n("a023");ze.render=Ke,ze.__scopeId="data-v-7c9b8344";var Qe=ze,We=[{path:"/",name:"Home",component:ve},{path:"/services/:key",name:"Details",component:Qe}],Ze=Object(M["a"])({history:Object(M["b"])("/"),routes:We}),et=Ze,tt=".";Object(s["c"])(H).use(et).mount("#app")},"5f3d":function(e,t,n){},"6da3":function(e,t,n){"use strict";n("b73a")},"729d":function(e,t,n){},"75d6":function(e,t,n){"use strict";n("e52e")},"7e86":function(e,t,n){},a023:function(e,t,n){"use strict";n("cd4f")},a766:function(e,t,n){},aa54:function(e,t,n){"use strict";n("729d")},b73a:function(e,t,n){},bca1:function(e,t,n){},be84:function(e,t,n){"use strict";n("5f3d")},cd4f:function(e,t,n){},cf05:function(e,t,n){e.exports=n.p+"img/logo.png"},e52e:function(e,t,n){}});
\ No newline at end of file