Gallery items picker

Author: redbaron76

controllers/ajax_file.php

@@ -370,15 +370,17 @@ public function post_image_list_add()
 
 			if($where == 'galleries') {
 
-				$data = View::make('cms::interface.partials.gallery_new_item')
-						->with('file', $file)
-						->with('list_id', $list_id);
+				$data = array(
+					'file' => $file->to_array(),
+					'list_id' => $list_id,
+					'del_btn' => LL('cms::button.delete', CMSLANG)->get()
+				);
 
 			} else if($where == 'banners') {
 
 			}
 
-			return $data;
+			return json_encode($data);
 
 		}
 

public/js/cms.js

@@ -558,11 +558,34 @@ $.cms = {
 				rel: rel
 			}, function(data) {
 				if(data) {
-					$('table.listing').find('tbody').append(data);
-					$('#modal-image-list').find('tr[rel='+fid+']').remove();
+
+					var list_tpl = 	'<tr rel="'+ data.file.id +'">' +
+										'<td>' +
+											'<a href="'+ BASE+data.file.path +'" class="thumbnail fancy" rel="tooltip" data-original-title="'+data.file.name+'">' +
+												'<img src="'+BASE+data.file.thumb+'">' +
+											'</a>' +
+										'</td>' +
+										'<td class="v-middle"><small>'+data.file.name+'</small></td>' +
+										'<td>' +
+											'<a href="#" class="btn btn-mini btn-danger pull-right list-delete" data-file="'+data.file.id+'" data-list="'+data.list_id+'" data-rel="galleries">'+data.del_btn+'</a>' +
+										'</td>' +
+									'</tr>';
+
+					var order_tpl = '<li class="span1" id="'+data.list_id+'_'+data.file.id+'" rel="'+data.file.id+'">' +
+										'<a href="'+ BASE+data.file.path +'" class="thumbnail" data-original-title="'+data.file.name+'" rel="tooltip">' +
+											'<img src="'+BASE+data.file.thumb+'" />' +
+										'</a>' +
+									'</li>';
+
+					$('table.listing > tbody').append(list_tpl);
+					$('ul.thumbnails').append(order_tpl);
+
+					$('*[rel=empty]').remove();
+					$('#modal-media tr[rel='+fid+']').remove();
+
 				};
 
-			});
+			}, 'json');
 
 			return false;
 		});
@@ -578,13 +601,23 @@ $.cms = {
 			var fid = $(this).attr('data-file');
 			var rel = $(this).attr('data-rel');
 
-			$.post(BASE+'/cms/ajax/image/list/del', {
-				lid: lid,
-				fid: fid,
-				rel: rel
-			}, function(status) {
-				if(status) $('tr[rel='+fid+']').remove();
-			});
+			if(lid && fid && rel) {
+
+				$.post(BASE+'/cms/ajax/image/list/del', {
+					lid: lid,
+					fid: fid,
+					rel: rel
+				}, function(status) {
+
+					if(status) {
+
+						$('tr[rel='+fid+']').remove();
+						$('li[rel='+fid+']').remove();
+						
+					}
+				});
+
+			}
 
 			return false;
 		});

views/interface/pages/gallery_new_edit.blade.php

@@ -80,7 +80,7 @@
 												</td>
 											</tr>
 											@empty
-											<tr>
+											<tr rel="empty">
 												<td colspan="3" class="toleft">
 													{{LL('cms::alert.list_empty', CMSLANG)}}
 												</td>
@@ -124,13 +124,13 @@
 						<ul class="thumbnails sortable">
 
 						@forelse ($files as $file)
-							<li class="span1" id="{{$gallery_id}}_{{$file->id}}">
+							<li class="span1" id="{{$gallery_id}}_{{$file->id}}" rel="{{$file->id}}">
 								<a href="{{BASE.$file->path}}" class="thumbnail" data-original-title="{{$file->name}}" rel="tooltip">
 									<img src="{{BASE.$file->thumb}}" />
 								</a>
 							</li>
 						@empty
-							<li>
+							<li rel="empty">
 								{{LL('cms::alert.list_empty', CMSLANG)}}
 							</li>
 						@endforelse