working on album sorting

4 files changed, 60 insertions, 54 deletions

diff --git a/views/default/forms/photos/album/sort.php b/views/default/forms/photos/album/sort.php
new file mode 100644
index 000000000..524112e0c
--- /dev/null
+++ b/views/default/forms/photos/album/sort.php
@@ -0,0 +1,28 @@
+<?php
+/**
+ * Album sorting view
+ */
+
+$album = $vars['album'];
+$image_guids = $album->getImageList();
+
+echo '<div>';
+echo elgg_echo('tidypics:sort:instruct');
+echo '</div>';
+
+echo '<div>';
+echo elgg_view('input/hidden', array('name' => 'guids'));
+echo elgg_view('input/hidden', array('name' => 'album_guid', 'value' => $album->guid));
+echo elgg_view('input/submit', array('value' => elgg_echo('save')));
+echo '</div>';
+
+echo '<div class="elgg-foot">';
+echo '<ul id="tidypics-sort" class="elgg-gallery">';
+foreach ($image_guids as $image_guid) {
+	$image = get_entity($image_guid);
+	$img = elgg_view('output/img', array(
+		'src' => $image->getSrcURL(),
+	));
+	echo "<li class=\"mam\" id=\"$image_guid\">$img</li>";
+}
+echo '</ul>';
diff --git a/views/default/js/photos/tidypics.php b/views/default/js/photos/tidypics.php
new file mode 100644
index 000000000..509d2116a
--- /dev/null
+++ b/views/default/js/photos/tidypics.php
@@ -0,0 +1,26 @@
+<?php
+/**
+ *
+ */
+
+?>
+
+elgg.provide('elgg.tidypics');
+
+elgg.tidypics.init = function() {
+	$("#tidypics-sort").sortable({
+		opacity: 0.7,
+		revert: true,
+		scroll: true
+	});
+
+	$('.elgg-form-photos-album-sort').submit(function() {
+		var tidypics_guids = [];
+		$("#tidypics-sort li").each(function(index) {
+			tidypics_guids.push($(this).attr('id'));
+		});
+		$('input[name="guids"]').val(tidypics_guids.toString());
+	});
+};
+
+elgg.register_hook_handler('init', 'system', elgg.tidypics.init);
diff --git a/views/default/tidypics/css.php b/views/default/tidypics/css.php
index 542123bd0..82594db0e 100644
--- a/views/default/tidypics/css.php
+++ b/views/default/tidypics/css.php
@@ -22,6 +22,12 @@
 	width: 120px;
 }
 
+#tidypics-sort li {
+width:153px;
+height:153px;
+}
+
+
 <?php
 return true;
 ?>
diff --git a/views/default/tidypics/sort.php b/views/default/tidypics/sort.php
deleted file mode 100644
index 66dd8a999..000000000
--- a/views/default/tidypics/sort.php
+++ /dev/null
@@ -1,54 +0,0 @@
-<?php
-/**
- * Album sorting view
- */
-
-$album = $vars['album'];
-$image_guids = $album->getImageList();
-
-// create submission form
-$body = elgg_view('input/hidden', array('internalname' => 'guids'));
-$body .= elgg_view('input/hidden', array('internalname' => 'album_guid', 'value' => $album->guid));
-$body .= elgg_view('input/submit', array('value' => elgg_echo('save')));
-?>
-<div class="contentWrapper">
-	<div>
-		<?php echo elgg_echo('tidypics:sort:instruct'); ?>
-	</div>
-	<?php
-	$params = array(
-		'internalid' => 'tidypics_sort_form',
-		'action'     => "{$vars['url']}action/tidypics/sortalbum",
-		'body'       => $body,
-	);
-	echo elgg_view('input/form', $params);
-	?>
-
-	<ul id="tidypics_album_sort">
-		<?php
-		foreach ($image_guids as $image_guid) {
-			$image = get_entity($image_guid);
-			$url = "{$vars['url']}pg/photos/thumbnail/$image_guid/small/";
-			echo "<li id=\"$image_guid\"><img src=\"$url\" /></li>";
-		}
-		?>
-	</ul>
-	<div class="clearfloat"></div>
-</div>
-
-<script type="text/javascript">
-$("#tidypics_album_sort").sortable(
-	{
-		opacity: 0.7,
-		revert: true,
-		scroll: true
-	}
-);
-$('#tidypics_sort_form').submit(function() {
-	var tidypics_guids = [];
-	$("#tidypics_album_sort li").each(function(index) {
-		tidypics_guids.push($(this).attr('id'));
-	});
-	$('input[name="guids"]').val(tidypics_guids.toString());
-});
-</script>
\ No newline at end of file