ALVINN/ALVINN_f7
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Update some icons (#84)

Browse Source 
Each region now has an appropriate placeholder image instead of a generic image and the get image button is a more obvious icon.

Reviewed-on: Georgi_Lab/ALVINN_f7#84
This commit is contained in:
Justin Georgi
2024-01-30 08:48:10 -07:00
parent 09cb078f63
commit 679e61a241
2 changed files with 24 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/detect.vue
View File

@@ -7,7 +7,7 @@
<f7-block class="detect-grid">
<div class="image-container">
<canvas id="im-draw" ref="image_cvs" @click="structureClick" :style="`display: ${imageLoaded ? 'block' : 'none'}; flex: 1 1 0%; object-fit: contain; max-width: 100%; max-height: 100%; min-width: 0; min-height: 0; background-size: contain; background-position: center; background-repeat: no-repeat`" />
<SvgIcon v-if="!imageView" icon="image" fill-color="var(--avn-theme-color)" @click="selectImage" />
<SvgIcon v-if="!imageView" :icon="f7route.params.region" fill-color="var(--avn-theme-color)" @click="selectImage" />
</div>
<div v-if="(resultData && resultData.detections) || detecting" class="chip-results" style="grid-area: result-view; flex: 0 0 auto; align-self: center;">
<f7-chip v-for="result in showResults.filter( r => { return r.aboveThreshold && r.isSearched && !r.isDeleted })"
@@ -38,7 +38,7 @@
<RegionIcon :region="activeRegion" />
</f7-button>
<f7-button popover-open="#capture-popover">
<SvgIcon icon="image"/>
<SvgIcon icon="camera_add"/>
</f7-button>
<f7-button @click="() => showDetectSettings = !showDetectSettings" :class="(imageLoaded) ? '' : 'disabled'">
<SvgIcon icon="visibility"/>
@@ -80,15 +80,15 @@
<f7-popover id="capture-popover" class="popover-button-menu">
<f7-segmented raised class="segment-button-menu">
<f7-button style="height: auto; width: auto;" popover-close="#capture-popover" class="disabled" @click="videoStream">
<SvgIcon icon="videocam"/>
</f7-button>
<f7-button style="height: auto; width: auto;" popover-close="#capture-popover" @click="selectImage('camera')">
<SvgIcon icon="photo_camera" />
</f7-button>
<f7-button style="height: auto; width: auto;" popover-close="#capture-popover" @click="selectImage('file')">
<SvgIcon icon="photo_library" />
</f7-button>
<f7-button style="height: auto; width: auto;" popover-close="#capture-popover" class="disabled" @click="videoStream">
<SvgIcon icon="videocam"/>
</f7-button>
</f7-segmented>
</f7-popover>
@@ -319,19 +319,19 @@
created () {
switch (this.f7route.params.region) {
case 'thorax':
this.activeRegion = 0
this.detectorName = 'thorax'
this.activeRegion = 0
this.detectorName = 'thorax'
break;
case 'abdomen':
this.activeRegion = 1
this.detectorName = 'combined'
break;
this.activeRegion = 1
this.detectorName = 'combined'
break;
case 'limbs':
this.activeRegion = 2
this.detectorName = 'defaultNew'
this.activeRegion = 2
this.detectorName = 'defaultNew'
break;
case 'head':
this.activeRegion = 3
this.activeRegion = 3
break;
}
var loadServerSettings = localStorage.getItem('serverSettings')