This repository has been archived by the owner on Mar 15, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
69bf4fb
commit 68b9b96
Showing
1 changed file
with
5 additions
and
48 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,56 +1,13 @@ | ||
<!DOCTYPE html> | ||
<!-- Generated from template editor-poc.html - do not edit directly --> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<title>Image map for ocr-sample.jpg</title> | ||
<link rel="stylesheet" href="./client/css/styles.css"> | ||
<title>Redirecting...</title> | ||
</head> | ||
<body> | ||
<div> | ||
<h1>Image map for ocr-sample.jpg</h1> | ||
<form id="segment-editor"> | ||
<label>ID <input name="id"></label> | ||
<label>Source <input name="source"></label> | ||
<label>Target <input name="target"></label> | ||
</form> | ||
</div> | ||
<div data-cl-image-map> | ||
<img data-cl-img draggable="false" src="ocr-sample.jpg"> | ||
<div data-cl-rect style="left: 133px; top: 45px; width: 279px; height: 32px;" title="Credit Card Bill"><span data-cl-text>Credit Card Bill</span></div> | ||
<div data-cl-rect style="left: 28px; top: 104px; width: 491px; height: 36px;" title="This is a bill in which you have to pay. If you do not pay within one (1) month, a $250.00 fine is assessed."><span data-cl-text>This is a bill in which you have to pay. If you do not pay within one (1) month, a $250.00 fine is assessed.</span></div> | ||
<div data-cl-rect style="left: 27px; top: 167px; width: 139px; height: 18px;" title="Name: John Phillips"><span data-cl-text>Name: John Phillips</span></div> | ||
<div data-cl-rect style="left: 354px; top: 167px; width: 162px; height: 18px;" title="Phone: (123) 456-7890"><span data-cl-text>Phone: (123) 456-7890</span></div> | ||
<div data-cl-rect style="left: 27px; top: 187px; width: 173px; height: 15px;" title="Address 123 Main Street"><span data-cl-text>Address 123 Main Street</span></div> | ||
<div data-cl-rect style="left: 263px; top: 187px; width: 252px; height: 15px;" title="CC Number: XXXXXXXXXXXX1234"><span data-cl-text>CC Number: XXXXXXXXXXXX1234</span></div> | ||
<div data-cl-rect style="left: 27px; top: 207px; width: 178px; height: 15px;" title="San Francisco. CA12345"><span data-cl-text>San Francisco. CA12345</span></div> | ||
<div data-cl-rect style="left: 338px; top: 207px; width: 178px; height: 15px;" title="Bill Received: 01/16/1968"><span data-cl-text>Bill Received: 01/16/1968</span></div> | ||
<div data-cl-rect style="left: 27px; top: 242px; width: 218px; height: 20px;" title="Your Transactions"><span data-cl-text>Your Transactions</span></div> | ||
<div data-cl-rect style="left: 28px; top: 285px; width: 37px; height: 16px;" title="Item"><span data-cl-text>Item</span></div> | ||
<div data-cl-rect style="left: 472px; top: 285px; width: 44px; height: 16px;" title="Price"><span data-cl-text>Price</span></div> | ||
<div data-cl-rect style="left: 27px; top: 318px; width: 215px; height: 17px;" title="The ABC Store - Cookies"><span data-cl-text>The ABC Store - Cookies</span></div> | ||
<div data-cl-rect style="left: 468px; top: 318px; width: 45px; height: 17px;" title="$2.81"><span data-cl-text>$2.81</span></div> | ||
<div data-cl-rect style="left: 28px; top: 342px; width: 210px; height: 22px;" title="Orville's Bakery - Donuts"><span data-cl-text>Orville's Bakery - Donuts</span></div> | ||
<div data-cl-rect style="left: 468px; top: 342px; width: 48px; height: 22px;" title="$5.95"><span data-cl-text>$5.95</span></div> | ||
<div data-cl-rect style="left: 28px; top: 369px; width: 329px; height: 18px;" title="Stan's Gas Station -10 Gallons of Gas"><span data-cl-text>Stan's Gas Station -10 Gallons of Gas</span></div> | ||
<div data-cl-rect style="left: 457px; top: 369px; width: 59px; height: 18px;" title="$40.00"><span data-cl-text>$40.00</span></div> | ||
<div data-cl-rect style="left: 406px; top: 406px; width: 110px; height: 17px;" title="Total: $48.76"><span data-cl-text>Total: $48.76</span></div> | ||
</div> | ||
<div><table id="search-results"> | ||
<thead> | ||
<tr> | ||
<th width="100px">ID</th> | ||
<th>Source</th> | ||
<th>Target</th> | ||
<th width="80px">Match</th> | ||
</tr> | ||
</thead> | ||
<tbody></tbody> | ||
</table></div> | ||
|
||
<script type="module" src="./client/js/webview-mock.js"></script> | ||
<script type="module" src="./client/js/search-service.js"></script> | ||
<script type="module" src="./client/js/segment-editor.js"></script> | ||
<script type="module" src="./client/js/image-map-interaction.js"></script> | ||
Redirecting... | ||
<script> | ||
window.location = 'https://cl-tools.deno.dev/pages/easylt-ocr/samples/ocr-sample-editor-poc.html' | ||
</script> | ||
</body> | ||
</html> |