docs: add comments

src/components/MonitorList.vue

@@ -79,6 +79,7 @@ export default {
                 result = result.filter(monitor => monitor.parent === null);
             }
 
+            // Filter result by active state, weight and alphabetical
             result.sort((m1, m2) => {
 
                 if (m1.active !== m2.active) {

src/components/MonitorListItem.vue

@@ -53,10 +53,12 @@ export default {
             type: Object,
             default: null,
         },
+        /** If the user is currently searching */
         isSearch: {
             type: Boolean,
             default: false,
         },
+        /** How many ancestors are above this monitor */
         depth: {
             type: Number,
             default: 0,
@@ -124,6 +126,7 @@ export default {
             return;
         }
 
+        // Set collapsed value based on local storage
         let storage = window.localStorage.getItem("monitorCollapsed");
         if (storage === null) {
             return;
@@ -137,9 +140,13 @@ export default {
         this.isCollapsed = storageObject[`monitor_${this.monitor.id}`];
     },
     methods: {
+        /**
+		 * Changes the collapsed value of the current monitor and saves it to local storage
+		 */
         changeCollapsed() {
             this.isCollapsed = !this.isCollapsed;
 
+            // Save collapsed value into local storage
             let storage = window.localStorage.getItem("monitorCollapsed");
             let storageObject = {};
             if (storage !== null) {

src/pages/EditMonitor.vue

@@ -755,15 +755,9 @@ message HealthCheckResponse {
             return null;
         },
 
+        // Filter result by active state, weight and alphabetical
+        // Only return groups which arent't itself and one of its decendants
         sortedMonitorList() {
-            // return Object.values(this.$root.monitorList).filter(monitor => {
-            //     // Only return monitors which aren't related to the current selected
-            //     if (monitor.id === this.monitor.id || monitor.parent === this.monitor.id) {
-            //         return false;
-            //     }
-            //     return true;
-            // });
-
             let result = Object.values(this.$root.monitorList);
             console.log(this.monitor.childrenIDs);
             result = result.filter(monitor => monitor.type === "group");