dergeorg/SmartShopper
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ocr design update

Browse Source
This commit is contained in:
LukasNowy
2019-01-28 19:53:40 +01:00
parent c8fe9b045a
commit 2179eecb3d
10 changed files with 1849 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
express-server/views/ocrscan.ejs
View File

@@ -3,16 +3,25 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Scan Purchases automatically</title>
<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">
<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>
<!--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">
@@ -20,74 +29,39 @@
<!-- 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">
<link rel="stylesheet" href="ocrscan/style.css">
</head>
<body>
<div class="row">
<div class="col s12 m6 l6 opt1 waves-effect waves-dark" >
<center><i class="material-icons ico" >file_upload</i></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="progress grey lighten-1">
<div class="determinate green accent-4" style="width: 0%"></div>
<div class="col s12 m6 l6 opt2 waves-effect waves-dark">
<center><i class="material-icons ico">camera</i></center>
</div>
</div>
<ul class="collection with-header">
<li class="collection-header"><h4>Choose List</h4></li>
<li class="collection-item"><div>Test<a class="secondary-content"><i class="material-icons">send</i></a></div></li>
</ul>
</div>
<!-- Modal Upload -->
<div id="modal-upload" class="modal">
<!-- Modal Structure -->
<div id="modal1" 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>
<h4>Choose Shoppinglist</h4>
<div class="collection output">
</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>
<a href="/dash" class="modal-close waves-effect waves-red btn-flat">Return to Dashboard</a>
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Continue</a>
</div>
</div>
<!-- Modal Upload -->
<div id="modal1" class="modal">
<div class="modal-content">
<h4>Result</h4>
<p class="output"></p>
</div>
<div class="modal-footer">
<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>
<script src="/ocrscan/cam.js"></script>
<script src="/ocrscan/ocrscan.js"></script>
<script src="/ocrscan/fileuploads.js"></script>
</body>
</html>