LogalDeveloper/owncast
0
Fork 0
Code Activity

Remove moment js and use standard library date from javascript

Browse Source
This commit is contained in:
Ahmad Karlam
2020-10-04 09:01:46 +07:00
parent 63a757ef23
commit d27d4a798f
2 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
webroot/index.html
View File

@@ -35,9 +35,6 @@
<script src="//unpkg.com/showdown/dist/showdown.min.js" defer></script> <script src="//unpkg.com/showdown/dist/showdown.min.js" defer></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@0.6.2/lite-youtube.js" defer></script> <script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@0.6.2/lite-youtube.js" defer></script>
<!-- moment js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.0/moment.min.js" integrity="sha512-Izh34nqeeR7/nwthfeE0SI3c8uhFSnqxV0sI9TvTcXiFJkMd6fB644O64BRq2P/LA/+7eRvCw4GmLsXksyTHBg==" crossorigin="anonymous"></script>
<link href="./styles/video.css" rel="stylesheet" /> <link href="./styles/video.css" rel="stylesheet" />
<link href="./styles/chat.css" rel="stylesheet" /> <link href="./styles/chat.css" rel="stylesheet" />
<link href="./styles/user-content.css" rel="stylesheet" /> <link href="./styles/user-content.css" rel="stylesheet" />

17
webroot/js/components/chat/message.js
View File

@@ -1,21 +1,23 @@
import { h, Component } from 'https://unpkg.com/preact?module'; import {Component, h} from 'https://unpkg.com/preact?module';
import htm from 'https://unpkg.com/htm?module'; import htm from 'https://unpkg.com/htm?module';
const html = htm.bind(h);
import {messageBubbleColorForString} from '../../utils/user-colors.js'; import {messageBubbleColorForString} from '../../utils/user-colors.js';
import {formatMessageText} from '../../utils/chat.js'; import {formatMessageText} from '../../utils/chat.js';
import {generateAvatar} from '../../utils/helpers.js'; import {generateAvatar} from '../../utils/helpers.js';
import {SOCKET_MESSAGE_TYPES} from '../../utils/websocket.js'; import {SOCKET_MESSAGE_TYPES} from '../../utils/websocket.js';
const html = htm.bind(h);
export default class Message extends Component { export default class Message extends Component {
formatTimestamp(sentAt) { formatTimestamp(sentAt) {
sentAt = moment(sentAt); sentAt = new Date(sentAt);
if (moment().diff(sentAt, 'days') >= 1) { let diffInDays = ((new Date()) - sentAt) / (24 * 3600 * 1000);
return `${sentAt.format('MMM D HH:mm:ss')}` if (diffInDays >= -1) {
return `${sentAt.toLocaleDateString('en-US', {dateStyle: 'medium'})} at ` +
sentAt.toLocaleTimeString();
} }
return sentAt.format("HH:mm:ss"); return sentAt.toLocaleTimeString();
} }
render(props) { render(props) {
@@ -30,7 +32,6 @@ export default class Message extends Component {
const authorColor = messageBubbleColorForString(author); const authorColor = messageBubbleColorForString(author);
const avatarBgColor = { backgroundColor: authorColor }; const avatarBgColor = { backgroundColor: authorColor };
const authorTextColor = { color: authorColor }; const authorTextColor = { color: authorColor };
return ( return (
html` html`
<div class="message flex flex-row items-start p-3"> <div class="message flex flex-row items-start p-3">