From 48d329e50352d37e1335dd8efcacee33059c22e9 Mon Sep 17 00:00:00 2001
From: Deon George <deon@dege.au>
Date: Wed, 23 Oct 2024 22:08:57 +1100
Subject: [PATCH] List files in a file area

---
 app/Models/Filearea.php                    |  5 ++
 resources/views/filearea/addedit.blade.php | 58 +++++++++++++++++++++-
 2 files changed, 62 insertions(+), 1 deletion(-)

diff --git a/app/Models/Filearea.php b/app/Models/Filearea.php
index 68bac9d..c291eec 100644
--- a/app/Models/Filearea.php
+++ b/app/Models/Filearea.php
@@ -31,4 +31,9 @@ class Filearea extends Model
 	{
 		return $this->belongsTo(Domain::class);
 	}
+
+	public function files()
+	{
+		return $this->hasMany(File::class);
+	}
 }
\ No newline at end of file
diff --git a/resources/views/filearea/addedit.blade.php b/resources/views/filearea/addedit.blade.php
index 29335c4..7318e3d 100644
--- a/resources/views/filearea/addedit.blade.php
+++ b/resources/views/filearea/addedit.blade.php
@@ -150,5 +150,61 @@
 				</div>
 			</div>
 		</div>
+
+		<div class="row">
+			<div class="col-12">
+				@if ($o->files->count())
+					<table class="table monotable" id="files">
+						<thead>
+						<tr>
+							<th>ID</th>
+							<th>File</th>
+							<th>Size</th>
+							<th>Hatched</th>
+							<th>Description</th>
+						</tr>
+						</thead>
+
+						<tbody>
+						@foreach ($o->files as $oo)
+							<tr>
+								<td><a href="{{ url('file/view',[$oo->id]) }}">{{ $oo->id }}</a></td>
+								<td>{{ $oo->name }}</td>
+								<td class="text-end">{{ number_format($oo->size) }}</td>
+								<td>{{ $oo->datetime->format('Y-m-d H:i:s') }}</td>
+								<td><small>{{ $oo->desc }}</small></td>
+							</tr>
+						@endforeach
+						</tbody>
+					</table>
+				@else
+					<p>No files yet in this area.</p>
+				@endif
+			</div>
+		</div>
 	</form>
-@endsection
\ No newline at end of file
+@endsection
+
+@section('page-css')
+	@css('datatables')
+@append
+
+@section('page-scripts')
+	@js('datatables')
+
+	<script type="text/javascript">
+		$(document).ready(function() {
+			$('#files').DataTable({
+				paging: true,
+				pageLength: 25,
+				searching: true,
+				ordering: true,
+				order: [1,'asc'],
+				conditionalPaging: {
+					style: 'fade',
+					speed: 500 // optional
+				},
+			});
+		});
+	</script>
+@append
\ No newline at end of file