Closes #1410

app/Http/Controllers/StatusController.php

@@ -325,6 +325,7 @@ class StatusController extends Controller
 
         if ($changed === true) {
             $media->save();
+            Cache::forget('status:transformer:media:attachments:'.$media->status_id);
         }
 
         return response()->json([], 200);

resources/views/status/edit.blade.php

@@ -21,18 +21,24 @@
 				</div>
 			</div>
 		</div>
-
+		<div class="accordion" id="accordionWrapper">
 			@foreach($status->media()->orderBy('order')->get() as $media)
 			<div class="card mt-4 media-card">
-      <div class="card-header bg-white font-weight-bold">
-        Media #{{$media->order}}
+				<div class="card-header bg-white font-weight-bold" data-toggle="collapse" href="#collapseMedia{{$loop->iteration}}">
+					Media #{{$media->order + 1}}
+					<span class="float-right">
+						<span class="badge badge-primary">
+							{{$media->mime}}
+						</span>
+					</span>
 				</div>
+				<div class="collapse {{$loop->iteration==1?'show':''}}" id="collapseMedia{{$loop->iteration}}" data-parent="#accordionWrapper">
 					<div class="card-body p-0">
 						<form method="post" enctype="multipart/form-data" class="media-form">
 							@csrf
 							<input type="hidden" name="media_id" value="{{$media->id}}">
 							<div class="filter-wrapper {{$media->filter_class}}" data-filter="{{$media->filter_class}}">
-          <img class="img-fluid" src="{{$media->url()}}" width="100%">
+								<img class="img-fluid" src="{{$media->thumbnailUrl()}}" width="100%">
 							</div>
 							<div class="p-3">
 								<div class="form-group">
@@ -52,15 +58,21 @@
 						</form>
 					</div>
 				</div>
+			</div>
 			@endforeach
+		</div>
 
 	</div>
 </div>
 @endsection
 
 @push('scripts')
+<script type="text/javascript" src="{{ mix('js/compose.js') }}"></script>
 <script type="text/javascript">
-  
+	$(document).ready(function() {
+		new Vue({ 
+			el: '#content'
+		});
 		$('.form-filters').each(function(i,d) {
 			let el = $(d);
 			let filter = el.data('filter');
@@ -81,11 +93,12 @@
 				'caption': caption,
 				'filter': filter
 			}).then((res) => {
-      swal('Success!', 'You have successfully updated your post', 'success');
+				window.location.href = '{{$status->url()}}';
 			}).catch((err) => {
 				swal('Something went wrong', 'An error occurred, please try again later', 'error');
 			});
 		});
+	});
 
 </script>
 @endpush