Added more clarification & localized css & js.

m-primo · Jun 13, 2023 · f1eb3a4 · f1eb3a4
1 parent ed99fdf
commit f1eb3a4
Show file tree

Hide file tree

Showing 6 changed files with 58 additions and 5 deletions.
diff --git a/README.MD b/README.MD
@@ -4,11 +4,20 @@
 
 ## Pre-Installation
 
+### With Docker
+
 1. You should have [Docker](https://docs.docker.com/engine/install/) installed.
 2. You should have [tesseract-server](https://github.com/hertzg/tesseract-server) up and running.
 
+### Without Docker
+
+1. You should have [php](https://www.php.net/) (tested with php 7.3, php 7.4, php 8.0 & php 8.1).
+2. You should have [tesseract-server](https://github.com/hertzg/tesseract-server) up and running.
+
 ## Installation
 
+### Docker Method
+
 1. Clone this repository:
 
     ```bash
@@ -68,3 +77,30 @@
     define('CFG', $config);
     ?>
     ```
+
+### Non-Docker Method
+
+1. Clone this repository:
+
+    ```bash
+    git clone https://github.com/m-primo/tesseract-server-ui.git
+    ```
+
+2. Edit `config.php` to match the tesseract server host & port. The final `config.php` should like this:
+
+    ```php
+    <?php
+    $config = [
+        'url' => 'http://127.0.0.1:8884',
+        'timeout' => 0, // 0 to disable
+    ];
+
+    define('CFG', $config);
+    ?>
+    ```
+
+3. Run the web ui with the PHP built-in development server (replace `<host>` with destination host -usually 127.0.0.1 or 0.0.0.0-, and `<port>` with any port you want):
+
+    ```bash
+    php -S <host>:<port> -t ./app
+    ```
diff --git a/app/config/config.php b/app/config/config.php
@@ -1,6 +1,6 @@
 <?php
 $config = [
-    'url' => 'http://172.18.0.2:8884',
+    'url' => 'http://172.18.0.2:8884', // tesseract server host & port
     'timeout' => 0, // 0 to disable
 ];
 

diff --git a/app/index.html b/app/index.html
@@ -4,11 +4,11 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>tesseract-server-ui</title>
-  <link href="https://cdn.jsdelivr.net/npm/[email protected]-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
+  <link href="vendor/[email protected]" rel="stylesheet">
 </head>
 <body>
   <div class="container my-5" id="root">
-    <h1>Tesseract Server User Interface (V1.1)</h1>
+    <h1>Tesseract Server User Interface (V1.2)</h1>
 
     <form enctype="multipart/form-data" @submit.prevent="submitForm">
       <div class="mb-3">
@@ -44,8 +44,8 @@ <h1>Tesseract Server User Interface (V1.1)</h1>
       <div class="alert mt-3 text-break" style="white-space: break-spaces" v-if="result.stderr" :class="[result.stderr.toLowerCase().includes('warning: ') ? 'alert-warning' : 'alert-danger']" v-html="result.stderr"></div>
     </div>
   </div>
-  <script src="https://cdn.jsdelivr.net/npm/[email protected]-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
-  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
+  <script src="vendor/[email protected]"></script>
+  <script src="vendor/[email protected]"></script>
   <script>
     new Vue({
       el: '#root',

diff --git a/app/vendor/[email protected] b/app/vendor/[email protected]
diff --git a/app/vendor/[email protected] b/app/vendor/[email protected]
diff --git a/app/vendor/[email protected] b/app/vendor/[email protected]