Gear dropdown filters set up to include current item if the item leve…

…l of it is lower than the filters allow

frontend/src/components/gear_dropdown.vue

@@ -9,7 +9,7 @@
           <div class="select is-fullwidth" :class="{'is-danger': error !== undefined}">
             <select ref="dropdown" :value="value" @input="handleInput">
               <option value="-1">Select Gear</option>
-              <option v-for="gear in choices" :key="gear.id" :value="gear.id">{{ gear.name }} ({{ gear.item_level }})</option>
+              <option v-for="item in gear" :key="item.id" :value="item.id">{{ item.name }} ({{ item.item_level }})</option>
             </select>
           </div>
         </div>
@@ -31,6 +31,12 @@ export default class GearDropdown extends Vue {
   @Prop()
   error!: string[] | undefined
 
+  @Prop()
+  maxIl!: number
+
+  @Prop()
+  minIl!: number
+
   @Prop()
   name!: string
 
@@ -41,6 +47,10 @@ export default class GearDropdown extends Vue {
     return this.$refs.dropdown as HTMLSelectElement
   }
 
+  get gear(): Gear[] {
+    return this.choices.filter((item: Gear) => item.id === this.value || (item.item_level <= this.maxIl && item.item_level >= this.minIl))
+  }
+
   handleInput(): void {
     this.$emit('input', this.dropdown.value)
   }