-
+
+
+
{{ getTaggedMonitorCount(tag) }}
-
+
@@ -166,28 +188,13 @@ export default {
data() {
return {
tagsList: [],
- filterNames: [
- "status",
- "active",
- "tags",
- ],
};
},
computed: {
numFiltersActive() {
- let num = 0;
-
- Object.values(
- Array.from(Object.entries(this.$router.currentRoute.value.query)).filter(
- e => this.filterNames.includes(e[0])
- )
- ).forEach(item => {
- if (item != null && item.length > 0) {
- num += 1;
- }
- });
-
- return num;
+ return this.$router.currentRoute.value.query.status?.length > 0 ? 1 : 0 +
+ this.$router.currentRoute.value.query.active?.length > 0 ? 1 : 0 +
+ this.$router.currentRoute.value.query.tags?.length > 0 ? 1 : 0;
}
},
mounted() {
@@ -210,19 +217,10 @@ export default {
...this.getActiveFilters(),
};
- const statusStates = {
- 1: "up",
- 0: "down",
- 2: "pending",
- 3: "maintenance",
- };
-
- const finalStatus = statusStates[status];
-
- if (newFilter.status.includes("" + finalStatus)) {
- newFilter.status = newFilter.status.filter(item => item !== "" + finalStatus);
+ if (newFilter.status.includes("" + status)) {
+ newFilter.status = newFilter.status.filter(item => item !== "" + status);
} else {
- newFilter.status.push(finalStatus);
+ newFilter.status.push(status);
}
this.$emit("updateFilter", newFilter);
@@ -245,10 +243,10 @@ export default {
...this.getActiveFilters(),
};
- if (newFilter.tags.includes("" + tag.name)) {
- newFilter.tags = newFilter.tags.filter(item => item !== "" + tag.name);
+ if (newFilter.tags.includes("" + tag.id)) {
+ newFilter.tags = newFilter.tags.filter(item => item !== "" + tag.id);
} else {
- newFilter.tags.push(tag.name);
+ newFilter.tags.push(tag.id);
}
this.$emit("updateFilter", newFilter);