index.html

<link rel="stylesheet" href="connect.css">
<script src="connect.js"></script>

<h2>Connect</h2>
<p>Data Ingestion API for the Connect project.
<li> This page: <a href="https://episphere.github.io/connect" target="_blank">episphere.github.io/connect</a>.</li>
<li> Source code: <a href="https://github.com/episphere/connect" target="_blank">github.com/episphere/connect</a>, <a href="https://github.com/episphere/connect/issues/new" target="_blank" style="color:red">issues</a>.</li>
<li> API endpoint: <a href="https://episphere-connect.herokuapp.com" target="_blank">episphere-connect.herokuapp.com</a>.</li>
<li> Notebook: <a href="https://observablehq.com/@jonasalmeida/connect" target="_blank">observablehq.com/@jonasalmeida/connect</a>.</li>
<li> Chat with the developers: <a href="https://gitter.im/episphere/connect" target="_blank">gitter.im/episphere/connect</a>.</li>
<li> Postman collection: <a href="https://documenter.getpostman.com/view/7490604/SVYnT26j" target="_blank">7490604/SVYnT26j</a>.</li>
<hr>
<div id="connectDiv">
    <h3>API status: <span id="apistatus" style="color:red;font-size:small">not connected</span></h3>
    <span style="font-size:small">
        GET<input type="radio" name="HTTPVerb" id="sendGet" checked=true>(retrieve) | 
        POST<input type="radio" name="HTTPVerb" id="sendPost">(submit)<br/><br/>
        Key: <input type="password" id="callKey"> 
        <span id="ifPost" hidden=true> | 
            <input type="file" id="loadFile"> | 
            Filename <input id="filename"> | 
            Type <select id="fileType">
                <option value="csv">csv</option>
                <option value="tsv">tsv</option>
                <option value="json">json</option>
            </select>
        </span>
    </span><br/><br/>
    
    Input: <br/><br/><textarea id="sendContent"></textarea>
    <br/>
    <button id="doSend">Send</button><span style="color:red;font-size:small" id="error"></span>
    <p style="color:green">Responded:</p>
    <textarea id="responded"></textarea>
</div>
</p>