Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
records.html 6.68 KB
Newer Older
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
1 
<!doctype html>
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
2
3 
<html>
    <head>
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
4
5
6
7
8 
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
        <style>
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
9
10
11 
            body {
                background-color: #f0f0f0;
            }
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
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 
            p {
                font-weight:300;
            }
            a,a:hover {
                text-decoration:none !important;
                color:#626976;
            }
            .content {
                padding:3rem 0;
            }
            .container {
                color:#626976;
                position: relative;
            }

            h2 {
                font-size:20px;
            }
            .custom-table {
                min-width:900px;
            }
            .custom-table thead tr,.custom-table thead th {
                padding-bottom:30px;
                color:#000;
            }
            .custom-table tbody th,.custom-table tbody td {
                color:#777;
                font-weight:400;
                padding-bottom:20px;
                padding-top:20px;
                font-weight:300;
                border:none;
            }
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
45 
            .yellow {
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
46 
                color: rgb(255, 162, 0);
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
47
48
49
50
51
52
53 
            }
            .blue {
                color: rgb(75, 107, 251);
            }
            .purple {
                color: rgb(242, 40, 242);
            }
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
54
55 
        </style>
        <title>Gacha Records</title>
mingjun97's avatar
Utils for gacha history record subsystem    
mingjun97 committed
56
57
58 
        <!-- This file could be generated automatically using `java -jar grasscutter.jar -gachamap` -->
        <!-- You can also modify the file manually to customize it -->
        <!-- Otherwise you may onle see number IDs in the gacha record -->
Benjamin Elsdon's avatar
Removed GCStatic. Cleaned up GachaRecordHandler.    
Benjamin Elsdon committed
59 
        <script type="text/javascript" src="/gacha/mappings"></script>
mingjun97's avatar
Utils for gacha history record subsystem    
mingjun97 committed
60 
        <script>
Hotaru's avatar
Move gacha files to separate directory and refactor file serving    
Hotaru committed
61 
            records = {{REPLACE_RECORDS}};
Hotaru's avatar
Fix broken time formatting on gacha records    
Hotaru committed
62
63 
            maxPage = {{REPLACE_MAXPAGE}};
mingjun97's avatar
Utils for gacha history record subsystem    
mingjun97 committed
64 
            mappings['default'] = mappings['en-us']; // make en-us as default/fallback option
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
65
66 
        </script>
    </head>
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
67 
    <body>
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
68 
        <div class="content">
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
69
70
71
72 
            <div class="container">
                <h2 class="mb-5">Gacha Records</h2>
                <table id="container" class="table table-striped custom-table">
                    <thead>
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
73 
                        <tr>
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
74
75 
                            <th scope="col">Date</th>
                            <th scope="col">Item</th>
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
76 
                        </tr>
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
77
78 
                    </thead>
                    <tbody>
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
79
80 
                    </tbody>
                </table>
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
81 
                <div class="navbar">
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
82 
                    <a href="" id="prev">&lt;&lt;&lt;</a>
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
83 
                    <span id="curpage">1</span>
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
84 
                    <a href="" id="next">&gt;&gt;&gt;</a>
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
85 
                </div>
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
86
87 
            </div>
        </div>
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
88
89
90
91
92
93 
        <footer>
            <div class="copyright">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <span>
Melledy's avatar
Remove link to personal site    
Melledy committed
94 
                                Template by BecodReyes. All rights reserved.
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111 
                            </span>
                        </div>
                        <div class="col-md-6">
                            <ul style="float:right">
                                <li class="list-inline-item">
                                    <a href="https://github.com/Grasscutters/Grasscutter">Github</a>
                                </li>
                                <li class="list-inline-item">·</li>
                                <li class="list-inline-item">
                                    <a href="https://github.com/Grasscutters/Grasscutter/blob/stable/LICENSE">License</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
112
113 

        <script>
Hotaru's avatar
Move gacha files to separate directory and refactor file serving    
Hotaru committed
114
115 
            var lang = "{{LANGUAGE}}".toLowerCase();
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131 
            function itemMapper(itemID) {
                if (mappings[lang] != null && mappings[lang][itemID] != null) {
                    var entry = mappings[lang][itemID];
                    if (entry){
                        return "<span class='" + entry[1] + "'>" + entry[0] + "</span>";
                    }
                } else {
                    if (mappings['default'][itemID] != null) {
                        var entry = mappings['default'][itemID];
                        if (entry){
                            return "<span class='" + entry[1] + "'>" + entry[0] + "</span>";
                        }
                    }
                }
                return "<span class='blue'>" + itemID + "</span>";
            }
Hotaru's avatar
Move gacha files to separate directory and refactor file serving    
Hotaru committed
132
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
133
134 
            (function (){
                var container = document.getElementById("container");
Hotaru's avatar
Move gacha files to separate directory and refactor file serving    
Hotaru committed
135 
                records.forEach(element => {
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
136
137 
                    var e = document.createElement("tr");
Hotaru's avatar
Fix broken time formatting on gacha records    
Hotaru committed
138 
                    e.innerHTML= "<td>" + (new Date(element.time).toLocaleString(lang)) + "</td><td>" + itemMapper(element.item) + "</td>";
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
139
140 
                    container.appendChild(e);
                });
Hotaru's avatar
Move gacha files to separate directory and refactor file serving    
Hotaru committed
141
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
142
143 
                // setup pagenation buttons
                var page = parseInt(new window.URLSearchParams(window.location.search).get("p"));
Hotaru's avatar
Move gacha files to separate directory and refactor file serving    
Hotaru committed
144 
                if (!page) {
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162 
                    page = 0;
                }
                document.getElementById("curpage").innerText = page + 1;
                var href = new URL(window.location);
                href.searchParams.set("p", page - 1);
                document.getElementById("prev").href = href.toString();
                href.searchParams.set("p", page + 1);
                document.getElementById("next").href = href.toString();
                if (page <= 0) {
                    document.getElementById("prev").style.display = "none";
                }
                if (page >= maxPage - 1) {
                    document.getElementById("next").style.display = "none";
                }

                // setup gacha type info
                var gachaType = new window.URLSearchParams(window.location.search).get("gachaType");
                if (mappings[lang] != null && mappings[lang][gachaType] != null) {
Hotaru's avatar
Move gacha files to separate directory and refactor file serving    
Hotaru committed
163
164
165 
                    var gachaString = mappings[lang][gachaType];
                } else {
                    var gachaString = mappings['default'][gachaType];
mingjun97's avatar
Implement gacha history record subsystem    
mingjun97 committed
166
167
168
169
170
171
172
173
174 
                    if (gachaString == null) {
                        gachaString = gachaType;
                    }
                }
                document.getElementById("gacha-type").innerText = gachaString;
        })();
        </script>

    </body>
蓝云Reyes's avatar
Update gacha_records.html    
蓝云Reyes committed
175 
</html>