askill
/
FacialRecognition-Demo
mirror of https://github.com/Askill/FacialRecognition-Demo.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

did Frontend

This commit is contained in:
Askill 2020-05-10 10:56:05 +02:00
parent 8fa3ef8427
commit 9e5d0bf889
2 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
application/static/render.js
View File

@ -1,6 +1,12 @@
function clearMiddle(){ function clearMiddle(){
ml.innerHTML = "" string = `
mr.innerHTML = "" <div class="middle card" id="middle-left">
</div>
<div class="middle card" id="middle-right">
</div>`
document.getElementById("main").innerHTML = string;
ml = document.getElementById('middle-left');
mr = document.getElementById('middle-right');
} }
function renderValidate(){ function renderValidate(){
@ -18,7 +24,10 @@ function renderValidate(){
function renderChange(){ function renderChange(){
clearMiddle() clearMiddle()
$("#middle-right").removeClass("border-danger").removeClass("border-success") $("#middle-right").removeClass("border-danger").removeClass("border-success")
console.log("change") string = `
<img src="${rootKontext + "/api/v1/camera/processed"}" id="image-left"> </img>
`
document.getElementById("main").innerHTML = string;
} }
function renderEnrole(){ function renderEnrole(){

7
application/templates/index.html
View File

@ -34,21 +34,16 @@
<button type="button" class="btn btn-primary navButton active" id="option1" onclick="focusNav('#option1'); renderIdentify()"> Identify <button type="button" class="btn btn-primary navButton active" id="option1" onclick="focusNav('#option1'); renderIdentify()"> Identify
<button type="button" class="btn navButton" id="option2" onclick="focusNav('#option2'); renderValidate()"> Verify <button type="button" class="btn navButton" id="option2" onclick="focusNav('#option2'); renderValidate()"> Verify
<button type="button" class="btn navButton" id="option3" onclick="focusNav('#option3'); renderEnrole()"> Enrole <button type="button" class="btn navButton" id="option3" onclick="focusNav('#option3'); renderEnrole()"> Enrole
<button type="button" class="btn navButton" id="option4" onclick="focusNav('#option4'); renderChange()"> Change <button type="button" class="btn navButton" id="option4" onclick="focusNav('#option4'); renderChange()"> Live
</div> </div>
</div> </div>
</div> </div>
<div style="position: fixed; left: 50%;"> <div style="position: fixed; left: 50%;">
<div class="container bg-dark" id="main"> <div class="container bg-dark" id="main">
<div class="middle card" id="middle-left"> <div class="middle card" id="middle-left">
</div> </div>
<div class="middle card" id="middle-right"> <div class="middle card" id="middle-right">
</div> </div>
</div> </div>
</div> </div>
<div class="container bg-dark" id="list"> <div class="container bg-dark" id="list">