ddp/photoassistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

viewer hotkeys are in tooltip now

Browse Source
This commit is contained in:
Damien De Paoli
2021-08-30 17:47:33 +10:00
parent 78170cace7
commit dc4ff64600
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
TODO
View File

@@ -1,7 +1,4 @@
## GENERAL ## GENERAL
* viewer:
- buttons need tootltips to show shortcut key
* remove dirs after the duplicate cleanup removes all its content * remove dirs after the duplicate cleanup removes all its content
* Face matching: * Face matching:

12
templates/viewer.html
View File

@@ -171,15 +171,15 @@
</button> </button>
</div> </div>
<span class="col-auto my-auto">Show:</span> <span class="col-auto my-auto">Show:</span>
<div title="Toggle showing filename" class="d-flex form-check form-switch border border-info rounded col col-auto my-auto py-1 justify-content-center ps-5"> <div title="Toggle showing filename (hotkey: n)" class="d-flex form-check form-switch border border-info rounded col col-auto my-auto py-1 justify-content-center ps-5">
<input class="form-check-input" type="checkbox" id="fname_toggle" onChange="$('.figure-caption').toggle()" checked> <input class="form-check-input" type="checkbox" id="fname_toggle" onChange="$('.figure-caption').toggle()" checked>
<label class="form-check-label ps-1" for="fname_toggle">Filename</label> <label class="form-check-label ps-1" for="fname_toggle">Filename</label>
</div> </div>
<div title="Toggle showing matched faces" class="d-flex form-check form-switch border border-info rounded col col-auto my-auto py-1 justify-content-center ps-5"> <div title="Toggle showing matched faces (hotkey: f)" class="d-flex form-check form-switch border border-info rounded col col-auto my-auto py-1 justify-content-center ps-5">
<input class="form-check-input" type="checkbox" onChange="FaceToggle()" id="faces"> <input class="form-check-input" type="checkbox" onChange="FaceToggle()" id="faces">
<label class="form-check-label ps-1" for="faces">Faces</label> <label class="form-check-label ps-1" for="faces">Faces</label>
</div> </div>
<div title="Toggle showing 'distance' on matched faces" class="d-flex form-check form-switch border border-info rounded col col-auto my-auto py-1 justify-content-center ps-5"> <div title="Toggle showing 'distance' on matched faces (hotkey: d)" class="d-flex form-check form-switch border border-info rounded col col-auto my-auto py-1 justify-content-center ps-5">
<input class="form-check-input" type="checkbox" onChange="DrawImg()" id="distance"> <input class="form-check-input" type="checkbox" onChange="DrawImg()" id="distance">
<label class="form-check-label ps-1" for="distance">Distance</label> <label class="form-check-label ps-1" for="distance">Distance</label>
</div> </div>
@@ -204,7 +204,7 @@
<button class="btn btn-outline-info p-1" title="Flip vertically" onClick="Transform('flipv')"> <button class="btn btn-outline-info p-1" title="Flip vertically" onClick="Transform('flipv')">
<svg width="28" height="28" fill="currentColor"><use xlink:href="{{url_for('internal', filename='icons.svg')}}#flip_v"/></svg> <svg width="28" height="28" fill="currentColor"><use xlink:href="{{url_for('internal', filename='icons.svg')}}#flip_v"/></svg>
</button> </button>
<button class="btn btn-outline-info p-1" title="View in Fullscreen mode" onClick="fullscreen=true; ViewImageOrVideo()"> <button class="btn btn-outline-info p-1" title="View in Fullscreen mode (hotkey: F)" onClick="fullscreen=true; ViewImageOrVideo()">
<svg width="28" height="28" fill="currentColor"><use xlink:href="{{url_for('internal', filename='icons.svg')}}#fullscreen"/></svg> <svg width="28" height="28" fill="currentColor"><use xlink:href="{{url_for('internal', filename='icons.svg')}}#fullscreen"/></svg>
</button> </button>
</div> </div>
@@ -234,6 +234,10 @@ $( document ).keydown(function(event) {
case "n": case "n":
$('#fname_toggle').click() $('#fname_toggle').click()
break; break;
case "F":
fullscreen=!document.fullscreen
ViewImageOrVideo()
break;
default: default:
return; // Quit when this doesn't handle the key event. return; // Quit when this doesn't handle the key event.
} }