-
Notifications
You must be signed in to change notification settings - Fork 0
/
score.html
122 lines (122 loc) · 5.79 KB
/
score.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
<!DOCTYPE html>
<html>
<head>
<title>Swore</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="//cdnjs.cloudflare.com/ajax/libs/tocas-ui/2.3.3/tocas.css" rel="stylesheet">
<link href="//cdn.rawgit.com/gnehs/Tocas-UI-Xiaoan/master/css/UIKit.css" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
<link href="./css/ripple.min.css" rel="stylesheet">
<link href="./icon/Swore.png" rel="shortcut icon">
<script src="//unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="//unpkg.com/axios/dist/axios.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/trianglify/1.2.0/trianglify.min.js"></script>
<script src="//xiaoan.tocas-ui.com/ts.xiaoan.min.js"></script>
<script src="./js/ripple.min.js"></script>
<script src="./js/script.js"></script>
<meta name="description" content="這是個能夠美觀地呈現成績資料的可愛網站">
<meta name="image" content="https://twscore.ml/og.png">
<meta itemprop="name" content="Swore">
<meta itemprop="description" content="這是個能夠美觀地呈現成績資料的可愛網站">
<meta itemprop="image" content="https://twscore.ml/og.png">
<meta name="og:title" content="Swore">
<meta name="og:description" content="這是個能夠美觀地呈現成績資料的可愛網站">
<meta name="og:image" content="https://twscore.ml/og.png">
<meta name="og:site_name" content="Swore">
<meta name="og:locale" content="zh_TW">
<meta name="og:type" content="website">
</head>
<body>
<header class="ts heading vertically padded fluid slate">
<div class="image">
<script>headerImg()</script>
</div>
<div class="ts container">
<h1 class="ts center aligned header fadeIn">Swore</h1>
</div>
</header>
<div class="ts basic fluid borderless menu horizontally inverted scrollable" id="nav">
<div class="ts container"><a class="item" href="index.html">首頁</a><a class="item" href="score.html">成績</a>
<div class="right fitted item"><a class="item" href="login.html">登入</a></div>
</div>
</div>
<div class="ts active inverted dimmer" id="loader">
<div class="ts indeterminate text loader">hen 忙</div>
</div>
<div class="ts container fadeIn">
<h3 class="ts header">基本資料
<div class="sub header">確定資料是不是你的(?</div>
</h3>
<div class="ts stackable three cards">
<div class="ts card">
<div class="content">
<div class="header">學號</div>
<div class="description" data-student="studentId"></div>
</div>
<div class="symbol"><i class="icon qrcode"></i></div>
</div>
<div class="ts card">
<div class="content">
<div class="header">姓名</div>
<div class="description" data-student="name"></div>
</div>
<div class="symbol"><i class="icon user"></i></div>
</div>
<div class="ts card">
<div class="content">
<div class="header">班級</div>
<div class="description" data-student="class"></div>
</div>
<div class="symbol"><i class="icon student"></i></div>
</div>
</div><br>
<details class="ts accordion">
<summary><i class="dropdown icon"></i> 篩選器</summary>
<div class="content">
<h5 class="ts header">分類</h5>
<div class="ts separated primary compact labeled icon buttons" id="scoreSelections">
<div class="ts button"><i class="icon"> </i>成績
</div>
<div class="ts button"><i class="icon"> </i>平均
</div>
<div class="ts button"><i class="icon"> </i>排名
</div>
<div class="ts button"><i class="icon"> </i>類組排
</div>
<div class="ts button"><i class="icon"> </i>校排
</div>
</div>
<h5 class="ts header">考試</h5>
<div class="ts separated primary compact labeled icon buttons" id="examSelections"></div>
<h5 class="ts header">科目</h5>
<div class="ts separated primary compact labeled icon buttons" id="subjectSelections"></div><br>
</div>
</details>
<h3 class="ts header">成績
<div class="sub header">若無法看見完整內容可利用 <kbd>Shift+滾輪</kbd> 或是手指來移動</div>
</h3><br>
<div class="gs scroll">
<table class="ts definition compact striped celled table" id="score"></table>
</div><br>
</div>
<script src="./js/JsonToTable.js"></script>
<script src="./js/data.json"></script>
<script src="./js/score.js"></script>
<footer class="ts fluid slate">
<div class="image">
<script>headerImg()</script>
</div>
<div class="ts container">
<div class="ts grid">
<div class="stretched column"><img class="ts tiny image" src="https://avatars2.githubusercontent.com/u/35896048?s=400"></div>
<div class="column">
<p>EarlySpringCommitee 2018 ( ・ิϖ・ิ)</p><a class="ts compact basic inverted button" href="https://github.com/TWScore/Swore">GitHub</a>
</div>
</div>
</div>
</footer>
</body>
</html>