2017-11-22 00:44:27 +01:00
<div id="asset-display-component">
2017-11-29 19:37:19 +01:00
<div id="asset-status">
2017-11-30 06:06:59 +01:00
<div id="searching-message" hidden="true">
<p>Sit tight, we're searching the LBRY blockchain for your asset!</p>
{{ > progressBar }}
</div>
2017-11-29 19:37:19 +01:00
<div id="failure-message" hidden="true">
<p>Unfortunately, we couldn't download your asset from LBRY. You can help us out by sharing the below error message in the <a class="link--primary" href="https://discord.gg/YjYbwhS" target="_blank">LBRY discord</a>.</p>
<i><p id="error-message"></p></i>
</div>
</div>
<div id="asset-holder" hidden="true">
2017-11-22 00:44:27 +01:00
{{ # if Conditional claimInfo .contentType '===' 'video/mp4' }}
2017-11-28 21:17:22 +01:00
{{ > video }}
2017-11-22 00:44:27 +01:00
{{ else }}
2017-11-28 21:17:22 +01:00
{{ > image }}
2017-11-22 00:44:27 +01:00
{{ / if Conditional }}
2017-11-29 20:21:45 +01:00
<div>
<a id="asset-boilerpate" class="link--primary fine-print" href="/ {{ claimInfo .claimId }} / {{ claimInfo .name }} ">hosted via Spee<h</a>
</div>
2017-11-21 21:53:43 +01:00
</div>
</div>
<script type="text/javascript">
2017-11-30 06:06:59 +01:00
showFunctions.setState('src', '/ {{ claimInfo .claimId }} / {{ claimInfo .name }} . {{ claimInfo .fileExt }} ');
2017-11-30 02:13:49 +01:00
showFunctions.setState('claimName', ' {{ claimInfo .name }} ');
showFunctions.setState('claimId', ' {{ claimInfo .claimId }} ');
showFunctions.setState('fileExt', ' {{ claimInfo .fileExt }} ');
showFunctions.setState('contentType', ' {{ claimInfo .contentType }} ');
console.log(showFunctions.state);
showFunctions.checkClaimAvailability();
2017-11-22 00:44:27 +01:00
2017-11-21 21:53:43 +01:00
</script>