Randomly select region icon set

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
2024-04-20 09:19:45 -07:00
parent 219522181b
commit b180c8bb08
4 changed files with 20 additions and 14 deletions

View File

@@ -24,16 +24,16 @@
<p style="text-align: center; margin: 0;">Select a region to begin.</p>
<div class="region-grid">
<f7-button :class="`region-button thorax${isAgreed && getRegions.includes('thorax') ? '' : ' disabled'}`" :href="isAgreed && getRegions.includes('thorax') && '/detect/thorax/'">
<RegionIcon class="region-image" :region="0" />
<RegionIcon class="region-image" :region="0" :iconSet="getIconSet" />
</f7-button>
<f7-button :class="`region-button abdomen${isAgreed && getRegions.includes('abdomen') ? '' : ' disabled'}`" :href="isAgreed && getRegions.includes('abdomen') && '/detect/abdomen/'">
<RegionIcon class="region-image" :region="1" />
<RegionIcon class="region-image" :region="1" :iconSet="getIconSet" />
</f7-button>
<f7-button :class="`region-button limbs${isAgreed && getRegions.includes('limbs') ? '' : ' disabled'}`" :href="isAgreed && getRegions.includes('limbs') && '/detect/limbs/'">
<RegionIcon class="region-image" :region="2" />
<RegionIcon class="region-image" :region="2" :iconSet="getIconSet" />
</f7-button>
<f7-button :class="`region-button headneck${isAgreed && getRegions.includes('head') ? '' : ' disabled'}`" :href="isAgreed && getRegions.includes('head') && '/detect/head/'">
<RegionIcon class="region-image" :region="3" />
<RegionIcon class="region-image" :region="3" :iconSet="getIconSet" />
</f7-button>
</div>
</div>
@@ -97,7 +97,8 @@
</style>
<script>
import RegionIcon from '../components/region-icon.vue'
import { touchstart } from 'dom7'
import RegionIcon from '../components/region-icon.vue'
import store from '../js/store'
import { f7 } from 'framework7-vue'