|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Papa Parse Player</title>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<link rel="stylesheet" href="player.css">
|
|
|
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
|
|
|
|
|
<script src="../papaparse.js"></script>
|
|
|
|
|
<script src="player.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1><a href="http://papaparse.com">Papa Parse</a> Player</h1>
|
|
|
|
|
|
|
|
|
|
<div class="grid-container">
|
|
|
|
|
|
|
|
|
|
<div class="grid-25">
|
|
|
|
|
<label><input type="checkbox" id="download"> Download</label>
|
|
|
|
|
<label><input type="checkbox" id="stream"> Stream</label>
|
|
|
|
|
<label><input type="checkbox" id="worker"> Worker thread</label>
|
|
|
|
|
<label><input type="checkbox" id="header"> Header row</label>
|
|
|
|
|
<label><input type="checkbox" id="dynamicTyping"> Dynamic typing</label>
|
|
|
|
|
<label>Preview: <input type="number" min="0" max="1000" placeholder="default" id="preview"></label>
|
|
|
|
|
<label>Encoding: <input type="text" id="encoding" placeholder="default" size="10"></label>
|
|
|
|
|
<label>Comment char: <input type="text" size="5" maxlength="1" placeholder="default" id="comments"></label>
|
|
|
|
|
<label>Delimiter: <input type="text" size="5" maxlength="1" placeholder="auto" id="delimiter"> <a href="javascript:" id="insert-tab">tab</a></label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="grid-75 text-center">
|
|
|
|
|
|
|
|
|
|
<textarea id="input" placeholder="Input">Column 1,Column 2,Column 3,Column 4
|
|
|
|
|
1-1,1-2,1-3,1-4
|
|
|
|
|
2-1,2-2,2-3,2-4
|
|
|
|
|
3-1,3-2,3-3,3-4,
|
|
|
|
|
4,5,6,7</textarea>
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
<b>or</b>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<input type="file" id="files" multiple>
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
<button id="submit">Parse</button>
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
<i>Open the Console in your browser's inspector tools to see results.</i>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
