Added Copy Replay URL to clipboard button in replay listings

Author: thecoder75

src/electron/app/index.html

@@ -149,7 +149,7 @@ <h4></h4>
     </main>
     <script id="replays-list-row" type="text/x-handlebars-template">
         <tr data-id="{{vid}}" class="link {{searched}} {{seen}} user-{{userid}}">
-            <td width="400" oncontextmenu="openReplayContextMenu('{{vid}}')" style="cursor: pointer;" onClick="playVideo('{{vid}}')" class="{{highlight}}">{{{watched}}}&nbsp;&nbsp;&nbsp;{{unlisted}}{{{isLive}}}{{title}}</td>
+            <td width="350" oncontextmenu="openReplayContextMenu('{{vid}}')" style="cursor: pointer; overflow: hidden;" onClick="playVideo('{{vid}}')" class="{{highlight}}">{{{watched}}}&nbsp;&nbsp;&nbsp;{{unlisted}}{{{isLive}}}{{title}}</td>
             <td width="130" oncontextmenu="openReplayContextMenu('{{vid}}')" style="cursor: pointer;" onClick="playVideo('{{vid}}')" class="{{highlight}}" align="center" data-name="date">{{ds}}</td>
             <td width="55" oncontextmenu="openReplayContextMenu('{{vid}}')" style="cursor: pointer;" onClick="playVideo('{{vid}}')" class="{{highlight}}" align="right">{{length}}</td>
             <td width="75" oncontextmenu="openReplayContextMenu('{{vid}}')" style="cursor: pointer;" onClick="playVideo('{{vid}}')" class="{{highlight}}" align="right" data-name="views">{{playnumber}}</td>
@@ -158,8 +158,9 @@ <h4></h4>
             <td width="33" oncontextmenu="openReplayContextMenu('{{vid}}')" style="cursor: pointer;" onClick="playVideo('{{vid}}')" class="{{highlight}}" style="color:gray" align="right" data-name="lpm">{{lpm}}</td>
             <td width="75" oncontextmenu="openReplayContextMenu('{{vid}}')" style="cursor: pointer;" onClick="playVideo('{{vid}}')" class="{{highlight}}" align="right" data-name="shares">{{sharenum}}</td>
             <td width="33" oncontextmenu="openReplayContextMenu('{{vid}}')" style="cursor: pointer;" onClick="playVideo('{{vid}}')" class="{{highlight}}" style="color:gray" align="right" data-name="spm">{{spm}}</td>
-            <td width="35" class="{{highlight}}" style="padding: 0 0.5em; text-align: right;">
-                {{{inQueue}}}
+            <td width="85" class="{{highlight}}" style="padding: 0 0.5em; text-align: right;">
+                {{{inQueue}}}&nbsp;&nbsp;
+                {{{getURL}}}
             </td>
             <td width="40" class="{{highlight}}" style="padding: 0 0.5em; text-align: right;">
                 <a class="button " onClick="openReplayContextMenu('{{vid}}')" title="menu">...</a>

src/electron/app/js/index.js

@@ -1152,6 +1152,7 @@ function _addReplayEntry(replay, wasSearched) {
 
     let isLive = replay.hlsvideosource.endsWith('flv') || replay.hlsvideosource.indexOf('liveplay') > 0 ? '<b style="color:limegreen;">[LIVE]</b>' : ''
     let inQueue = $('#download-' + replay.vid).length > 0 ? '<a id="download-replay-' + replay.vid + '" class="button icon-only"><i class="icon icon-download dim"></i></a>' : '<a id="download-replay-' + replay.vid + '" class="button icon-only" onClick="downloadVideo(\'' + replay.vid + '\')"">' + downloaded + '</a>'
+    let getURL = '<a title="Copy Replay URL to clipboard." class="button icon-only" onClick="copyToClipboard(\'https://www.liveme.com/us/v/'+replay.vid+'/index.html\')"><i class="icon icon-copy bright"></i></a>'
 
     const template = Handlebars.compile($('#replays-list-row').html())
 
@@ -1169,6 +1170,7 @@ function _addReplayEntry(replay, wasSearched) {
         vpm: vpm.toFixed(1),
         spm: spm.toFixed(1),
         inQueue,
+        getURL,
         source: replay.videosource || replay.hlsvideosource
     })