requests service

app/adapters/application.js

 import JSONAPIAdapter from '@ember-data/adapter/json-api';
 import { computed } from '@ember/object';
 import { inject as service } from '@ember/service';
+import ENV from 'papermerge/config/environment';
 
 
 export default class ApplicationAdapter extends JSONAPIAdapter {
-  namespace = 'api';
-  host = 'http://127.0.0.1:8000';
+  namespace = ENV.APP.NAMESPACE;
+  host = ENV.APP.HOST;
   @service session;
 
   buildURL(...args) {
@@ -29,4 +30,7 @@ export default class ApplicationAdapter extends JSONAPIAdapter {
 
     return _headers;
   }
+
+
+
 }

app/adapters/document.js

@@ -35,4 +35,5 @@ export default class DocumentAdapter extends ApplicationAdapter {
     let ret = this.buildURL('nodes');
     return ret;
   }
+
 }

app/components/breadcrumb/index.js

@@ -10,7 +10,6 @@ export default class BreadcrumbComponent extends Component {
     current = this.args.node;
 
     while (current && current.get('id')) {
-      console.log(`pushing current node id = ${current.get('id')}`);
       _nodes.push(current);
       current = current.get('parent');
     }

app/components/viewer/action_buttons.hbs

 <div>
   <button
-    class="btn btn-success"
+    class="btn btn-light"
     type="button">
       <i class="fa fa-upload mr-1"></i>
     Upload
   </button>
+  <button
+    class="btn btn-light"
+    type="button"
+    {{on "click" @onRunOCR}}>
+      <i class="fa fa-redo mr-1"></i>
+    Run OCR
+  </button>
 </div>
\ No newline at end of file

app/components/viewer/index.hbs

 <div class="panel viewer col m-2 p-2">
   <div class="d-flex justify-content-between">
-    <Viewer::ActionButtons />
+    <Viewer::ActionButtons
+      @onRunOCR={{this.onRunOCR}} />
   </div>
 
   <Breadcrumb

app/components/viewer/index.js

+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
+
+
+export default class ViewComponent extends Component {
+
+  @service requests;
+
+  @action
+  onRunOCR() {
+    this.requests.runOCR(this.args.document_version.id);
+  }
+}
\ No newline at end of file

app/services/requests.js

+import ENV from 'papermerge/config/environment';
+import Service from '@ember/service';
+import { computed } from '@ember/object';
+import { inject as service } from '@ember/service';
+
+
+export default class Requests extends Service {
+  @service session;
+
+  async runOCR(document_version_id) {
+    let url;
+
+    url = `${this.base_url}ocr/`;
+
+    return fetch(url, {
+      method: 'POST',
+      headers: this.headers,
+      body: JSON.stringify({document_version_id})
+    });
+  }
+
+  get base_url() {
+    return `${ENV.APP.HOST}/${ENV.APP.NAMESPACE}/`;
+  }
+
+  @computed('session.data.authenticated.token', 'session.isAuthenticated')
+  get headers() {
+    let _headers = {},
+      token;
+
+    if (this.session.isAuthenticated) {
+      token = this.session.data.authenticated.token;
+      _headers['Authorization'] = `Token ${token}`;
+    }
+
+    return _headers;
+  }
+
+}

app/styles/app.scss

@@ -52,3 +52,7 @@ main {
 .commander {
   background-color: white;
 }
+
+.viewer {
+  background-color: white;
+}

app/utils/index.js

+
+
 function group_perms_by_model(permissions) {
   /*
     Groups an array of permissions objects by model.
@@ -60,4 +62,5 @@ function are_sets_equal(set1, set2) {
   return same_size(set1, set2) && same_values(set1, set2);
 }
 
+
 export { group_perms_by_model, are_sets_equal };

config/environment.js

@@ -18,12 +18,14 @@ module.exports = function (environment) {
     },
 
     APP: {
+      NAMESPACE: 'api'
       // Here you can pass flags/options to your application instance
       // when it is created
     },
   };
 
   if (environment === 'development') {
+    ENV.APP.HOST = 'http://127.0.0.1:8000'
     // ENV.APP.LOG_RESOLVER = true;
     // ENV.APP.LOG_ACTIVE_GENERATION = true;
     // ENV.APP.LOG_TRANSITIONS = true;