Pony.fm/public/templates/uploader/index.html
2018-07-19 12:59:25 +10:00

40 lines
2.1 KiB
HTML

<div class="uploader">
<div class="dropzone" uploader="userSlug">
<p>Drop files here to begin your upload!</p>
</div>
<p><b>Having issues with our uploader? Click the button below to upload your files.</b></p>
<p><input type="file" name="file" onchange="angular.element(this).scope().fileChanged(this)" ng-model="file" multiple /></p>
<p>Our preferred formats are FLAC, WAV, AIFF, and ALAC (because lossless audio is awesome) but we accept a few others, too. Each file can be up to 200 MB in size.</p>
<p>Tracks must be a <strong>minimum</strong> of 30 seconds long.</p>
<p>Note that you&#39;ll need to publish your tracks after uploading them before they&#39;ll become available to the public.</p>
<p>Contact <a href="mailto:support@pony.fm" target="_blank">Pony.fm Support</a> if you run into any issues!</p>
<ul class="uploads">
<li ng-repeat="upload in data.queue track by $index" ng-class="{'uploading': upload.isUploading, 'has-error': upload.error != null, 'is-processing': upload.isProcessing || (upload.progress >= 100 && upload.error == null)}" ng-animate="'upload-queue'">
<p>
<span ng-show="!upload.success">
<strong ng-show="upload.isUploading && upload.error == null && upload.progress < 100">Uploading&hellip;</strong>
<strong ng-show="upload.isProcessing || (upload.isUploading && upload.progress >= 100)">Processing&hellip;</strong>
<strong ng-show="upload.error != null">Error</strong>
{{::upload.name}} -
<strong ng-show="upload.error != null">{{upload.error}}</strong>
</span>
<span ng-show="upload.success">
<a ui-sref="content.artist.account.tracks.edit({slug: userSlug, track_id: upload.trackId})" class="btn btn-sm btn-primary">
Publish
</a>
{{upload.name}}
</span>
</p>
<div class="bar" pfm-progress-bar="upload.progress"></div>
</li>
</ul>
</div>