forked from halloffame/ynab-csv
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
95 lines (86 loc) · 3.74 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<!-- vim: set tabstop=2 shiftwidth=2 softtabstop=2 expandtab : -->
<html lang="en">
<head>
<title>YNAB CSV Converter</title>
<link rel="icon" type="image/png" href="images/icon16.png" />
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="./app.css" />
<script type="text/javascript" src="lib/coffee-script.js"></script>
<script type="text/javascript" src="lib/papaparse.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js"></script>
<script type="text/coffeescript" src="./data_object.coffee"></script>
<script type="text/coffeescript" src="./app.coffee"></script>
</head>
<body ng-controller='ParseController' ng-class="{angular_loaded: angular_loaded}">
<div id='header_nav' class='show_on_load'>
<div class='container'>
<!-- <h1>YNAB CSV</h1> -->
<div class='pull-right' ng-if='data_object.base_json'>
<!-- <div class='btn btn-default' ng-click='reloadApp()'><i class='fa fa-refresh'></i></div> -->
<div class='btn btn-primary' ng-click='downloadFile()'><i class='fa fa-cloud-download'></i> Save YNAB Data</div>
</div>
<a href='https://github.com/halloffame/ynab-csv' target='_blank' class='btn btn-default'><i class='fa fa-github'></i> Fork me on Github</a>
</div>
</div>
<div dropzone='data.source'>
<div class='container show_on_load'>
<br>
<div id='upload_wrapper' ng-if='!data_object.base_json'>
<div id='drop_text'>Drop File</div>
<br>
<!-- <div class='btn btn-primary'>Or Choose</div> -->
<div class='fileUpload btn btn-primary'>
<span>Or Choose <i class='fa fa-folder-open'></i></span>
<input id='file' type='file' fileread='data.source' />
</div>
</div>
<div id='tool_wrapper' ng-if='data_object.base_json'>
<div class="panel panel-default">
<div class="panel-heading"><strong>YNAB Data</strong> <em>(1st 10 rows)</em></div>
<div class='table-container'>
<table class='table'>
<thead>
<tr>
<th ng-repeat='col in ynab_cols'>
{{col}}<br/>
<select ng-model="ynab_map[col]" ng-options="f for f in data_object.fields()"></select>
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat='row in export(100)'>
<td ng-repeat='col in ynab_cols'>
<span>{{row[col]}}</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading"><strong>Source Data</strong> <em>(1st 10 rows)</em></div>
<div class='table-container'>
<table class='table'>
<thead>
<tr>
<th ng-repeat='col in data_object.fields()'>{{col}}</th>
</tr>
</thead>
<tbody>
<tr ng-repeat='row in data_object.rows() | limitTo:100'>
<td ng-repeat='col in data_object.fields()'>{{row[col]}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div id='angular_is_loading'>
<div class='loading_text'><i class="fa fa-spinner fa-spin"></i> Loading...</div>
</div>
</body>
</html>