diff --git a/src/components/SidebarStream.vue b/src/components/SidebarStream.vue
index ba619a0..cc9a16d 100644
--- a/src/components/SidebarStream.vue
+++ b/src/components/SidebarStream.vue
@@ -8,9 +8,12 @@
{{ stream.id }} {{ stream.protocol }}
TTL {{ stream.ttl }}
- {{ dateToText(stream.startTimestamp) }} - {{ dateToText(stream.endTimestamp) }}
+ {{ dateToText(stream.startTimestamp) }}
+
+ - {{ dateToText(stream.endTimestamp) }}
+
UA: {{ stream.userAgentHash }}
-
+
@@ -43,13 +46,36 @@
},
methods: {
dateToText(unixTimestamp) {
- return new Date(unixTimestamp).toLocaleDateString('ru-RU', {
- month: '2-digit',
- day: '2-digit',
+ const date = new Date(unixTimestamp);
+ const options = {
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
- });
+ };
+ if (!this.isToday(date)) {
+ options.month = '2-digit';
+ options.day = '2-digit';
+ return date.toLocaleDateString('ru-RU', options);
+ }
+ return date.toLocaleTimeString('ru-RU', options);
+ },
+
+ isToday(someDate) {
+ const today = new Date();
+ return someDate.getDate() === today.getDate() &&
+ someDate.getMonth() === today.getMonth() &&
+ someDate.getFullYear() === today.getFullYear();
+ },
+
+ dateMatches(rFirst, rSecond) {
+ const first = new Date(rFirst);
+ const second = new Date(rSecond);
+ return first.getDate() === second.getDate() &&
+ first.getMonth() === second.getMonth() &&
+ first.getFullYear() === second.getFullYear() &&
+ first.getHours() === second.getHours() &&
+ first.getMinutes() === second.getMinutes() &&
+ first.getSeconds() === second.getSeconds();
},
toggleFavorite() {