Pony.fm/public/templates/uploader/index.html

41 lines
2.1 KiB
HTML
Raw Normal View History

<div class="uploader">
<div class="dropzone" uploader="userSlug">
2015-10-25 03:35:37 +01:00
<p>Drop files here to begin your upload!</p>
</div>
2016-05-02 02:45:29 +02:00
<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>
2013-09-01 11:17:53 +02:00
2015-10-25 03:35:37 +01:00
<p>Tracks must be a <strong>minimum</strong> of 30 seconds long.</p>
2013-09-01 11:17:53 +02:00
<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:feld0@pony.fm">feld0@pony.fm</a> if you run into any issues!</p>
2013-09-01 11:17:53 +02:00
2015-10-25 03:35:37 +01:00
<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'">
2015-10-25 03:35:37 +01:00
<p>
2015-10-25 03:35:37 +01:00
<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>
2015-10-25 03:35:37 +01:00
<strong ng-show="upload.error != null">Error</strong>
{{::upload.name}} -
2015-10-25 03:35:37 +01:00
<strong ng-show="upload.error != null">{{upload.error}}</strong>
</span>
2015-10-25 03:35:37 +01:00
<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">
2015-10-25 03:35:37 +01:00
Publish
</a>
{{upload.name}}
</span>
</p>
<div class="bar" pfm-progress-bar="upload.progress"></div>
</li>
</ul>
</div>