<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'll need to publish your tracks after uploading them before they'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…</strong> <strong ng-show="upload.isProcessing || (upload.isUploading && upload.progress >= 100)">Processing…</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>