From 402bf94918b3c94a27bc72ab3af85e5af5521a25 Mon Sep 17 00:00:00 2001
From: Rory Doherty <rory@tigera.io>
Date: Tue, 18 Oct 2022 16:08:11 +0100
Subject: [PATCH] Move messages to the top of status page

---
 frontend/src/pages/Index.vue | 37 ++++++++++++++++++------------------
 handlers/handlers.go         |  2 +-
 2 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/frontend/src/pages/Index.vue b/frontend/src/pages/Index.vue
index 3419075d..9f3a2b42 100644
--- a/frontend/src/pages/Index.vue
+++ b/frontend/src/pages/Index.vue
@@ -12,27 +12,28 @@
         </div>
       </div>
 
-        <div class="col-12 full-col-12">
-            <div v-for="service in services_no_group" v-bind:key="service.id" class="list-group online_list mb-4">
-                <div class="list-group-item list-group-item-action">
-                    <router-link class="no-decoration font-3" :to="serviceLink(service)">{{service.name}}</router-link>
-                    <span class="badge float-right" :class="{'bg-success': service.online, 'bg-danger': !service.online }">{{service.online ? "ONLINE" : "OFFLINE"}}</span>
-                    <GroupServiceFailures :service="service"/>
-                    <IncidentsBlock :service="service"/>
-                </div>
-            </div>
-        </div>
+      <div class="col-12 full-col-12">
+          <MessageBlock v-for="message in messages" v-bind:key="message.id" :message="message" />
+      </div>
+
+      <div class="col-12 full-col-12">
+          <div v-for="service in services_no_group" v-bind:key="service.id" class="list-group online_list mb-4">
+              <div class="list-group-item list-group-item-action">
+                  <router-link class="no-decoration font-3" :to="serviceLink(service)">{{service.name}}</router-link>
+                  <span class="badge float-right" :class="{'bg-success': service.online, 'bg-danger': !service.online }">{{service.online ? "ONLINE" : "OFFLINE"}}</span>
+                  <GroupServiceFailures :service="service"/>
+                  <IncidentsBlock :service="service"/>
+              </div>
+          </div>
+      </div>
 
       <Group v-for="group in groups" v-bind:key="group.id" :group=group />
-        <div class="col-12 full-col-12">
-            <MessageBlock v-for="message in messages" v-bind:key="message.id" :message="message" />
-        </div>
 
-        <div class="col-12 full-col-12">
-            <div v-for="service in services" :ref="service.id" v-bind:key="service.id">
-                <ServiceBlock :service="service" />
-            </div>
-        </div>
+      <div class="col-12 full-col-12">
+          <div v-for="service in services" :ref="service.id" v-bind:key="service.id">
+              <ServiceBlock :service="service" />
+          </div>
+      </div>
 
     </div>
 </template>
diff --git a/handlers/handlers.go b/handlers/handlers.go
index fe8a4ae7..5f9ccf6b 100644
--- a/handlers/handlers.go
+++ b/handlers/handlers.go
@@ -3,13 +3,13 @@ package handlers
 import (
 	"encoding/json"
 	"fmt"
-	"github.com/statping-ng/statping-ng/types/errors"
 	"html/template"
 	"net/http"
 	"path"
 	"time"
 
 	"github.com/statping-ng/statping-ng/source"
+	"github.com/statping-ng/statping-ng/types/errors"
 	"github.com/statping-ng/statping-ng/utils"
 )