sudacode/metrics
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update achievements display to attempt solve ios display

Browse Source
This commit is contained in:
lowlighter
2021-03-14 12:14:59 +01:00
parent c0f0363531
commit b4b40cce5a
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
source/templates/classic/partials/achievements.ejs
View File

@@ -15,14 +15,19 @@
<% for (const {title, text, icon, rank, gh = NaN, progress = 0, unlock = null} of plugins.achievements.list) { %> <% for (const {title, text, icon, rank, gh = NaN, progress = 0, unlock = null} of plugins.achievements.list) { %>
<div class="achievement <%= rank === "$" ? "secret" : rank.charAt(0).toLocaleLowerCase() %>"> <div class="achievement <%= rank === "$" ? "secret" : rank.charAt(0).toLocaleLowerCase() %>">
<div class="icon"> <div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" width="44" height="44"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" height="44" width="44">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="50" height="50" class="gauge info"> <defs>
<circle class="gauge-base" r="53" cx="60" cy="60"></circle> <mask id="mask">
<circle class="gauge-base" r="25" cx="28" cy="28" fill="white"></circle>
</mask>
</defs>
<svg xmlns="http://www.w3.org/2000/svg" class="gauge info">
<circle class="gauge-base" r="25" cx="28" cy="28"></circle>
<% if ((progress)||(rank !== "X")) { %> <% if ((progress)||(rank !== "X")) { %>
<circle class="gauge-arc" transform="rotate(-90 60 60)" r="53" cx="60" cy="60" stroke-dasharray="<%= progress * 329 %> 329"></circle> <circle class="gauge-arc" transform="rotate(-90 28 28)" r="25" cx="28" cy="28" stroke-dasharray="<%= progress * 329 %> 329"></circle>
<% } %> <% } %>
</svg> </svg>
<svg width="40" height="40" viewBox="0 0 56 56" x="5" y="5" xmlns="http://www.w3.org/2000/svg"><%- icon %></svg> <svg xmlns="http://www.w3.org/2000/svg" mask="url(#mask)"><%- icon %></svg>
</svg> </svg>
</div> </div>
<div class="info"> <div class="info">

3
source/templates/classic/style.css
View File

@@ -894,6 +894,9 @@
font-size: 10px; font-size: 10px;
padding: 0 5px; padding: 0 5px;
} }
.achievement .gauge-base, .achievement .gauge-arc {
stroke-width: 6;
}
/* Fade animation */ /* Fade animation */
.af { .af {