mirror of
https://github.com/Yetangitu/ampache
synced 2025-10-05 02:39:47 +02:00
Starting sortable playlist implmentation to re-order songs.
This commit is contained in:
SUTJael
parent
40ef2d3de7
commit
0599214703
3 changed files with 116 additions and 77 deletions
|
|
@ -19,6 +19,17 @@
|
||||||
//
|
//
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
$('.default_hidden').hide();
|
$('.default_hidden').hide();
|
||||||
|
|
||||||
|
$('#sortableplaylist').sortable({
|
||||||
|
axis: 'y',
|
||||||
|
delay: 200,
|
||||||
|
start: function (event, ui) {
|
||||||
|
$(ui.item).data("startindex", ui.item.index());
|
||||||
|
},
|
||||||
|
stop: function (event, ui) {
|
||||||
|
playlistUpdatedIndex(ui.item);
|
||||||
|
}
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
||||||
|
|
@ -40,12 +51,12 @@ $(function() {
|
||||||
// flipField
|
// flipField
|
||||||
// Toggles the disabled property on the specifed field
|
// Toggles the disabled property on the specifed field
|
||||||
function flipField(field) {
|
function flipField(field) {
|
||||||
if ($(field).disabled == false) {
|
if ($(field).disabled == false) {
|
||||||
$(field).disabled = true;
|
$(field).disabled = true;
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$(field).disabled = false;
|
$(field).disabled = false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// updateText
|
// updateText
|
||||||
|
|
@ -68,9 +79,7 @@ function toggleVisible(element) {
|
||||||
// delayRun
|
// delayRun
|
||||||
// This function delays the run of another function by X milliseconds
|
// This function delays the run of another function by X milliseconds
|
||||||
function delayRun(element, time, method, page, source) {
|
function delayRun(element, time, method, page, source) {
|
||||||
|
|
||||||
var function_string = method + '(\'' + page + '\',\'' + source + '\')';
|
var function_string = method + '(\'' + page + '\',\'' + source + '\')';
|
||||||
|
|
||||||
var action = function () { eval(function_string); };
|
var action = function () { eval(function_string); };
|
||||||
|
|
||||||
if (element.zid) {
|
if (element.zid) {
|
||||||
|
|
@ -78,7 +87,6 @@ function delayRun(element, time, method, page, source) {
|
||||||
}
|
}
|
||||||
|
|
||||||
element.zid = setTimeout(action, time);
|
element.zid = setTimeout(action, time);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// reloadUtil
|
// reloadUtil
|
||||||
|
|
|
||||||
|
|
@ -18,6 +18,10 @@
|
||||||
// Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
|
// Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
|
||||||
//
|
//
|
||||||
|
|
||||||
|
/*********************/
|
||||||
|
/* Edit modal dialog */
|
||||||
|
/*********************/
|
||||||
|
|
||||||
function showEditDialog(edit_type, edit_id, edit_form_id, edit_title, edit_tag_choices) {
|
function showEditDialog(edit_type, edit_id, edit_form_id, edit_title, edit_tag_choices) {
|
||||||
var parent = this;
|
var parent = this;
|
||||||
parent.editFormId = 'form#' + edit_form_id;
|
parent.editFormId = 'form#' + edit_form_id;
|
||||||
|
|
@ -96,3 +100,28 @@ function check_inline_song_edit(type, song) {
|
||||||
$(source).replaceWith('<input type="text" name="' + type + '_name" value="New ' + type + '" onclick="this.select();" />');
|
$(source).replaceWith('<input type="text" name="' + type + '_name" value="New ' + type + '" onclick="this.select();" />');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*********************/
|
||||||
|
/* Sortable table */
|
||||||
|
/*********************/
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
$('#sortableplaylist').sortable({
|
||||||
|
axis: 'y',
|
||||||
|
delay: 200,
|
||||||
|
start: function (event, ui) {
|
||||||
|
$(ui.item).data("startindex", ui.item.index());
|
||||||
|
},
|
||||||
|
stop: function (event, ui) {
|
||||||
|
playlistUpdatedIndex(ui.item);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
function playlistUpdatedIndex(item) {
|
||||||
|
var startIndex = item.data("startindex");
|
||||||
|
var newIndex = item.index();
|
||||||
|
if (newIndex != startIndex) {
|
||||||
|
alert('Start index {' + startIndex + '} Stop index {' + newIndex + '}');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -24,73 +24,75 @@ $web_path = Config::get('web_path');
|
||||||
?>
|
?>
|
||||||
<?php require Config::get('prefix') . '/templates/list_header.inc.php'; ?>
|
<?php require Config::get('prefix') . '/templates/list_header.inc.php'; ?>
|
||||||
<table class="tabledata" cellpadding="0" cellspacing="0">
|
<table class="tabledata" cellpadding="0" cellspacing="0">
|
||||||
<colgroup>
|
<colgroup>
|
||||||
<col id="col_directplay" />
|
<col id="col_directplay" />
|
||||||
<col id="col_add" />
|
<col id="col_add" />
|
||||||
<col id="col_track" />
|
<col id="col_track" />
|
||||||
<col id="col_song" />
|
<col id="col_song" />
|
||||||
<col id="col_artist" />
|
<col id="col_artist" />
|
||||||
<col id="col_album" />
|
<col id="col_album" />
|
||||||
<col id="col_genre" />
|
<col id="col_genre" />
|
||||||
<col id="col_track" />
|
<col id="col_track" />
|
||||||
<col id="col_time" />
|
<col id="col_time" />
|
||||||
<col id="col_rating" />
|
<col id="col_rating" />
|
||||||
<col id="col_userflag" />
|
<col id="col_userflag" />
|
||||||
<col id="col_action" />
|
<col id="col_action" />
|
||||||
</colgroup>
|
</colgroup>
|
||||||
<tr class="th-top">
|
<tbody id="sortableplaylist">
|
||||||
<?php if (Config::get('directplay')) { ?>
|
<tr class="th-top">
|
||||||
<th class="cel_directplay"><?php echo T_('Play'); ?></th>
|
<?php if (Config::get('directplay')) { ?>
|
||||||
<?php } ?>
|
<th class="cel_directplay"><?php echo T_('Play'); ?></th>
|
||||||
<th class="cel_add"><?php echo T_('Add'); ?></th>
|
<?php } ?>
|
||||||
<th class="cel_track"><?php echo T_('Track'); ?></th>
|
<th class="cel_add"><?php echo T_('Add'); ?></th>
|
||||||
<th class="cel_song"><?php echo T_('Song Title'); ?></th>
|
<th class="cel_track"><?php echo T_('Track'); ?></th>
|
||||||
<th class="cel_artist"><?php echo T_('Artist'); ?></th>
|
<th class="cel_song"><?php echo T_('Song Title'); ?></th>
|
||||||
<th class="cel_album"><?php echo T_('Album'); ?></th>
|
<th class="cel_artist"><?php echo T_('Artist'); ?></th>
|
||||||
<th class="cel_genre"><?php echo T_('Genre'); ?></th>
|
<th class="cel_album"><?php echo T_('Album'); ?></th>
|
||||||
<th class="cel_track"><?php echo T_('Track'); ?></th>
|
<th class="cel_genre"><?php echo T_('Genre'); ?></th>
|
||||||
<th class="cel_time"><?php echo T_('Time'); ?></th>
|
<th class="cel_track"><?php echo T_('Track'); ?></th>
|
||||||
<?php if (Config::get('ratings')) {
|
<th class="cel_time"><?php echo T_('Time'); ?></th>
|
||||||
Rating::build_cache('song', array_map(create_function('$i', 'return $i[\'object_id\'];'), $object_ids));
|
<?php if (Config::get('ratings')) {
|
||||||
?>
|
Rating::build_cache('song', array_map(create_function('$i', 'return $i[\'object_id\'];'), $object_ids));
|
||||||
<th class="cel_rating"><?php echo T_('Rating'); ?></th>
|
?>
|
||||||
<?php } ?>
|
<th class="cel_rating"><?php echo T_('Rating'); ?></th>
|
||||||
<?php if (Config::get('userflags')) {
|
<?php } ?>
|
||||||
Userflag::build_cache('song', array_map(create_function('$i', 'return $i[\'object_id\'];'), $object_ids));
|
<?php if (Config::get('userflags')) {
|
||||||
?>
|
Userflag::build_cache('song', array_map(create_function('$i', 'return $i[\'object_id\'];'), $object_ids));
|
||||||
<th class="cel_userflag"><?php echo T_('Flag'); ?></th>
|
?>
|
||||||
<?php } ?>
|
<th class="cel_userflag"><?php echo T_('Flag'); ?></th>
|
||||||
<th class="cel_action"><?php echo T_('Action'); ?></th>
|
<?php } ?>
|
||||||
</tr>
|
<th class="cel_action"><?php echo T_('Action'); ?></th>
|
||||||
<?php
|
</tr>
|
||||||
foreach ($object_ids as $object) {
|
<?php
|
||||||
$song = new Song($object['object_id']);
|
foreach ($object_ids as $object) {
|
||||||
$song->format();
|
$song = new Song($object['object_id']);
|
||||||
$playlist_track = $object['track'];
|
$song->format();
|
||||||
?>
|
$playlist_track = $object['track'];
|
||||||
<tr class="<?php echo UI::flip_class(); ?>" id="track_<?php echo $object['track_id']; ?>">
|
?>
|
||||||
<?php require Config::get('prefix') . '/templates/show_playlist_song_row.inc.php'; ?>
|
<tr class="<?php echo UI::flip_class(); ?>" id="track_<?php echo $object['track_id']; ?>">
|
||||||
</tr>
|
<?php require Config::get('prefix') . '/templates/show_playlist_song_row.inc.php'; ?>
|
||||||
<?php } ?>
|
</tr>
|
||||||
<tr class="th-bottom">
|
<?php } ?>
|
||||||
<?php if (Config::get('directplay')) { ?>
|
<tr class="th-bottom">
|
||||||
<th class="cel_directplay"><?php echo T_('Play'); ?></th>
|
<?php if (Config::get('directplay')) { ?>
|
||||||
<?php } ?>
|
<th class="cel_directplay"><?php echo T_('Play'); ?></th>
|
||||||
<th class="cel_add"><?php echo T_('Add'); ?></th>
|
<?php } ?>
|
||||||
<th class="cel_track"><?php echo T_('Track'); ?></th>
|
<th class="cel_add"><?php echo T_('Add'); ?></th>
|
||||||
<th class="cel_song"><?php echo T_('Song Title'); ?></th>
|
<th class="cel_track"><?php echo T_('Track'); ?></th>
|
||||||
<th class="cel_artist"><?php echo T_('Artist'); ?></th>
|
<th class="cel_song"><?php echo T_('Song Title'); ?></th>
|
||||||
<th class="cel_album"><?php echo T_('Album'); ?></th>
|
<th class="cel_artist"><?php echo T_('Artist'); ?></th>
|
||||||
<th class="cel_genre"><?php echo T_('Genre'); ?></th>
|
<th class="cel_album"><?php echo T_('Album'); ?></th>
|
||||||
<th class="cel_track"><?php echo T_('Track'); ?></th>
|
<th class="cel_genre"><?php echo T_('Genre'); ?></th>
|
||||||
<th class="cel_time"><?php echo T_('Time'); ?></th>
|
<th class="cel_track"><?php echo T_('Track'); ?></th>
|
||||||
<?php if (Config::get('ratings')) { ?>
|
<th class="cel_time"><?php echo T_('Time'); ?></th>
|
||||||
<th class="cel_rating"><?php echo T_('Rating'); ?></th>
|
<?php if (Config::get('ratings')) { ?>
|
||||||
<?php } ?>
|
<th class="cel_rating"><?php echo T_('Rating'); ?></th>
|
||||||
<?php if (Config::get('userflags')) { ?>
|
<?php } ?>
|
||||||
<th class="cel_userflag"><?php echo T_('Flag'); ?></th>
|
<?php if (Config::get('userflags')) { ?>
|
||||||
<?php } ?>
|
<th class="cel_userflag"><?php echo T_('Flag'); ?></th>
|
||||||
<th class="cel_action"><?php echo T_('Action'); ?></th>
|
<?php } ?>
|
||||||
</tr>
|
<th class="cel_action"><?php echo T_('Action'); ?></th>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<?php require Config::get('prefix') . '/templates/list_header.inc.php'; ?>
|
<?php require Config::get('prefix') . '/templates/list_header.inc.php'; ?>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue