eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Add follow count & user ID to user page (#253)

Browse Source 
* Add follows & user ID to user page
Closes #192

* Why did package lock change?

* Change name follows -> followers
This commit is contained in:
Emma
2021-08-23 08:31:44 -04:00
committed by GitHub
parent f1d838de6b
commit e8d2959350
1 changed files with 37 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
pages/user/_id.vue
View File

@@ -29,6 +29,24 @@
</div>
</div>
<div class="card stats">
<div class="stat">
<DownloadIcon />
<div class="info">
<h4>Downloads</h4>
<p class="value">
{{ sumDownloads() }}
</p>
</div>
</div>
<div class="stat">
<HeartIcon />
<div class="info">
<h4>Followers</h4>
<p class="value">
{{ sumFollowers() }}
</p>
</div>
</div>
<div class="stat">
<CalendarIcon />
<div class="info">
@@ -46,12 +64,10 @@
</div>
</div>
<div class="stat">
<DownloadIcon />
<UserIcon />
<div class="info">
<h4>Downloads</h4>
<p class="value">
{{ sumDownloads() }}
</p>
<h4>User ID</h4>
<p class="value">{{ user.id }}</p>
</div>
</div>
</div>
@@ -95,6 +111,8 @@ import MFooter from '~/components/layout/MFooter'
import ReportIcon from '~/assets/images/utils/report.svg?inline'
import CalendarIcon from '~/assets/images/utils/calendar.svg?inline'
import DownloadIcon from '~/assets/images/utils/download.svg?inline'
import HeartIcon from '~/assets/images/utils/heart.svg?inline'
import UserIcon from '~/assets/images/utils/user.svg?inline'
import Advertisement from '~/components/ads/Advertisement'
export default {
@@ -106,6 +124,8 @@ export default {
DownloadIcon,
MFooter,
ReportIcon,
HeartIcon,
UserIcon,
},
async asyncData(data) {
try {
@@ -141,6 +161,15 @@ export default {
sum += mod.downloads
}
return this.formatNumber(sum)
},
sumFollowers() {
let sum = 0
for (const mod of this.mods) {
sum += mod.followers
}
return this.formatNumber(sum)
},
},
@@ -173,7 +202,7 @@ export default {
name: 'description',
content:
this.user.bio +
' - View minecraft mods on Modrinth today! Modrinth is a new and modern Minecraft modding platform that is compatible with CurseForge too!',
' - View Minecraft mods on Modrinth today! Modrinth is a new and modern Minecraft modding platform.',
},
{
hid: 'og:url',
@@ -230,6 +259,8 @@ export default {
display: flex;
flex-wrap: wrap;
.stat {
width: 8.5rem;
margin: 0.5rem;
@extend %stat;
svg {