diff --git a/client/components/ui/Btn.vue b/client/components/ui/Btn.vue index b1d8a158..5422c278 100644 --- a/client/components/ui/Btn.vue +++ b/client/components/ui/Btn.vue @@ -32,6 +32,7 @@ export default { default: '' }, paddingX: Number, + paddingY: Number, small: Boolean, loading: Boolean, disabled: Boolean @@ -48,14 +49,17 @@ export default { if (this.small) { list.push('text-sm') if (this.paddingX === undefined) list.push('px-4') - list.push('py-1') + if (this.paddingY === undefined) list.push('py-1') } else { if (this.paddingX === undefined) list.push('px-8') - list.push('py-2') + if (this.paddingY === undefined) list.push('py-2') } if (this.paddingX !== undefined) { list.push(`px-${this.paddingX}`) } + if (this.paddingY !== undefined) { + list.push(`py-${this.paddingY}`) + } if (this.disabled) { list.push('cursor-not-allowed') } diff --git a/client/pages/config/users/_id.vue b/client/pages/config/users/_id/index.vue similarity index 92% rename from client/pages/config/users/_id.vue rename to client/pages/config/users/_id/index.vue index 45758b17..8799de85 100644 --- a/client/pages/config/users/_id.vue +++ b/client/pages/config/users/_id/index.vue @@ -22,7 +22,10 @@
{{ listeningSessions.length }} Listening Sessions
+{{ listeningSessions.length }} Listening Sessions
+Total Time Listened: {{ listeningTimePretty }} @@ -35,7 +38,7 @@
- {{ latestSession.displayTitle }} {{ $dateDistanceFromNow(latestSession.updatedAt) }} for {{ $elapsedPrettyExtended(this.latestSession.timeListening) }} + {{ latestSession.displayTitle }} {{ $dateDistanceFromNow(latestSession.updatedAt) }} for {{ $elapsedPrettyExtended(this.latestSession.timeListening) }}
Nothing read yet...
+Nothing listened to yet...
diff --git a/client/pages/config/users/_id/sessions.vue b/client/pages/config/users/_id/sessions.vue new file mode 100644 index 00000000..ddd4e803 --- /dev/null +++ b/client/pages/config/users/_id/sessions.vue @@ -0,0 +1,146 @@ + +Back to User
+Item | + + +Listening Time | +Last Time | + + +||
---|---|---|---|---|
+ {{ session.displayTitle }} +{{ session.displayAuthor }} + |
+
+ {{ getPlayMethodName(session.playMethod) }} with {{ session.mediaPlayer }} + |
+ + + | +
+ {{ $elapsedPretty(session.timeListening) }} + |
+
+ {{ $secondsToTimestamp(session.currentTime) }} + |
+
+
+
No sessions yet...
+