| height: '100%', | height: '100%', | ||||
| transform: 'scaleX(-1)', | transform: 'scaleX(-1)', | ||||
| } | } | ||||
| return m('.video-container', {key: username, style: styleOuter}, | |||||
| return m('.video-container', {style: styleOuter}, | |||||
| m('.video-info', {style: {position: 'absolute', zIndex: 999}}, | m('.video-info', {style: {position: 'absolute', zIndex: 999}}, | ||||
| m('span', {style: {padding: '5px'}}, username), | m('span', {style: {padding: '5px'}}, username), | ||||
| ), | ), | ||||
| return m('.videos', {style}, | return m('.videos', {style}, | ||||
| m(Video, {username: State.username}), | m(Video, {username: State.username}), | ||||
| State.online.filter(username => username != State.username) | State.online.filter(username => username != State.username) | ||||
| .map(username => m(Video, {username})) | |||||
| .map(username => m(Video, {key: username, username})) | |||||
| ) | ) | ||||
| }, | }, | ||||
| } | } |