[BUGFIX] Fix computed labels

[kfdm]

Removes some custom logic that was likely wrong and simplify using native javascript filter and map functions

[codecov-io]

Codecov Report

Merging #129 into master will not change coverage.
The diff coverage is n/a.

@@          Coverage Diff           @@
##           master    #129   +/-   ##
======================================
  Coverage    45.1%   45.1%           
======================================
  Files          38      38           
  Lines        2361    2361           
======================================
  Hits         1065    1065           
  Misses       1296    1296

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 8d5225e...13a4a3c. Read the comment docs.

[Asuforce]

I think better to define this process to a method and call it from computed property.
So maintenance will be easily.

[kfdm]

I previously wrote it as my own method, but I think that even though it's a few more lines in the computed properly itself, it's much more readable and more maintainable in this format

[Asuforce]

Like this

  methods: {
    filterByService: function() {
      return new Set(
        this.globalAlerts
          .filter(x => x.status.state == 'active')
          .filter(x => x.labels.service)
          .map(x => x.labels.service)
          .sort()
      )
    },
    filterByProject: function() {
      return new Set(
        this.globalAlerts
          .filter(x => x.status.state == 'active')
          .filter(x => x.labels.project)
          .map(x => x.labels.project)
          .sort()
      )
    },
    filterByAlertName: function() {
      return new Set(
        this.globalAlerts
          .filter(x => x.status.state == 'active')
          .filter(x => x.labels.alertname)
          .map(x => x.labels.alertname)
          .sort()
      )
    }
  },
  computed: {
    alertLabelsService: function() {
      return this.filterByService
    },
    alertLabelsProject: function() {
      return this.filterByProject
    },
    alertLabelsRule: function() {
      return this.filterByAlertName
    },
    silenceLabelsService: function() {
      return this.filterByService
    },
    silenceLabelsProject: function() {
      return this.filterByProject
    },
}

[Asuforce]

I'm sorry. This code was wrong.

[Asuforce]

LGTM