Assistance Needed for Homebrew Extension

[rakanhabab]

Hello,

I frequently craft a large number of breach rings, and the quality increases modifiers by multiplying them by 1.5x. I've been doing this process mostly manually. Since I'm a programmer, I thought about adding a feature to this extension. I aim to implement a button next to each modifier that automatically multiplies it by 1.5.

I'm reaching out for guidance on where to begin tweaking the extension to achieve this. Any advice on which files or functions to modify would be greatly appreciated.

Thank you for your help!

[SnosMe]

implement a button next to each modifier

You can put the button here

awakened-poe-trade/renderer/src/web/price-check/filters/FilterModifier.vue

Lines 20 to 29 in aecf7c5

	<div class="flex items-baseline gap-x-1">
	<div v-if="showQ20Notice" :class="$style['qualityLabel']">{{ t('item.prop_quality', [calcQuality]) }}</div>
	<div class="flex gap-x-px">
	<input :class="$style['rollInput']" :placeholder="t('min')" :min="roll?.bounds?.min" :max="roll?.bounds?.max" :step="changeStep" type="number"
	v-if="showInputs" ref="inputMinEl"
	v-model.number="inputMin" @focus="inputFocus($event, 'min')" @mousewheel.stop>
	<input :class="$style['rollInput']" :placeholder="t('max')" :min="roll?.bounds?.min" :max="roll?.bounds?.max" :step="changeStep" type="number"
	v-if="showInputs" ref="inputMaxEl"
	v-model.number="inputMax" @focus="inputFocus($event, 'max')" @mousewheel.stop>
	</div>

Or bellow, where the modifier tier is shown.

[rakanhabab]

Thanks!!!!
with your help i was able to ^^

I made the function in a way that would make it toggle the value back and forth from 1.5x and 1x for anyone who'd want to play around with different quality permutations to see which would price more
and made sure to discard Decimal value since quality wouldn't round up even with .9 so it always rounds down just like the game would

for anyone who'd wanna do this for themselves here:

<button @click="multiplyMinBy1_5" type="button">1.5x</button>

add this right before the inputs

add this:
const originalMin = ref<number | null>(null);

in the same block with these:

     const inputMinEl = ref<HTMLInputElement | null>(null);
     const inputMaxEl = ref<HTMLInputElement | null>(null);

the function:

function multiplyMinBy1_5() {
      if (props.filter && props.filter.roll && typeof props.filter.roll.min === 'number' && inputMinEl.value) {
        if (originalMin.value === null) {
          // Store the original min value
          originalMin.value = props.filter.roll.min;
          const newMin = Math.floor(props.filter.roll.min * 1.5);
          inputMinEl.value.value = newMin.toString(); // Directly update the input element
          props.filter.roll.min = newMin; // Ensure the filter object is also updated
        } else {
          // Reset to the original value
          const originalValue = originalMin.value;
          inputMinEl.value.value = originalValue.toString();
          props.filter.roll.min = originalValue;
          originalMin.value = null; // Reset originalMin for future toggling
        }
      }
    }

and make sure to include the function in the return as well!