Sort agents by hostname

src/views/Process/Agents.vue

@@ -9,8 +9,10 @@
 
 <script>
 import { mapState, mapActions, mapMutations } from 'vuex'
+import { sortBy } from 'lodash'
 import { errorParser } from '@/helpers'
 import InLineAgent from '@/components/Process/Agents/InLineAgent.vue'
+
 export default {
   components: {
     InLineAgent
@@ -21,10 +23,7 @@ export default {
   computed: {
     ...mapState('ponos', ['agents']),
     orderedAgents () {
-      // Sort agents to display active ones first
-      return Object.values(this.agents).sort(
-        (a, b) => new Date(b.last_ping) - new Date(a.last_ping)
-      )
+      return sortBy(Object.values(this.agents), agent => agent.hostname.toLowerCase())
     }
   },
   methods: {