DebaucheryLibrarian
/
traxxx-web
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: DebaucheryLibrarian:1e4bcb9e02bfc53fbb7050305c02757cb34b6322
Branches Tags
DebaucheryLibrarian:main
..
compare: DebaucheryLibrarian:709c549d41094452fae469e2a3ce1e6c0cc5120d
Branches Tags
DebaucheryLibrarian:main

No commits in common. "1e4bcb9e02bfc53fbb7050305c02757cb34b6322" and "709c549d41094452fae469e2a3ce1e6c0cc5120d" have entirely different histories.
1e4bcb9e02 ... 709c549d41

3 changed files with 16 additions and 37 deletions
Show Stats Expand all files Collapse all files

4
package-lock.json generated
View File

@ -1,11 +1,11 @@
{ {
"name": "traxxx-web", "name": "traxxx-web",
"version": "0.11.1", "version": "0.11.0",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"version": "0.11.1", "version": "0.11.0",
"dependencies": { "dependencies": {
"@brillout/json-serializer": "^0.5.8", "@brillout/json-serializer": "^0.5.8",
"@dicebear/collection": "^7.0.5", "@dicebear/collection": "^7.0.5",

2
package.json
View File

@ -70,5 +70,5 @@
"postcss-custom-media": "^10.0.2", "postcss-custom-media": "^10.0.2",
"postcss-nesting": "^12.0.2" "postcss-nesting": "^12.0.2"
}, },
"version": "0.11.1" "version": "0.11.0"
} }

47
pages/users/@username/+Page.vue
View File

@ -15,11 +15,11 @@
v-for="stash in profile.stashes" v-for="stash in profile.stashes"
:key="`stash-${stash.id}`" :key="`stash-${stash.id}`"
> >
<div class="stash"> <a
<a :href="`/stash/${profile.username}/${stash.slug}`"
:href="`/stash/${profile.username}/${stash.slug}`" class="stash nolink"
class="stash-name nolink" >
> <div class="stash-name">
{{ stash.name }} {{ stash.name }}
<Icon <Icon
@ -27,25 +27,14 @@
icon="heart7" icon="heart7"
class="primary" class="primary"
/> />
</a> </div>
<div class="stash-counts"> <div class="stash-counts">
<a <div class="stash-count"><Icon icon="clapboard-play" />{{ abbreviateNumber(stash.stashedScenes) }}</div>
:href="`/stash/${profile.username}/${stash.slug}/scenes`" <div class="stash-count"><Icon icon="movie" />{{ abbreviateNumber(stash.stashedMovies) }}</div>
class="stash-count nolink" <div class="stash-count"><Icon icon="star" />{{ abbreviateNumber(stash.stashedActors) }}</div>
><Icon icon="clapboard-play" />{{ abbreviateNumber(stash.stashedScenes) }}</a>
<a
:href="`/stash/${profile.username}/${stash.slug}/actors`"
class="stash-count nolink"
><Icon icon="star" />{{ abbreviateNumber(stash.stashedActors) }}</a>
<a
:href="`/stash/${profile.username}/${stash.slug}/movies`"
class="stash-count nolink"
><Icon icon="movie" />{{ abbreviateNumber(stash.stashedMovies) }}</a>
</div> </div>
</div> </a>
</li> </li>
</ul> </ul>
</div> </div>
@ -60,6 +49,8 @@ const profile = pageContext.pageProps.profile;
function abbreviateNumber(number) { function abbreviateNumber(number) {
return number?.toLocaleString('en-US', { notation: 'compact' }) || 0; return number?.toLocaleString('en-US', { notation: 'compact' }) || 0;
} }
console.log(profile.stashes);
</script> </script>
<style scoped> <style scoped>
@ -101,14 +92,11 @@ function abbreviateNumber(number) {
.stash-name { .stash-name {
display: flex; display: flex;
justify-content: space-between;
padding: .5rem; padding: .5rem;
border-bottom: solid 1px var(--shadow-weak-30); border-bottom: solid 1px var(--shadow-weak-30);
font-weight: bold; font-weight: bold;
.icon {
margin-left: .75rem;
}
.icon.primary { .icon.primary {
fill: var(--primary); fill: var(--primary);
} }
@ -123,20 +111,11 @@ function abbreviateNumber(number) {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
padding: .5rem; padding: .5rem;
flex-grow: 1;
font-size: .9rem; font-size: .9rem;
.icon { .icon {
margin-right: .5rem; margin-right: .5rem;
fill: var(--shadow); fill: var(--shadow);
} }
&:hover {
color: var(--primary);
.icon {
fill: var(--primary);
}
}
} }
</style> </style>