Sabe Jones
271f40e355
commit8ed95731cbAuthor: Phillip Thelen <phillip@habitica.com> Date: Tue Jul 23 17:59:56 2024 +0200 fix hatched dialog commit53242ad96cAuthor: Phillip Thelen <phillip@habitica.com> Date: Tue Jul 23 17:38:13 2024 +0200 fix popover not showing commitce4bfd25bdAuthor: Phillip Thelen <phillip@habitica.com> Date: Wed Jul 3 17:28:30 2024 +0200 move item popover to own component commit2e6a300c46Author: Phillip Thelen <phillip@habitica.com> Date: Mon Jul 1 18:48:24 2024 +0200 make scaled sprites look nice commita3cbadb8c2Author: Phillip Thelen <phillip@habitica.com> Date: Mon Jul 1 18:48:17 2024 +0200 fix hatching dialog commit0e5126df5eAuthor: Phillip Thelen <phillip@habitica.com> Date: Mon Jul 1 18:48:12 2024 +0200 fix popover alignment commit7362af9236Author: Phillip Thelen <phillip@habitica.com> Date: Fri Jun 28 17:07:03 2024 +0200 fix item display commitcf353efdb7Author: Phillip Thelen <phillip@habitica.com> Date: Fri Jun 28 16:59:13 2024 +0200 fix pet display commitcaf0cba9f2Author: Phillip Thelen <phillip@habitica.com> Date: Fri Jun 28 15:24:39 2024 +0200 fix background icon display commit3b06febc01Author: Phillip Thelen <phillip@habitica.com> Date: Wed Jun 26 12:30:04 2024 +0200 fix sprites for notifications commit160b2debdcAuthor: Phillip Thelen <phillip@habitica.com> Date: Wed Jun 26 10:35:13 2024 +0200 fix gear display in profile commitb200a2f17dAuthor: Phillip Thelen <phillip@habitica.com> Date: Wed Jun 26 10:28:11 2024 +0200 fix sprites for keys to the kennel commit3614e7a8fbAuthor: Phillip Thelen <phillip@habitica.com> Date: Wed Jun 26 10:28:00 2024 +0200 fix sprites on avatar customization commit35f993d055Author: Phillip Thelen <phillip@habitica.com> Date: Wed Jun 26 09:18:41 2024 +0200 fix hover icons commit28fc80115eAuthor: Phillip Thelen <phillip@habitica.com> Date: Tue Jun 11 16:50:37 2024 +0200 remove console commitb041c67679Author: Phillip Thelen <phillip@habitica.com> Date: Tue Jun 11 15:18:44 2024 +0200 more lint fixes commitf4261d0440Author: Phillip Thelen <phillip@habitica.com> Date: Tue Jun 11 15:18:16 2024 +0200 fix lint commit878ee8f77bAuthor: Phillip Thelen <phillip@habitica.com> Date: Tue Jun 11 13:23:08 2024 +0200 support gifs commitaac24715aaAuthor: Phillip Thelen <phillip@habitica.com> Date: Tue Jun 11 13:15:52 2024 +0200 move avatar customization to sprites commitf4d3663130Author: Phillip Thelen <phillip@habitica.com> Date: Fri Jun 7 17:25:19 2024 +0200 Move more sprites out of css commit6e6b4c981aAuthor: Phillip Thelen <phillip@habitica.com> Date: Fri Jun 7 16:59:30 2024 +0200 add new sprite to item and shopItem component commit8712413f5dAuthor: Phillip Thelen <phillip@habitica.com> Date: Fri Jun 7 16:37:24 2024 +0200 use new sprites for pets list commit1172893826Author: Phillip Thelen <phillip@habitica.com> Date: Wed Jun 5 09:43:51 2024 +0200 Begin building new system for loading sprites
791 lines
25 KiB
Vue
791 lines
25 KiB
Vue
<!-- eslint-disable -->
|
|
<!-- TODO re-enable when used again -->
|
|
<template>
|
|
<b-modal
|
|
v-if="user.profile"
|
|
id="modify-inventory"
|
|
title="Modify Inventory"
|
|
size="lg"
|
|
:hide-footer="true"
|
|
>
|
|
<div class="modal-header">
|
|
<h4>Modify Inventory for {{ user.profile.name }}</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="!showInv.gear"
|
|
@click="showInv.gear = true"
|
|
>
|
|
Show Gear
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="showInv.gear"
|
|
@click="showInv.gear = false"
|
|
>
|
|
Hide Gear
|
|
</button>
|
|
<h4>Gear</h4>
|
|
<div ng-if="showInv.gear">
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('gear', true)"
|
|
>
|
|
Own All
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('gear', false)"
|
|
>
|
|
Previously Own All
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('gear', undefined)"
|
|
>
|
|
Never Own All
|
|
</button>
|
|
<hr>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="item in content.gear.flat"
|
|
class="list-group-item"
|
|
ng-init="inv.gear[item.key] = user.items.gear.owned[item.key]"
|
|
>
|
|
<Sprite
|
|
class="pull-left"
|
|
:imageName="'shop_' + item.key"
|
|
style="margin-right: 10px"
|
|
/>
|
|
{{ item.text() }}
|
|
<div class="clearfix">
|
|
<label class="radio-inline">
|
|
<input
|
|
type="radio"
|
|
:name="'gear-' + item.key"
|
|
ng-model="inv.gear[item.key]"
|
|
ng-value="true"
|
|
>Owned
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input
|
|
type="radio"
|
|
:name="'gear-' + item.key"
|
|
ng-model="inv.gear[item.key]"
|
|
ng-value="false"
|
|
>Previously Owned
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input
|
|
type="radio"
|
|
:name="'gear-' + item.key"
|
|
ng-model="inv.gear[item.key]"
|
|
ng-value="undefined"
|
|
>Never Owned
|
|
</label>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="!showInv.special"
|
|
@click="showInv.special = true"
|
|
>
|
|
Show Special Items
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="showInv.special"
|
|
@click="showInv.special = false"
|
|
>
|
|
Hide Special Items
|
|
</button>
|
|
<h4>Special Items</h4>
|
|
<div ng-if="showInv.special">
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('special', 999)"
|
|
>
|
|
Set All to 999
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('special', 0)"
|
|
>
|
|
Set All to 0
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('special', undefined)"
|
|
>
|
|
Set All to undefined
|
|
</button>
|
|
<hr>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="item in content.special"
|
|
class="list-group-item"
|
|
ng-init="inv.special[item.key] = user.items.special[item.key]"
|
|
ng-if="item.value === 15"
|
|
>
|
|
<div class="form-inline clearfix">
|
|
<div
|
|
class="pull-left"
|
|
:class="'inventory_special_' + item.key"
|
|
style="margin-right: 10px"
|
|
></div>
|
|
<p>{{ item.text() }}</p>
|
|
<input
|
|
class="form-control"
|
|
type="number"
|
|
ng-model="inv.special[item.key]"
|
|
>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="!showInv.pets"
|
|
@click="showInv.pets = true"
|
|
>
|
|
Show Pets
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="showInv.pets"
|
|
@click="showInv.pets = false"
|
|
>
|
|
Hide Pets
|
|
</button>
|
|
<h4>Pets</h4>
|
|
<div ng-if="showInv.pets">
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('pets', 45)"
|
|
>
|
|
Set All to 45
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('pets', 0)"
|
|
>
|
|
Set All to 0
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('pets', -1)"
|
|
>
|
|
Set All to -1
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('pets', undefined)"
|
|
>
|
|
Set All to undefined
|
|
</button>
|
|
<hr>
|
|
<h5>Drop Pets</h5>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="(pet, value) in content.pets"
|
|
class="list-group-item"
|
|
ng-init="inv.pets[pet] = user.items.pets[pet]"
|
|
>
|
|
<div class="form-inline clearfix">
|
|
<div
|
|
class="pull-left"
|
|
:class="'Pet-' + pet"
|
|
style="margin-right: 10px"
|
|
></div>
|
|
<p>{{ pet }}</p>
|
|
<input
|
|
class="form-control"
|
|
type="number"
|
|
ng-model="inv.pets[pet]"
|
|
>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<h5>Quest Pets</h5>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="(pet, value) in content.questPets"
|
|
class="list-group-item"
|
|
ng-init="inv.pets[pet] = user.items.pets[pet]"
|
|
>
|
|
<div class="form-inline clearfix">
|
|
<div
|
|
class="pull-left"
|
|
:class="'Pet-' + pet"
|
|
style="margin-right: 10px"
|
|
></div>
|
|
<p>{{ pet }}</p>
|
|
<input
|
|
class="form-control"
|
|
type="number"
|
|
ng-model="inv.pets[pet]"
|
|
>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<h5>Special Pets</h5>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="(pet, value) in content.specialPets"
|
|
class="list-group-item"
|
|
ng-init="inv.pets[pet] = user.items.pets[pet]"
|
|
>
|
|
<div class="form-inline clearfix">
|
|
<div
|
|
class="pull-left"
|
|
:class="'Pet-' + pet"
|
|
style="margin-right: 10px"
|
|
></div>
|
|
<p>{{ pet }}</p>
|
|
<input
|
|
class="form-control"
|
|
type="number"
|
|
ng-model="inv.pets[pet]"
|
|
>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<h5>Premium Pets</h5>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="(pet, value) in content.premiumPets"
|
|
class="list-group-item"
|
|
ng-init="inv.pets[pet] = user.items.pets[pet]"
|
|
>
|
|
<div class="form-inline clearfix">
|
|
<div
|
|
class="pull-left"
|
|
:class="'Pet-' + pet"
|
|
style="margin-right: 10px"
|
|
></div>
|
|
<p>{{ pet }}</p>
|
|
<input
|
|
class="form-control"
|
|
type="number"
|
|
ng-model="inv.pets[pet]"
|
|
>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="!showInv.mounts"
|
|
@click="showInv.mounts = true"
|
|
>
|
|
Show Mounts
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="showInv.mounts"
|
|
@click="showInv.mounts = false"
|
|
>
|
|
Hide Mounts
|
|
</button>
|
|
<h4>Mounts</h4>
|
|
<div ng-if="showInv.mounts">
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('mounts', true)"
|
|
>
|
|
Set all to Owned
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('mounts', undefined)"
|
|
>
|
|
Set all to Not Owned
|
|
</button>
|
|
<hr>
|
|
<h5>Drop Mounts</h5>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="(mount, value) in content.mounts"
|
|
class="list-group-item"
|
|
ng-init="inv.mounts[mount] = user.items.mounts[mount]"
|
|
>
|
|
<Sprite
|
|
class="pull-left"
|
|
:imageName="mount.key"
|
|
style="margin-right: 10px"
|
|
></div>
|
|
{{ mount }}
|
|
<div class="clearfix">
|
|
<label class="radio-inline">
|
|
<input
|
|
type="radio"
|
|
:name="'mounts-' + mount"
|
|
ng-model="inv.mounts[mount]"
|
|
ng-value="true"
|
|
>Owned
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input
|
|
type="radio"
|
|
:name="'mounts-' + mount"
|
|
ng-model="inv.mounts[mount]"
|
|
ng-value="undefined"
|
|
>Not Owned
|
|
</label>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<h5>Quest Mounts</h5>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="(mount, value) in content.questMounts"
|
|
class="list-group-item"
|
|
ng-init="inv.mounts[mount] = user.items.mounts[mount]"
|
|
>
|
|
<Sprite
|
|
class="pull-left"
|
|
:imageName="mount.key"
|
|
style="margin-right: 10px"
|
|
></div>
|
|
{{ mount }}
|
|
<div class="clearfix">
|
|
<label class="radio-inline">
|
|
<input
|
|
type="radio"
|
|
:name="'mounts-' + mount"
|
|
ng-model="inv.mounts[mount]"
|
|
ng-value="true"
|
|
>Owned
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input
|
|
type="radio"
|
|
:name="'mounts-' + mount"
|
|
ng-model="inv.mounts[mount]"
|
|
ng-value="undefined"
|
|
>Not Owned
|
|
</label>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<h5>Special Mounts</h5>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="(mount, value) in content.specialMounts"
|
|
class="list-group-item"
|
|
ng-init="inv.mounts[mount] = user.items.mounts[mount]"
|
|
>
|
|
<Sprite
|
|
class="pull-left"
|
|
:imageName="mount.key"
|
|
style="margin-right: 10px"
|
|
></div>
|
|
{{ mount }}
|
|
<div class="clearfix">
|
|
<label class="radio-inline">
|
|
<input
|
|
type="radio"
|
|
:name="'mounts-' + mount"
|
|
ng-model="inv.mounts[mount]"
|
|
ng-value="true"
|
|
>Owned
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input
|
|
type="radio"
|
|
:name="'mounts-' + mount"
|
|
ng-model="inv.mounts[mount]"
|
|
ng-value="undefined"
|
|
>Not Owned
|
|
</label>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<h5>Premium Mounts</h5>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="(mount, value) in content.premiumMounts"
|
|
class="list-group-item"
|
|
ng-init="inv.mounts[mount] = user.items.mounts[mount]"
|
|
>
|
|
<Sprite
|
|
class="pull-left"
|
|
:imageName="mount.key"
|
|
style="margin-right: 10px"
|
|
></div>
|
|
{{ mount }}
|
|
<div class="clearfix">
|
|
<label class="radio-inline">
|
|
<input
|
|
type="radio"
|
|
:name="'mounts-' + mount"
|
|
ng-model="inv.mounts[mount]"
|
|
ng-value="true"
|
|
>Owned
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input
|
|
type="radio"
|
|
:name="'mounts-' + mount"
|
|
ng-model="inv.mounts[mount]"
|
|
ng-value="undefined"
|
|
>Not Owned
|
|
</label>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="!showInv.hatchingPotions"
|
|
@click="showInv.hatchingPotions = true"
|
|
>
|
|
Show Hatching Potions
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="showInv.hatchingPotions"
|
|
@click="showInv.hatchingPotions = false"
|
|
>
|
|
Hide Hatching Potions
|
|
</button>
|
|
<h4>Hatching Potions</h4>
|
|
<div ng-if="showInv.hatchingPotions">
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('hatchingPotions', 999)"
|
|
>
|
|
Set All to 999
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('hatchingPotions', 0)"
|
|
>
|
|
Set All to 0
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('hatchingPotions', undefined)"
|
|
>
|
|
Set All to undefined
|
|
</button>
|
|
<hr>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="item in content.hatchingPotions"
|
|
class="list-group-item"
|
|
ng-init="inv.hatchingPotions[item.key] = user.items.hatchingPotions[item.key]"
|
|
>
|
|
<div class="form-inline clearfix">
|
|
<Sprite
|
|
class="pull-left"
|
|
:class="'Pet_HatchingPotion_' + item.key"
|
|
style="margin-right: 10px"
|
|
/>
|
|
<p>{{ item.text() }}</p>
|
|
<input
|
|
class="form-control"
|
|
type="number"
|
|
ng-model="inv.hatchingPotions[item.key]"
|
|
>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="!showInv.eggs"
|
|
@click="showInv.eggs = true"
|
|
>
|
|
Show Eggs
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="showInv.eggs"
|
|
@click="showInv.eggs = false"
|
|
>
|
|
Hide Eggs
|
|
</button>
|
|
<h4>Eggs</h4>
|
|
<div ng-if="showInv.eggs">
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('eggs', 999)"
|
|
>
|
|
Set All to 999
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('eggs', 0)"
|
|
>
|
|
Set All to 0
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('eggs', undefined)"
|
|
>
|
|
Set All to undefined
|
|
</button>
|
|
<hr>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="item in content.eggs"
|
|
class="list-group-item"
|
|
ng-init="inv.eggs[item.key] = user.items.eggs[item.key]"
|
|
>
|
|
<div class="form-inline clearfix">
|
|
<Sprite
|
|
class="pull-left"
|
|
:image-name="'Pet_Egg_' + item.key"
|
|
style="margin-right: 10px"
|
|
/>
|
|
<p>{{ item.text() }}</p>
|
|
<input
|
|
class="form-control"
|
|
type="number"
|
|
ng-model="inv.eggs[item.key]"
|
|
>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="!showInv.food"
|
|
@click="showInv.food = true"
|
|
>
|
|
Show Food
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="showInv.food"
|
|
@click="showInv.food = false"
|
|
>
|
|
Hide Food
|
|
</button>
|
|
<h4>Food</h4>
|
|
<div ng-if="showInv.food">
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('food', 999)"
|
|
>
|
|
Set All to 999
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('food', 0)"
|
|
>
|
|
Set All to 0
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('food', undefined)"
|
|
>
|
|
Set All to undefined
|
|
</button>
|
|
<hr>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="item in content.food"
|
|
class="list-group-item"
|
|
ng-init="inv.food[item.key] = user.items.food[item.key]"
|
|
>
|
|
<div class="form-inline clearfix">
|
|
<Sprite
|
|
class="pull-left"
|
|
:class="'Pet_Food_' + item.key"
|
|
style="margin-right: 10px"
|
|
/>
|
|
<p>{{ item.text() }}</p>
|
|
<input
|
|
class="form-control"
|
|
type="number"
|
|
ng-model="inv.food[item.key]"
|
|
>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="!showInv.quests"
|
|
@click="showInv.quests = true"
|
|
>
|
|
Show Quests
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary pull-right"
|
|
ng-if="showInv.quests"
|
|
@click="showInv.quests = false"
|
|
>
|
|
Hide Quests
|
|
</button>
|
|
<h4>Quests</h4>
|
|
<div ng-if="showInv.quests">
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('quests', 999)"
|
|
>
|
|
Set All to 999
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('quests', 0)"
|
|
>
|
|
Set All to 0
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="setAllItems('quests', undefined)"
|
|
>
|
|
Set All to undefined
|
|
</button>
|
|
<hr>
|
|
<ul class="list-group">
|
|
<li
|
|
v-for="item in content.quests"
|
|
class="list-group-item"
|
|
ng-init="inv.quests[item.key] = user.items.quests[item.key]"
|
|
ng-if="item.category !== 'world'"
|
|
>
|
|
<div class="form-inline clearfix">
|
|
<Sprite
|
|
class="pull-left"
|
|
:class="'inventory_quest_scroll_' + item.key"
|
|
style="margin-right: 10px"
|
|
/>
|
|
<p>{{ item.text() }}</p>
|
|
<input
|
|
class="form-control"
|
|
type="number"
|
|
ng-model="inv.quests[item.key]"
|
|
>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="close()"
|
|
>
|
|
{{ $t('close') }}
|
|
</button>
|
|
<button
|
|
class="btn btn-primary"
|
|
@click="close();modifyInventory()"
|
|
>
|
|
Apply Changes
|
|
</button>
|
|
</div>
|
|
</b-modal>
|
|
</template>
|
|
|
|
<script>
|
|
import axios from 'axios';
|
|
|
|
import Content from '@/../../common/script/content';
|
|
import Sprite from '@/components/ui/sprite.vue';
|
|
import { mapState } from '@/libs/store';
|
|
|
|
export default {
|
|
components: {
|
|
Sprite,
|
|
},
|
|
data () {
|
|
const showInv = {};
|
|
const inv = {
|
|
gear: {},
|
|
special: {},
|
|
pets: {},
|
|
mounts: {},
|
|
eggs: {},
|
|
hatchingPotions: {},
|
|
food: {},
|
|
quests: {},
|
|
};
|
|
|
|
return {
|
|
showInv,
|
|
inv,
|
|
content: Content,
|
|
};
|
|
},
|
|
computed: {
|
|
...mapState({ user: 'user.data' }),
|
|
},
|
|
methods: {
|
|
setAllItems (type, value) {
|
|
const set = this.inv[type];
|
|
|
|
for (const item of Object.keys(set)) {
|
|
set[item] = value;
|
|
}
|
|
},
|
|
async modifyInventory () {
|
|
await axios.post('/api/v4/debug/modify-inventory', {
|
|
gear: this.showInv.gear ? this.inv.gear : null,
|
|
special: this.showInv.special ? this.inv.special : null,
|
|
pets: this.showInv.pets ? this.inv.pets : null,
|
|
mounts: this.showInv.mounts ? this.inv.mounts : null,
|
|
eggs: this.showInv.eggs ? this.inv.eggs : null,
|
|
hatchingPotions: this.showInv.hatchingPotions ? this.inv.hatchingPotions : null,
|
|
food: this.showInv.food ? this.inv.food : null,
|
|
quests: this.showInv.quests ? this.inv.quests : null,
|
|
});
|
|
|
|
// @TODO: Notification.text('Inventory updated. Refresh or sync.');
|
|
// @TODO: Sync
|
|
},
|
|
close () {
|
|
this.$root.$emit('bv::hide::modal', 'modify-inventory');
|
|
},
|
|
},
|
|
};
|
|
</script>
|