Dung Diego / ocr-tool

Go to a project
Toggle navigation
Toggle navigation pinning
Dung Diego
688c28ec 1 parent 3a60946f

up

Inline Side-by-side
Showing 2 changed files with 9 additions and 9 deletions
...@@ -17,7 +17,10 @@ ...@@ -17,7 +17,10 @@
17 <script src="{{ asset("assets/js/vue.min.js") }}"></script> 17 <script src="{{ asset("assets/js/vue.min.js") }}"></script>
18 </head> 18 </head>
19 <body> 19 <body>
20 -<div id="app" class="container mt-3"> 20 + <div class="wrapper">
21 + <div class="content-wrapper position-relative">
22 + <section class="contents">
23 + <div id="app" class="container mt-3">
21 <button class="btn btn-primary" @click="$refs.pdf.click()"> 24 <button class="btn btn-primary" @click="$refs.pdf.click()">
22 <i class="fas fa-upload"></i> Upload PDF 25 <i class="fas fa-upload"></i> Upload PDF
23 </button> 26 </button>
...@@ -30,6 +33,10 @@ ...@@ -30,6 +33,10 @@
30 @change="upload_pdf" 33 @change="upload_pdf"
31 > 34 >
32 </div> 35 </div>
36 + </section>
37 +</div>
38 +</div>
39 +
33 <script type="text/javascript"> 40 <script type="text/javascript">
34 var app = new Vue({ 41 var app = new Vue({
35 el : '#app', 42 el : '#app',
......
...@@ -68,10 +68,7 @@ ...@@ -68,10 +68,7 @@
68 </style> 68 </style>
69 <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.8/axios.min.js"></script> 69 <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.8/axios.min.js"></script>
70 <script src="{{ asset("assets/js/vue.min.js") }}"></script> 70 <script src="{{ asset("assets/js/vue.min.js") }}"></script>
71 -<div class="wrapper"> 71 +<div id="app" >
72 - <div class="content-wrapper position-relative">
73 - <section class="contents">
74 - <div id="app" >
75 <div class="loading text-center"><div class="spinner-container"><div role="status" class="spinner-border text-primary"><span class="sr-only">Loading...</span></div></div></div> 72 <div class="loading text-center"><div class="spinner-container"><div role="status" class="spinner-border text-primary"><span class="sr-only">Loading...</span></div></div></div>
76 <div class="pdf-container" :style="{width: this.ocr.mst_template.image.width*0.3155 + 'px',height: this.ocr.mst_template.image.height*0.3155 + 'px'}"> 73 <div class="pdf-container" :style="{width: this.ocr.mst_template.image.width*0.3155 + 'px',height: this.ocr.mst_template.image.height*0.3155 + 'px'}">
77 <div class="text-center" @mousedown="ocr_start_select" @mousemove="ocr_move_select" @mouseup="ocr_end_select" > 74 <div class="text-center" @mousedown="ocr_start_select" @mousemove="ocr_move_select" @mouseup="ocr_end_select" >
...@@ -133,10 +130,6 @@ ...@@ -133,10 +130,6 @@
133 <img :src="`{{ route('order.show_pdf') }}?file_path=` + ocr.image_path.replace(/\.jpg$/, `_${page_num}.jpg`)" class="img-fluid border" draggable="false" /> 130 <img :src="`{{ route('order.show_pdf') }}?file_path=` + ocr.image_path.replace(/\.jpg$/, `_${page_num}.jpg`)" class="img-fluid border" draggable="false" />
134 </div> 131 </div>
135 </div> 132 </div>
136 - </section>
137 -</div>
138 -</div>
139 -
140 133
141 134
142 135
......