Update admin storage settings view

resources/views/admin/settings/storage.blade.php

@@ -1,30 +1,24 @@
 @extends('admin.partial.template')
 
+@include('admin.settings.sidebar')
+
 @section('section')
-  <div class="title">
+<div class="title">
-    <h3 class="font-weight-bold">Storage</h3>
+	<h3 class="font-weight-bold">Storage</h3>
-  </div>
+	<p class="lead">Filesystem storage stats</p>
-  <hr>
+</div>
+<hr>
+<p class="alert alert-warning">
+	<strong>Feature Unavailable:</strong> This feature will be released in v0.9.0.
+</p>
+@endsection
 
-  <div class="card">
+@push('scripts')
-  	<div class="card-body">
+<script type="text/javascript">
-		<div class="progress">
+	$('.human-size').each(function(d,a) {
-		  <div class="progress-bar" role="progressbar" style="width: {{$storage->percentUsed}}%" aria-valuenow="{{$storage->percentUsed}}" aria-valuemin="0" aria-valuemax="100"></div>
+		let el = $(a);
-		</div>
+		let size = el.data('bytes');
-		<div class="d-flex justify-content-between">
+		el.text(filesize(size, {round: 0}));
-			<span class="font-weight-bold">
+	});
-			 Used: {{$storage->prettyTotal}}
+</script>
-			</span>
+@endpush
-			<span class="font-weight-bold">
-			{{$storage->percentUsed}}% Used	
-			</span>
-			<span class="font-weight-bold">
-			  Free: {{$storage->prettyFree}}
-			</span>
-		</div>
-  	</div>
-  	<div class="card-footer bg-white font-weight-bold text-center">
-  		Total Disk Space
-  	</div>
-  </div>
-@endsection