145 lines
4.7 KiB
Plaintext
145 lines
4.7 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Document</title>
|
|
|
|
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|
<script src="/ocrscan/axios.js"></script>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
|
|
|
|
<script src='https://cdn.jsdelivr.net/gh/naptha/tesseract.js@v1.0.14/dist/tesseract.min.js'></script>
|
|
|
|
<!--Import Google Icon Font-->
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
|
|
|
|
<!--Let browser know website is optimized for mobile-->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<!-- Compiled and minified CSS -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
|
|
|
<!-- 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="row r1">
|
|
<div class="col s12 m6 l6 opt1 waves-effect waves-dark" >
|
|
<center><i class="material-icons ico" >file_upload</i></center>
|
|
</div>
|
|
|
|
<div class="col s12 m6 l6 opt2 waves-effect waves-dark" onclick="M.toast({html: 'Not yet available'})">
|
|
|
|
<center><i class="material-icons ico">camera</i></center>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row r2">
|
|
<div class="container">
|
|
<div class="file-field input-field">
|
|
<div class="btn deep-orange darken-1 btn-choose waves-effect waves-light">
|
|
<span>Choose Image</span>
|
|
<input type='file' onchange="readURL(this);" />
|
|
</div>
|
|
<div class="file-path-wrapper">
|
|
</div>
|
|
</div>
|
|
<center><img id="blah" src="#" alt="" /></center>
|
|
</div>
|
|
|
|
<center><button class="btn waves-effect waves-light deep-orange darken-1 disabled btn-analyze " type="submit" name="action">Continue<i class="material-icons right">send</i></button></center>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="fixed-action-btn">
|
|
<a class="btn-floating btn-large red btndash">
|
|
<i class="large material-icons blue-grey darken-4">arrow_back</i>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Modal Structure PRE -->
|
|
<div id="modal1" class="modal">
|
|
<div class="modal-content">
|
|
<h4>Choose Shoppinglist</h4>
|
|
<center> <div class="preloader-wrapper big active">
|
|
<div class="spinner-layer spinner-blue-only">
|
|
<div class="circle-clipper left">
|
|
<div class="circle"></div>
|
|
</div><div class="gap-patch">
|
|
<div class="circle"></div>
|
|
</div><div class="circle-clipper right">
|
|
<div class="circle"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</center>
|
|
<div class="collection output">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a class="modal-close waves-effect waves-red btn-flat btndash">Return to Dashboard</a>
|
|
<a class="modal-close waves-effect waves-green btn-flat btncont">Continue</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Structure IMPORT -->
|
|
<div id="modal2" class="modal">
|
|
<div class="modal-content">
|
|
<h4>Import 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 btndash">Return to Dashboard</a>
|
|
<a href="#!" class="modal-close waves-effect waves-green btn-flat btnanalyze">Remove Items</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Structure PRELOADER END-->
|
|
<div id="modalEND" class="modal">
|
|
<div class="modal-content">
|
|
<center> <div class="progress">
|
|
<div class="indeterminate"></div>
|
|
</div>
|
|
|
|
</center>
|
|
<p>Loading ...</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<script src="/ocrscan/cam.js"></script>
|
|
<script src="/ocrscan/ocrscan.js"></script>
|
|
<script src="/ocrscan/fileuploads.js"></script>
|
|
</body>
|
|
|
|
</html> |