mirror of
https://github.com/Poniverse/Pony.fm.git
synced 2024-11-26 23:07:59 +01:00
49 lines
2.3 KiB
HTML
49 lines
2.3 KiB
HTML
|
<form novalidate ng-submit="saveAlbum()">
|
||
|
|
<ul class="toolbar">
|
||
|
|
<li>
|
||
|
|
<button type="submit" class="btn" ng-class="{disabled: (!isDirty && !isNew) || isSaving, 'btn-primary': isDirty || isNew}">
|
||
|
|
<span ng-show="isNew">Create Album</span>
|
||
|
|
<span ng-hide="isNew">Save Changes</span>
|
||
|
|
<i ng-show="isSaving" class="icon-cog icon-spin icon-large"></i>
|
||
|
|
</button>
|
||
|
|
</li>
|
||
|
|
<li class="delete" ng-show="!isNew"><a ng-class="{disabled: isSaving}" class="btn btn-danger" href="#" ng-click="deleteAlbum()" pfm-eat-click>Delete Album</a></li>
|
||
|
|
</ul>
|
||
|
|
<div class="stretch-to-bottom">
|
||
|
|
<div class="form-row" ng-class="{'has-error': errors.title != null}">
|
||
|
|
<label for="title" class="strong">Title:</label>
|
||
|
|
<input ng-disabled="isSaving" ng-change="touchModel()" placeholder="Album Title" type="text" id="title" ng-model="album.title" />
|
||
|
|
<div class="error">{{errors.title}}</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-row">
|
||
|
|
<label for="description" class="strong">Description:</label>
|
||
|
|
<textarea ng-disabled="isSaving" ng-change="touchModel()" placeholder="Description (optional)" id="description" ng-model="album.description"></textarea>
|
||
|
|
<div class="error">{{errors.description}}</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-row" ng-class="{'has-error': errors.cover != null}">
|
||
|
|
<label class="strong">Album Cover: </label>
|
||
|
|
<pfm-image-upload set-image="setCover" image="album.cover" />
|
||
|
|
</div>
|
||
|
|
<div class="form-row track-selector">
|
||
|
|
<a pfm-popup="track-selector,right" href="#" class="btn btn-small pull-right btn-info">Add Tracks</a>
|
||
|
|
<label class="strong">Album Tracks</label>
|
||
|
|
<div id="track-selector" class="pfm-popup">
|
||
|
|
<ul>
|
||
|
|
<li ng-repeat="track in data.tracksDb" ng-class="{selected: trackIds[track.id]}">
|
||
|
|
<a pfm-eat-click href="#" ng-click="toggleTrack(track); $event.stopPropagation();">{{track.title}}</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ul class="album-track-listing" ui-sortable="{handle: '.handle', axis: 'y', forcePlaceholderSizeType: true, update: sortTracks}" ng-model="tracks">
|
||
|
|
<li ng-repeat="track in tracks">
|
||
|
|
<div>
|
||
|
|
<span class="btn btn-small pull-left handle"><i class="icon-sort"></i></span>
|
||
|
|
<a href="#" class="btn btn-small pull-right btn-danger" ng-click="toggleTrack(track)" pfm-eat-click><i class="icon-remove"></i></a>
|
||
|
|
<span>{{track.title}}</span>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|