5 <strong v-if="activity > 0" class="notif activity" title="Activity">
8 <strong v-if="missing > 0" class="notif missing" title="Missing">
11 <strong v-if="warnings > 0" class="notif warnings" title="Warning">
14 <strong v-if="errors > 0" class="notif errors" title="Error">
20 title="Connection error to Readarr API, check url and apikey in config.yml"
29 import service from "@/mixins/service.js";
30 import Generic from "./Generic.vue";
32 const API = "/api/v1";
52 created: function () {
61 fetchConfig: function () {
62 const handleError = (e) => {
64 this.serverError = true;
66 this.fetch(`${this.apiPath}/health?apikey=${this.item.apikey}`)
68 this.warnings = health.filter(h => h.type === 'warning').length;
69 this.errors = health.filter(h => h.type === 'errors').length;
72 this.fetch(`${this.apiPath}/queue?apikey=${this.item.apikey}`)
74 this.activity = queue.totalRecords;
77 this.fetch(`${this.apiPath}/wanted/missing?apikey=${this.item.apikey}`)
79 this.missing = missing.totalRecords;
87 <style scoped lang="scss">
91 font-family: sans-serif;
97 padding: 0.2em 0.35em;
98 border-radius: 0.25em;
101 background-color: #4fb5d6;
105 background-color: #9d00ff;
109 background-color: #d08d2e;
113 background-color: #e51111;