LogalDeveloper/owncast
0
Fork 0
Code Activity

Show warnings even when offline

Browse Source
This commit is contained in:
Gabe Kangas
2020-11-07 23:00:02 -08:00
parent 20d0596233
commit eaafe57bb3
2 changed files with 62 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/pages/hardware-info.tsx
View File

@@ -1,8 +1,8 @@
/* eslint-disable no-array-constructor */ /* eslint-disable no-array-constructor */
import React, { useState, useEffect } from 'react'; import { BulbOutlined, LaptopOutlined, SaveOutlined } from "@ant-design/icons";
import { Row } from "antd"; import { Row } from "antd";
import {LaptopOutlined, BulbOutlined, SaveOutlined} from "@ant-design/icons" import React, { useEffect, useState } from 'react';
import { HARDWARE_STATS, fetchData, FETCH_INTERVAL } from '../utils/apis'; import { fetchData, FETCH_INTERVAL, HARDWARE_STATS } from '../utils/apis';
import Chart from './components/chart'; import Chart from './components/chart';
import StatisticItem from "./components/statistic"; import StatisticItem from "./components/statistic";

112
web/pages/index.tsx
View File

@@ -21,65 +21,14 @@ import {
LOGS_WARN, LOGS_WARN,
fetchData, fetchData,
FETCH_INTERVAL, FETCH_INTERVAL,
LOGS_ALL,
} from "../utils/apis"; } from "../utils/apis";
import { formatIPAddress, isEmptyObject } from "../utils/format"; import { formatIPAddress, isEmptyObject } from "../utils/format";
import OwncastLogo from "./components/logo" import OwncastLogo from "./components/logo"
const { Title } = Typography; const { Title } = Typography;
function Offline() {
const data = [
{
title: "Send some test content",
content: (
<div>
With any video you have around you can pass it to the test script and start streaming it.
<blockquote>
<em>./test/ocTestStream.sh yourVideo.mp4</em>
</blockquote>
</div>
),
},
{
title: "Use your broadcasting software",
content: (
<div>
<a href="https://owncast.online/docs/broadcasting/">Learn how to point your existing software to your new server and start streaming your content.</a>
</div>
)
},
{
title: "Something else",
},
];
return (
<div>
<Result
icon={<OwncastLogo />}
title="No stream is active."
subTitle="You should start one."
/>
<List
grid={{
gutter: 16,
xs: 1,
sm: 2,
md: 4,
lg: 4,
xl: 6,
xxl: 3,
}}
dataSource={data}
renderItem={(item) => (
<List.Item>
<Card title={item.title}>{item.content}</Card>
</List.Item>
)}
/>
</div>
);
}
export default function Stats() { export default function Stats() {
const context = useContext(ServerStatusContext); const context = useContext(ServerStatusContext);
@@ -153,6 +102,9 @@ export default function Stats() {
); );
} }
const logTable = logs.length > 0 ? <LogTable logs={logs} pageSize={5} /> : null
console.log(logs)
if (!broadcaster) { if (!broadcaster) {
return <Offline />; return <Offline />;
} }
@@ -181,7 +133,6 @@ export default function Stats() {
); );
}); });
const logTable = logs.length > 0 ? <LogTable logs={logs} pageSize={5} /> : null
const { viewerCount, sessionMaxViewerCount } = stats; const { viewerCount, sessionMaxViewerCount } = stats;
const streamVideoDetailString = `${streamDetails.videoCodec} ${streamDetails.videoBitrate} kbps ${streamDetails.width}x${streamDetails.height}`; const streamVideoDetailString = `${streamDetails.videoCodec} ${streamDetails.videoBitrate} kbps ${streamDetails.width}x${streamDetails.height}`;
const streamAudioDetailString = `${streamDetails.audioCodec} ${streamDetails.audioBitrate} kpbs`; const streamAudioDetailString = `${streamDetails.audioCodec} ${streamDetails.audioBitrate} kpbs`;
@@ -246,4 +197,59 @@ export default function Stats() {
{logTable} {logTable}
</div> </div>
); );
function Offline() {
const data = [
{
title: "Send some test content",
content: (
<div>
With any video you have around you can pass it to the test script and start streaming it.
<blockquote>
<em>./test/ocTestStream.sh yourVideo.mp4</em>
</blockquote>
</div>
),
},
{
title: "Use your broadcasting software",
content: (
<div>
<a href="https://owncast.online/docs/broadcasting/">Learn how to point your existing software to your new server and start streaming your content.</a>
</div>
)
},
{
title: "Something else",
},
];
return (
<div>
<Result
icon={<OwncastLogo />}
title="No stream is active."
subTitle="You should start one."
/>
<List
grid={{
gutter: 16,
xs: 1,
sm: 2,
md: 4,
lg: 4,
xl: 6,
xxl: 3,
}}
dataSource={data}
renderItem={(item) => (
<List.Item>
<Card title={item.title}>{item.content}</Card>
</List.Item>
)}
/>
{logTable}
</div>
);
}
} }