nostr/iris-messenger
1
0
Fork 0
mirror of https://github.com/irislib/iris-messenger.git synced 2024-09-20 01:56:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

torrent active filename layout

Browse Source
This commit is contained in:
Martti Malmi 2021-04-30 15:03:02 +03:00
parent 380963fe94
commit e3a570f7ab
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/css/style.css
View File

@ -419,6 +419,10 @@ header.footer .header-content {
width: 100%;
}
.torrent video {
}
.torrent .details {
background: var(--main-color);
}

12
src/js/components/Torrent.js
View File

@ -34,7 +34,11 @@ class Torrent extends Component {
if (this.state.activeFilePath === file.path) {
return base.find('video, audio').get(0).play();
};
this.setState({activeFilePath: file.path});
let splitPath;
if (!isVideo(file)) {
splitPath = file.path.split('/');
}
this.setState({activeFilePath: file.path, splitPath});
let autoplay, muted;
if (clicked) {
autoplay = true;
@ -78,7 +82,11 @@ class Torrent extends Component {
<a href="" onClick=${e => this.openTorrentClicked(e)}>Show attachment</a>
`:''}
${s.torrenting && !s.torrent ? html`<p>Loading attachment...</p>`:''}
<p class="info">${s.activeFilePath}</p>
<div class="info">
${s.splitPath ? s.splitPath.map(
(str, i) => i === s.splitPath.length - 1 ? html`<p><b>${str}</b></p>` : html`<p>${str}</p>`
):''}
</div>
<div class="player"></div>
<a href=${this.props.torrentId} style="margin-right:7px;">Magnet link</a>
${t && t.files ? html`