makes selector work
This commit is contained in:
@@ -12,7 +12,7 @@
|
||||
<p v-if="!is_selling">Vendre</p>
|
||||
<p v-else>{{ selected_items.length > 0 ? `${totalSelectedValue} po` : 'Annuler' }}</p>
|
||||
</button>
|
||||
<PercentInput v-show="is_selling" v-model="modifiers['global']"></PercentInput>
|
||||
<PercentInput v-show="is_selling" v-model="global_mod"></PercentInput>
|
||||
</div>
|
||||
<div v-else-if="perms.canBuy">
|
||||
<button class="button is-danger is-fullwidth"
|
||||
@@ -36,7 +36,7 @@
|
||||
@claim="(data) => $emit('claim', data)"
|
||||
@unclaim="(data) => $emit('unclaim', data)">
|
||||
</Request>
|
||||
<Selector :id="`select-${idx}`" v-else-if="showSelectors" v-model="selected_items"></Selector>
|
||||
<Selector :id="item.id" v-else-if="showSelectors" v-model="selected_items"></Selector>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
@@ -76,19 +76,12 @@
|
||||
return {
|
||||
is_selling: false,
|
||||
selected_items: [],
|
||||
modifiers: {},
|
||||
global_mod: 0,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
buySelectedItems () {
|
||||
const items = this.items.filter(i => this.selected_items.includes(i.id));
|
||||
var payload = [];
|
||||
for (var idx in items) {
|
||||
var item = items[idx];
|
||||
var mod = this._modifierForItem(item.id);
|
||||
payload.push([item.id, mod]);
|
||||
}
|
||||
this.$emit("buy", payload);
|
||||
this.$emit("buy", this.selected_items);
|
||||
this.selected_items = [];
|
||||
},
|
||||
sellSelectedItems () {
|
||||
@@ -97,41 +90,27 @@
|
||||
} else {
|
||||
this.is_selling = false;
|
||||
if (this.selected_items.length > 0) {
|
||||
const items = this.items.filter(i => this.selected_items.includes(i.id));
|
||||
var payload = [];
|
||||
items.forEach(item => {
|
||||
const mod = this._modifierForItem(item.id);
|
||||
payload.push([item.id, mod]);
|
||||
});
|
||||
this.$emit("sell", payload);
|
||||
this.$emit("sell", this.selected_items);
|
||||
this.selected_items = [];
|
||||
}
|
||||
}
|
||||
},
|
||||
// TODO: fix this. It breaks reactivity and it's lazy
|
||||
_modifierForItem (itemId) {
|
||||
if (!(itemId in this.modifiers)) {
|
||||
this.modifiers[itemId] = 0;
|
||||
}
|
||||
return 1 + this.modifiers[itemId] / 100;
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
showSelectors () { return !this.perms.canGrab && (this.is_selling || this.perms.canBuy); },
|
||||
totalSelectedValue () {
|
||||
const global_mod = this._modifierForItem("global");
|
||||
var total = this.items
|
||||
.filter(item => this.selected_items.includes(item.id))
|
||||
.map(item => {
|
||||
const mod = this._modifierForItem(item.id);
|
||||
var total = this.selected_items
|
||||
.map(([id, mod]) => {
|
||||
const item = this.items.find(item => item.id == id);
|
||||
var price = item.base_price * mod;
|
||||
if (this.is_selling) {
|
||||
price = price / 2;
|
||||
}
|
||||
console.log(item, price, mod);
|
||||
return price;
|
||||
})
|
||||
.reduce((total,value) => total + value, 0);
|
||||
return global_mod * total;
|
||||
return (1 + this.global_mod / 100) * total;
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user