<!DOCTYPE html> <html lang="en"> <head> <title>Epistemics | Persons Intelligence for Legal Business</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- data --> <script type="text/javascript" src="data/AT/legal_entities.js"></script> <script type="text/javascript" src="data/AT/natural_persons.js"></script> <script type="text/javascript" src="data/DE/legal_entities.js"></script> <script type="text/javascript" src="data/DE/natural_persons.js"></script> <script type="text/javascript" src="data/UA/legal_entities.js"></script> <script type="text/javascript" src="data/UA/natural_persons.js"></script> <script type="text/javascript" src="data/contracts/contracts.js"></script> <script type="text/javascript" src="data/data_munging.js"></script> <!-- vis.js --> <script type="text/javascript" src="node_modules/vis/dist/vis.js"></script> <link rel="stylesheet" href="node_modules/vis/dist/vis.css" type="text/css" /> <!-- JQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <!-- Bootstrap --> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script> <!-- Font Awesome --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <link rel="stylesheet" href="style.css" type="text/css" /> <script type="text/javascript" src='graph.js'></script> <script type="text/javascript" src="data/contracts/contracts.js"></script> <script type="text/javascript"> $(document).ready(function() { // var url_string = window.location.href; // var url = new URL(url_string); // var c = url.searchParams.get("c"); // var contract = contracts[c]; // $('#contract').attr('data', 'data/contracts/' + contract['file']); // var list = document.getElementById('entitiesList'); // for(var i = 0; i < contract['entities'].length; i++) { // var item = document.createElement('li'); // var entity = entities[contract['entities'][i]['country']][contract['entities'][i]['type']][contract['entities'][i]['id']]; // item.appendChild(document.createTextNode( // entity['name'] + " (" + // (contract['entities'][i]['type'] == "le" ? "legal entity" : "natural person") + ")" // )); // list.appendChild(item); // } }); $('#input_pdf').on('change', function () { console.log("preseed"); var reader = new FileReader(); reader.onload = function (e) { console.log(reader.result + '->' + typeof reader.result); var thisPdf = reader.result; localStorage.setItem("uploaded.pdf", thisPdf); console.log("success"); $('#contract').attr('data', 'uploaded.pdf'); }; reader.readAsDataURL(this.files[0]); $('#contract').attr('data', 'uploaded.pdf'); }); </script> </head> <body> <div id='dialog' title='Relationship Graph'> <div id="relationship_graph"></div> </div> <header class="container-fluid"> <h1>Epistemics Persons Intelligence</h1> <ul class="breadcrumb"> <li class="breadcrumb-item"><a href="upload.html">Upload Demo</a></li> </ul> </header> <div class="container-fluid"> <div class="row content"> <div class="col-sm-8"> <object id="contract" data="" type="application/pdf" width="100%" height="2000px"> alt : This document could not be shown. </object> </div> <div class="col-sm-4 sidenav"> Please, upload a pdf document: <input id="input_pdf" type="file"> <br/> <h3>Entities detected</h3> <div class="input-group"> <input type="text" class="form-control" placeholder="Search entities..."> <span class="input-group-btn"> <button class="btn btn-default" type="button"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> <ol id='entitiesList'> </ol> <h3>Detailed information<h3> ... </div> </div> </div> <!--<footer >--> <!--<p>Copyright 2017 Jakob Etzel</p>--> <!--</footer>--> </body> </html>