-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (81 loc) · 3.45 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Groupings Maker</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="jquery.csv.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<h2>Groupings Maker</h2>
<div class="main-div">
<a class="title" href="https://www.solveyourtech.com/save-csv-google-sheets/">CSV Input</a>
<div id="file-upload">
<div class="small-buttons">
<input type="file" id="txtFileUpload" accept=".csv" autocomplete="off" onchange="parseFileUpload(this.files[0])">
</div>
<div class="small-buttons">
<button type="button" onclick="example(0)">Example File</button>
</div>
<div class="small-buttons">
<button type="button" onclick="example(1)">Blank File</button>
</div>
</div>
<!-- <textarea id="input" autocomplete="off" data-gramm_editor="false"></textarea> -->
<div class="new-section">
<div class="div-table">
<table id="data-table" onchange="updateFromTable()"></table>
</div>
</div>
<div class="small-buttons" id="div-after-csv">
<div class="small-buttons">
<button type="button" onclick="addRow()">Add Row</button>
</div>
<div class="small-buttons">
<input type="number" id="remove-row" autocomplete="off" min="1"></input>
<button type="button" onclick="removeRow()">Remove Row</button>
</div>
<div class="small-buttons">
<input type="text" id="add-column" autocomplete="off"></button>
<button type="button" onclick="addColumn()">Add Column</button>
</div>
<div class="small-buttons">
<select id="remove-column"></select>
<button type="button" onclick="removeColumn()">Remove Column</button>
</div>
<div class="small-buttons">
<button type="button" onclick="fillConfigDropdown()" style="display:block">Get configuration options</button>
</div>
</div>
</div>
<div class="main-div" id="div-config">
<span class="title">Configuration</span>
<div class="new-section" id="div-options">
<span>Groups to split:</span>
<div style="display: inline;">
<select class="config" id="select-config" onchange="newConfigDropdown(this)">
<option></option>
</select>
</div>
</div>
<div class="small-buttons">
<span>Number of groups:</span>
<input type="number" id="no-of-group" value="8" autocomplete="off" min="1"></input>
</div>
<div class="small-buttons">
<button type="button" onclick="parseGroupings()" style="display:block">Run</button>
</div>
</div>
<div class="main-div" id="div-results">
<span class="title">Result</span>
<div class="div-table">
<table id="csv-table"></table>
</div>
<div class="small-buttons">
<button id="download" type="button" onclick="download('groups.csv', finalcsv)">Download</button>
</div>
</div>
</body>
</html>