style

main/views/torrent-list.js

@@ -4,61 +4,64 @@ var h = require('virtual-dom/h')
 var prettyBytes = require('pretty-bytes')
 
 function TorrentList (state, dispatch) {
-  var list = state.view.client.torrents.map(function (torrent) {
+  return h('.torrent-list', getList())
-    var style = {}
-    if (torrent.posterURL) {
-      style['background-image'] = 'linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url("' + torrent.posterURL + '")'
-    }
-    return h('.torrent', {
-      style: style
-    }, [
-      h('.metadata', [
-        h('.name.ellipsis', torrent.name || 'Loading torrent...'),
-        h('.status', [
-          h('span.progress', Math.floor(100 * torrent.progress) + '%'),
-          (function () {
-            if (torrent.ready && torrent.files.length > 1) {
-              return h('span.files', torrent.files.length + ' files')
-            }
-          })(),
-          h('span', torrent.numPeers + ' ' + (torrent.numPeers === 1 ? 'peer' : 'peers')),
-          h('span', prettyBytes(torrent.downloadSpeed) + '/s'),
-          h('span', prettyBytes(torrent.uploadSpeed) + '/s')
-        ])
-      ]),
-      h('i.btn.icon.play', {
-        className: !torrent.ready ? 'disabled' : '',
-        onclick: openPlayer
-      }, 'play_arrow'),
-      (function () {
-        if (state.view.chromecast) {
-          return h('i.btn.icon.chromecast', {
-            className: !torrent.ready ? 'disabled' : '',
-            onclick: openChromecast
-          }, 'cast')
-        }
-      })(),
-      (function () {
-        if (state.view.airplay) {
-          return h('i.btn.icon.airplay', {
-            className: !torrent.ready ? 'disabled' : '',
-            onclick: openAirplay
-          }, 'airplay')
-        }
-      })()
-    ])
 
-    function openPlayer () {
+  function getList () {
-      dispatch('openPlayer', torrent)
+    return state.view.client.torrents.map(function (torrent) {
-    }
+      var style = {}
+      if (torrent.posterURL) {
+        style['background-image'] = 'linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url("' + torrent.posterURL + '")'
+      }
+      return h('.torrent', {
+        style: style
+      }, [
+        h('.metadata', [
+          h('.name.ellipsis', torrent.name || 'Loading torrent...'),
+          h('.status', [
+            h('span.progress', Math.floor(100 * torrent.progress) + '%'),
+            (function () {
+              if (torrent.ready && torrent.files.length > 1) {
+                return h('span.files', torrent.files.length + ' files')
+              }
+            })(),
+            h('span', torrent.numPeers + ' ' + (torrent.numPeers === 1 ? 'peer' : 'peers')),
+            h('span', prettyBytes(torrent.downloadSpeed) + '/s'),
+            h('span', prettyBytes(torrent.uploadSpeed) + '/s')
+          ])
+        ]),
+        h('i.btn.icon.play', {
+          className: !torrent.ready ? 'disabled' : '',
+          onclick: openPlayer
+        }, 'play_arrow'),
+        (function () {
+          if (state.view.chromecast) {
+            return h('i.btn.icon.chromecast', {
+              className: !torrent.ready ? 'disabled' : '',
+              onclick: openChromecast
+            }, 'cast')
+          }
+        })(),
+        (function () {
+          if (state.view.airplay) {
+            return h('i.btn.icon.airplay', {
+              className: !torrent.ready ? 'disabled' : '',
+              onclick: openAirplay
+            }, 'airplay')
+          }
+        })()
+      ])
 
-    function openChromecast () {
+      function openPlayer () {
-      dispatch('openChromecast', torrent)
+        dispatch('openPlayer', torrent)
-    }
+      }
 
-    function openAirplay () {
+      function openChromecast () {
-      dispatch('openAirplay', torrent)
+        dispatch('openChromecast', torrent)
-    }
+      }
-  })
+
-  return h('.torrent-list', list)
+      function openAirplay () {
+        dispatch('openAirplay', torrent)
+      }
+    })
+  }
 }