@mundogamernetwork/shared-ui 1.16.13 → 1.16.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -125,27 +125,38 @@ const handleToggleOnline = () => {
|
|
|
125
125
|
<img v-else :src="user.avatar_url" width="40" height="40" class="avatar-img" />
|
|
126
126
|
</div>
|
|
127
127
|
|
|
128
|
-
<div v-if="hasStats" class="col p-0 d-flex align-items-center stats">
|
|
129
|
-
<div v-if="hasFollowingCount" class="col-6 p-0">
|
|
130
|
-
<span class="stat-value">{{ user?.following_count ?? 0 }}</span>
|
|
131
|
-
<span class="stat-label">{{ $t("account_menu.following") }}</span>
|
|
132
|
-
</div>
|
|
133
|
-
<div v-if="hasFollowersCount" class="col-6 p-0">
|
|
134
|
-
<span class="stat-value">{{ user?.followers_count ?? 0 }}</span>
|
|
135
|
-
<span class="stat-label">{{ $t("account_menu.followers") }}</span>
|
|
136
|
-
</div>
|
|
137
|
-
</div>
|
|
138
|
-
|
|
139
128
|
<!--
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
129
|
+
Optional. A host with its own identity content to show
|
|
130
|
+
beside the avatar (e.g. jobs-frontend's role + plan, which
|
|
131
|
+
is more useful at a glance than a raw follow count) can
|
|
132
|
+
fill this to fully replace the default stats-or-username
|
|
133
|
+
block below. Hosts that don't fill it get the exact same
|
|
134
|
+
default they always had — this slot changes nothing for
|
|
135
|
+
them.
|
|
145
136
|
-->
|
|
146
|
-
<
|
|
147
|
-
<
|
|
148
|
-
|
|
137
|
+
<slot name="identity" :has-stats="hasStats" :has-following-count="hasFollowingCount" :has-followers-count="hasFollowersCount">
|
|
138
|
+
<div v-if="hasStats" class="col p-0 d-flex align-items-center stats">
|
|
139
|
+
<div v-if="hasFollowingCount" class="col-6 p-0">
|
|
140
|
+
<span class="stat-value">{{ user?.following_count ?? 0 }}</span>
|
|
141
|
+
<span class="stat-label">{{ $t("account_menu.following") }}</span>
|
|
142
|
+
</div>
|
|
143
|
+
<div v-if="hasFollowersCount" class="col-6 p-0">
|
|
144
|
+
<span class="stat-value">{{ user?.followers_count ?? 0 }}</span>
|
|
145
|
+
<span class="stat-label">{{ $t("account_menu.followers") }}</span>
|
|
146
|
+
</div>
|
|
147
|
+
</div>
|
|
148
|
+
|
|
149
|
+
<!--
|
|
150
|
+
No following/followers concept on this host (e.g.
|
|
151
|
+
agency, token, club — nothing plausible found for
|
|
152
|
+
either count) — rather than leave this space reserved
|
|
153
|
+
and blank next to the avatar, show the username here
|
|
154
|
+
instead of in its own row below.
|
|
155
|
+
-->
|
|
156
|
+
<div v-else class="col p-0 d-flex align-items-center">
|
|
157
|
+
<span class="username username--inline">{{ user?.nickname || user?.name }}</span>
|
|
158
|
+
</div>
|
|
159
|
+
</slot>
|
|
149
160
|
</div>
|
|
150
161
|
|
|
151
162
|
<div v-if="hasStats" class="row info-row">
|
|
@@ -156,7 +156,7 @@ onMounted(async () => {
|
|
|
156
156
|
<span class="mg-xp-bar__badge">{{ level.current_level }}</span>
|
|
157
157
|
|
|
158
158
|
<div class="mg-xp-bar__meta">
|
|
159
|
-
<span v-if="
|
|
159
|
+
<span v-if="level.title" class="mg-xp-bar__title">{{ level.title }}</span>
|
|
160
160
|
<span class="mg-xp-bar__xp">{{ level.current_level_xp }} / {{ level.next_level_xp }} XP</span>
|
|
161
161
|
</div>
|
|
162
162
|
|