done purchases remove, ocr scan, read image

This commit is contained in:
LukasNowy
2019-01-28 01:34:06 +01:00
parent d9c3d422d7
commit 93bbf9c2cb
203 changed files with 21267 additions and 41 deletions

View File

@ -6,6 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Scan Purchases automatically</title>
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
@ -18,39 +20,55 @@
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<link rel="stylesheet" href="/ocrscan/style.css">
</head>
<body>
<div class="container cont1 z-depth-4">
<div class="row">
<div class="col s12 m12 l6">
<center><video id="video"></video></center>
</div>
<div class="cont row container z-depth-4">
<button data-target="modal-upload" class="btn modal-trigger">Upload Image</button>
<button data-target="modal-upload" class="btn modal-trigger">Make Image</button>
<button class="test">Tessst</button>
<div class="col s12 m12 l6">
<center><canvas id="canvas"></canvas></center>
<div class="progress grey lighten-1">
<div class="determinate green accent-4" style="width: 0%"></div>
</div>
</div>
</div>
<div class="col s12">
<center><a class="waves-effect waves-light btn-large btnsnap light-blue accent-3"><i class="material-icons left">camera</i>Take Snapshot!</a>
<a class="waves-effect waves-light btn-large btnanalyze green accent-4"><i class="material-icons left">arrow_forward</i>Continue</a></center>
</div>
<div class="col s12">
<div class="progress grey lighten-1">
<div class="determinate green accent-4" style="width: 0%"></div>
</div>
</div>
</div>
<!-- Modal Upload -->
<div id="modal-upload" class="modal">
<div class="modal-content">
<h4>Choose Image</h4>
<div class="file-field input-field">
<div class="btn">
<span>File</span>
<input type='file' onchange="readURL(this);" />
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text" placeholder="Upload one or more files">
</div>
</div>
<img class="materialboxed" id="blah" src="#" alt="your image" />
</div>
<div class="modal-footer">
<a class="modal-close waves-effect waves-red btn-flat">Cancel</a>
<a class="modal-close waves-effect waves-green btn-flat btnanalyze">Continue</a>
</div>
</div>
<!-- Modal Structure -->
<!-- Modal Upload -->
<div id="modal1" class="modal">
<div class="modal-content">
<h4>Result</h4>
@ -60,9 +78,10 @@
<a class="modal-close waves-effect waves-green btn-flat">Ok</a>
</div>
</div>
<script src="/ocrscan/cam.js"></script>
<script src="/ocrscan/ocrscan.js"></script>
<script src="/ocrscan/fileuploads.js"></script>
</body>