-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·125 lines (98 loc) · 5.44 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="assets/img/favicon.png">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- AutoComplete css -->
<link rel="stylesheet" href="assets/css/autoComplete.min.css">
<!-- main css -->
<link rel="stylesheet" href="assets/css/main.css">
<title>Ersodli</title>
</head>
<body>
<div class="container">
<header class="header">
</header>
<div class="body m-3" align="center">
<h1 id="title">Upload Excel File (xlsx only*) from Ibn al-Haytham System,
</br></br> Make sure the header has الاسم ,الكود
</h1>
<form enctype="multipart/form-data">
<input id="upload" class="mt-5" type=file name="files[]" accept=".xls,.xlsx">
</form>
<div id="col_name_input" class="form-group px-5 mt-5" style="display: none;">
<label for="input">Column name:</label>
<input class="form-control" id="col_name">
<button type="button" class="btn btn-primary mt-3" onclick="showControls()">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-arrow-right-circle-fill" viewBox="0 0 16 16">
<path
d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z">
</path>
</svg>
Next
</button>
</div>
<div id="controls" style="display: none;">
<!-- <textarea class="form-control" rows=35 cols=120 id="xlx_json"></textarea> -->
<div class="selection mt-4"></div>
<div class="autoComplete_wrapper m-3">
<input id="autoComplete" type="text" tabindex="1">
</div>
<div class="mode mt-3">
<h4>Search Mode</h4>
<div class="toggle">
<div class="toggler">Strict</div>
</div>
</div>
<div class="form-group px-5 mt-3">
<label for="input" id="label_col"></label>
<input class="form-control" tabindex="2" id="input">
</div>
<button type="button" class="btn btn-primary m-3" onclick="Save()" id="savebtn" disabled>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-save" viewBox="0 0 16 16">
<path
d="M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9.5a1 1 0 0 0-1 1v7.293l2.646-2.647a.5.5 0 0 1 .708.708l-3.5 3.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L7.5 9.293V2a2 2 0 0 1 2-2H14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h2.5a.5.5 0 0 1 0 1H2z">
</path>
</svg>
Save Score
</button>
<button type="button" class="btn btn-success m-3" onclick="ExportData()" id="exportbtn" disabled>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-cloud-arrow-down-fill" viewBox="0 0 16 16">
<path
d="M8 2a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13h8.906C14.502 13 16 11.57 16 9.773c0-1.636-1.242-2.969-2.834-3.194C12.923 3.999 10.69 2 8 2zm2.354 6.854-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 9.293V5.5a.5.5 0 0 1 1 0v3.793l1.146-1.147a.5.5 0 0 1 .708.708z" />
</svg>
Export File
</button>
<button type="button" class="btn btn-danger m-3" onclick="back()" id="backbtn" disabled>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-arrow-return-left" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z">
</path>
</svg>
Back
</button>
</div>
</div>
</div>
<!-- jQuery -->
<script type="text/javascript" src="assets/js/jquery-3.3.1.slim.min.js"></script>
<!-- AutoComplete.js -->
<script type="text/javascript" src="assets/js/autoComplete.min.js"></script>
<!-- Sheetjs -->
<script type="text/javascript" src="assets/js/xlsx.full.min.js"></script>
<!-- Main.js -->
<script type="text/javascript" src="assets/js/main.js"></script>
<!-- Optional JavaScript -->
<!-- Popper.js, then Bootstrap JS -->
<script type="text/javascript" src="assets/js/popper.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
</body>
</html>