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

first pass of usable fullscreen, will need arrow keys to remember state, or realistically pre-load? but for now you can fullscreen the image you are on

Browse Source
This commit is contained in:
Damien De Paoli
2021-07-31 22:49:40 +10:00
parent 902830ad95
commit ae0d27b284
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
templates/viewer.html
View File

@@ -211,26 +211,25 @@
<svg width="16" height="16" fill="currentColor"><use xlink:href="{{url_for('static', filename='upstream/icons.svg')}}#next"/></svg> <svg width="16" height="16" fill="currentColor"><use xlink:href="{{url_for('static', filename='upstream/icons.svg')}}#next"/></svg>
</button> </button>
</div> </div>
<span class="col col-auto my-auto">Show:</span> <span class="col col-auto my-auto">Show:</span>
<div class="d-flex form-check form-switch border border-info rounded col col-auto my-auto py-1 justify-content-center"> <div 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" onChange="$('.figure-caption').toggle()" <input class="form-check-input" type="checkbox" id="fname" onChange="$('.figure-caption').toggle()"
{% if sels['fname']=='true' %} checked {% endif %} > {% if sels['fname']=='true' %} checked {% endif %} >
<label class="form-check-label" for="fname">Filename</label> <label class="form-check-label ps-1" for="fname">Filename</label>
</div> </div>
<div class="d-flex form-check form-switch border border-info rounded col col-auto my-auto py-1 justify-content-center"> <div 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"
{% if not obj.file_details.faces %} disabled {% endif %} {% if not obj.file_details.faces %} disabled {% endif %}
{% if sels['faces']=='true' %} checked {% endif %} {% if sels['faces']=='true' %} checked {% endif %}
> >
<label class="form-check-label" for="faces">Faces</label> <label class="form-check-label ps-1" for="faces">Faces</label>
</div> </div>
<div class="d-flex form-check form-switch border border-info rounded col col-auto my-auto py-1 justify-content-center"> <div 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"
{% if not obj.file_details.faces or sels['faces']=='false' %} disabled {% endif %} {% if not obj.file_details.faces or sels['faces']=='false' %} disabled {% endif %}
{% if sels['distance']=='true' %} checked {% endif %} {% if sels['distance']=='true' %} checked {% endif %}
> >
<label class="form-check-label" for="distance">Distance</label> <label class="form-check-label ps-1" for="distance">Distance</label>
</div> </div>
<div class="col col-auto my-auto"> <div class="col col-auto my-auto">
AI Model: AI Model:
@@ -256,7 +255,7 @@
<button class="btn btn-outline-info p-1"> <button class="btn btn-outline-info p-1">
<svg width="28" height="28" fill="currentColor"><use xlink:href="{{url_for('static', filename='upstream/icons.svg')}}#flip_v"/></svg> <svg width="28" height="28" fill="currentColor"><use xlink:href="{{url_for('static', filename='upstream/icons.svg')}}#flip_v"/></svg>
</button> </button>
<button class="btn btn-outline-info p-1"> <button class="btn btn-outline-info p-1" onClick="document.getElementById('canvas').requestFullscreen()">
<svg width="28" height="28" fill="currentColor"><use xlink:href="{{url_for('static', filename='upstream/icons.svg')}}#fullscreen"/></svg> <svg width="28" height="28" fill="currentColor"><use xlink:href="{{url_for('static', filename='upstream/icons.svg')}}#fullscreen"/></svg>
</button> </button>
</div> </div>