From 1abc9cebe453e4e369dc854bee5fec6745269858 Mon Sep 17 00:00:00 2001
From: Anne Haley <anne.haley@kitware.com>
Date: Tue, 19 Sep 2023 15:45:04 -0400
Subject: [PATCH] Lint fixes

---
 .../vue/components/CompositeLayers.vue        |  2 +-
 .../web_client/vue/components/DualInput.vue   |  6 +--
 .../vue/components/FrameSelector.vue          | 52 +++++++++----------
 .../web_client/vue/utils/colors.js            |  2 +-
 4 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/girder/girder_large_image/web_client/vue/components/CompositeLayers.vue b/girder/girder_large_image/web_client/vue/components/CompositeLayers.vue
index 0a4274977..996e52f16 100644
--- a/girder/girder_large_image/web_client/vue/components/CompositeLayers.vue
+++ b/girder/girder_large_image/web_client/vue/components/CompositeLayers.vue
@@ -114,7 +114,7 @@ export default {
             // Assign colors
             this.layers.forEach((layerName) => {
                 if (!this.compositeLayerInfo[layerName].palette) {
-                    const channelColor = getChannelColor(layerName)
+                    const channelColor = getChannelColor(layerName);
                     if (channelColor) {
                         this.compositeLayerInfo[layerName].palette = channelColor;
                         usedColors.push(channelColor);
diff --git a/girder/girder_large_image/web_client/vue/components/DualInput.vue b/girder/girder_large_image/web_client/vue/components/DualInput.vue
index 584f374a7..d179c8ddf 100644
--- a/girder/girder_large_image/web_client/vue/components/DualInput.vue
+++ b/girder/girder_large_image/web_client/vue/components/DualInput.vue
@@ -5,7 +5,7 @@ export default {
     data() {
         return {
             value: this.currentValue,
-            merge: this.maxMerge,
+            merge: this.maxMerge
         };
     },
     watch: {
@@ -16,10 +16,10 @@ export default {
             this.$emit('updateValue', v);
         },
         maxMerge(v) {
-          this.merge = v;
+            this.merge = v;
         },
         merge(v) {
-          this.$emit('updateMaxMerge', v);
+            this.$emit('updateMaxMerge', v);
         }
     }
 };
diff --git a/girder/girder_large_image/web_client/vue/components/FrameSelector.vue b/girder/girder_large_image/web_client/vue/components/FrameSelector.vue
index 72d9d139e..bc8b4ab25 100644
--- a/girder/girder_large_image/web_client/vue/components/FrameSelector.vue
+++ b/girder/girder_large_image/web_client/vue/components/FrameSelector.vue
@@ -1,6 +1,7 @@
 <script>
 import Vue from 'vue';
-import { getChannelColor } from '../utils/colors';
+
+import {getChannelColor} from '../utils/colors';
 
 import CompositeLayers from './CompositeLayers.vue';
 import DualInput from './DualInput.vue';
@@ -92,64 +93,63 @@ export default Vue.extend({
             // rerun update maxmerge?
             let style = this.currentModeId > 1 ? Object.assign({}, this.style[this.currentModeId]) : undefined;
             if (style && style.preset) delete style.preset;
-            style = this.maxMergeStyle(style)
+            style = this.maxMergeStyle(style);
             this.frameUpdate(frame, style);
         },
         maxMergeStyle(style) {
-            let bandsArray = (style ? style.bands : []) || []
-            let newBandsArray = []
-            let frameDeltas = []
+            const bandsArray = (style ? style.bands : []) || [];
+            let newBandsArray = [];
+            let frameDeltas = [];
             Object.entries(this.indexInfo).forEach(([indexName, {range, stride, maxMerge}]) => {
                 if (this.currentModeId === 2 && indexName === 'IndexC') {
                     // channel compositing is already in bandsArray
                     // skip permutations for this axis
                 } else if (maxMerge) {
-                    const axisFrameDeltas = [...Array(range + 1).keys()].map((i) => i*stride)
+                    const axisFrameDeltas = [...Array(range + 1).keys()].map((i) => i * stride);
                     if (frameDeltas.length) {
-                        const newFrameDeltas = []
+                        const newFrameDeltas = [];
                         frameDeltas.forEach((d) => {
                             axisFrameDeltas.forEach((a) => {
-                                newFrameDeltas.push(d+a)
-                            })
-                        })
-                        frameDeltas = newFrameDeltas
+                                newFrameDeltas.push(d + a);
+                            });
+                        });
+                        frameDeltas = newFrameDeltas;
                     } else {
-                        frameDeltas = axisFrameDeltas
+                        frameDeltas = axisFrameDeltas;
                     }
                 }
-            })
+            });
 
-            if(frameDeltas.length) {
+            if (frameDeltas.length) {
                 if (bandsArray.length) {
                     // some style already applied, add permutations
                     bandsArray.forEach((b) => {
                         frameDeltas.forEach((framedelta) => {
                             newBandsArray.push(
                                 Object.assign({}, b, {framedelta: b.framedelta + framedelta})
-                            )
-                        })
-                    })
+                            );
+                        });
+                    });
                 } else {
                     // no style applied yet, create new permutations list
-                    const { bands } = this.metadata
+                    const {bands} = this.metadata;
                     bands.forEach((b, i) => {
-                        const bandPalette = getChannelColor(b)
+                        const bandPalette = getChannelColor(b);
                         frameDeltas.forEach((framedelta) => {
                             newBandsArray.push({
-                                band: i+1,
+                                band: i + 1,
                                 framedelta,
                                 palette: bandPalette
-                            })
-                        })
-                    })
+                            });
+                        });
+                    });
                 }
             } else {
                 // no max merge permutations to apply, keep old bandsArray
-                newBandsArray = bandsArray
+                newBandsArray = bandsArray;
             }
 
-            console.log(newBandsArray)
-            return {bands: newBandsArray}
+            return {bands: newBandsArray};
         },
         fillMetadata() {
             if (!this.metadata.frames) {
diff --git a/girder/girder_large_image/web_client/vue/utils/colors.js b/girder/girder_large_image/web_client/vue/utils/colors.js
index a0c39796a..91487094a 100644
--- a/girder/girder_large_image/web_client/vue/utils/colors.js
+++ b/girder/girder_large_image/web_client/vue/utils/colors.js
@@ -16,7 +16,7 @@ export function getChannelColor(name) {
     // Search for case-insensitive regex match among known channel-colors
     for (const [channelPattern, color] of Object.entries(CHANNEL_COLORS)) {
         if (name.match(new RegExp(channelPattern, 'i'))) {
-            return color
+            return color;
         }
     }
 }