Context Navigation

source: resources/views/dashboard/index.blade.php@ 2279f71

develop

Last change on this file since 2279f71 was 94f05dc, checked in by beratkjufliju <kufliju@…>, 3 years ago
bug fixes
Property mode set to `100644`
File size: 20.1 KB

Rev	Line
[194a359]	1	@extends('layouts.app')
	2
[4b7e2d3]	3	@section("title", "SaveSpace - Dashboard")
[194a359]	4
[4b7e2d3]	5	@section('head')
[c6b84df]	6
	7	<!-- DataTable -->
	8	<link rel="stylesheet" href="{{ url('vendors/dataTable/datatables.min.css') }}" type="text/css">
	9	@endsection
[194a359]	10
	11	@section('content')
	12
[c6b84df]	13	<div class="page-header">
	14	<nav aria-label="breadcrumb">
	15	<ol class="breadcrumb">
	16	<li class="breadcrumb-item">
	17	<a href="{{ url('/') }}">Dashboard</a>
	18	</li>
	19	</ol>
	20	</nav>
	21	</div>
[194a359]	22
	23	<div class="row">
	24	<div class="col-md-12">
	25
	26	<div class="row">
[c6b84df]	27	<div class="col-lg-4 col-md-12">
[194a359]	28	<div class="card">
	29	<div class="card-body">
[c6b84df]	30	<div class="d-flex justify-content-between mb-3">
[194a359]	31	<div>
[c6b84df]	32	<p class="text-muted">Total Departments</p>
	33	<h2 class="font-weight-bold">{{ $departments->count() }}</h2>
	34	</div>
	35	<div>
	36	<figure class="avatar">
	37	<span class="avatar-title bg-success-bright text-success rounded-circle">
	38	<i class="ti-layout-grid2"></i>
[194a359]	39	</span>
[c6b84df]	40	</figure>
[194a359]	41	</div>
	42	</div>
[c6b84df]	43	<div class="d-inline-flex align-items-center">
	44	<a href="{{ route("dashboard.departments.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show departments</a>
	45	</div>
[194a359]	46	</div>
	47	</div>
	48	</div>
	49	<div class="col-lg-4 col-md-12">
[c6b84df]	50	<div class="card">
[194a359]	51	<div class="card-body">
[c6b84df]	52	<div class="d-flex justify-content-between mb-3">
[194a359]	53	<div>
[4b7e2d3]	54	<p class="text-muted">Number of folders</p>
[c6b84df]	55	<h2 class="font-weight-bold">{{ $folders->count() }}</h2>
	56	</div>
	57	<div>
	58	<figure class="avatar">
	59	<span class="avatar-title bg-info-bright text-info rounded-circle">
	60	<i class="ti-folder"></i>
[194a359]	61	</span>
[c6b84df]	62	</figure>
[194a359]	63	</div>
	64	</div>
[c6b84df]	65	<div class="d-inline-flex align-items-center">
	66	<a href="{{ route("dashboard.folders.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show folders</a>
[194a359]	67	</div>
[c6b84df]	68	</div>
	69	</div>
	70	</div>
	71	<div class="col-lg-4 col-md-12">
	72	<div class="card">
	73	<div class="card-body">
	74	<div class="d-flex justify-content-between mb-3">
	75	<div>
	76	<p class="text-muted">Total Files</p>
	77	<h2 class="font-weight-bold">{{ $files->count() }}</h2>
[194a359]	78	</div>
[c6b84df]	79	<div>
	80	<figure class="avatar">
	81	<span class="avatar-title bg-warning-bright text-warning rounded-circle">
	82	<i class="ti-files"></i>
	83	</span>
	84	</figure>
[194a359]	85	</div>
	86	</div>
[c6b84df]	87	<div class="d-inline-flex align-items-center">
	88	<a href="{{ route("dashboard.files.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show files</a>
[194a359]	89	</div>
	90	</div>
	91	</div>
	92	</div>
[c6b84df]	93
[194a359]	94	</div>
	95
[c6b84df]	96	</div>
	97	</div>
	98
[194a359]	99
[c6b84df]	100	<div class="card">
	101	<div class="card-body">
	102	<div class="d-flex justify-content-between">
[4b7e2d3]	103	<h6 class="card-title">Recent Files</h6>
[c6b84df]	104	<div>
[4b7e2d3]	105	<a href="{{route("dashboard.index")}}" class="btn btn-outline-light btn-sm mr-2">
[c6b84df]	106	<i class="fa fa-refresh"></i>
	107	</a>
	108	</div>
	109	</div>
[194a359]	110	<div class="row">
[c6b84df]	111	<div class="col-md-12">
	112	<div class="table-responsive">
	113	<table id="recent-orders" class="table table-lg">
	114	<thead>
	115	<tr>
[4b7e2d3]	116	<th>
	117	</th>
	118	<th>Image</th>
	119	<th>Name</th>
	120	<th>Created at</th>
	121	<th>Updated at</th>
	122	<th>Folder name</th>
	123	<th>Folder archive ID</th>
	124	<th>Directory</th>
	125	<th>Actions</th>
[c6b84df]	126	</tr>
	127	</thead>
	128	<tbody>
[4b7e2d3]	129	@foreach($recentFiles as $file)
	130	<tr>
	131	<td></td>
	132	<td>
	133	@if(in_array(explode('.', $file->name)[1], $excelExt))
	134	<div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
	135	<i class="fa fa-file-excel-o text-success fa-2x"></i>
	136	</div>
	137	@else @if(in_array(explode('.', $file->name)[1], $textExt))
	138	<div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
	139	<i class="fa fa-file-word-o text-info fa-2x"></i>
	140	</div>
	141	@else @if(explode('.', $file->name)[1] == 'pdf')
	142	<div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
	143	<i class="fa fa-file-pdf-o text-danger fa-2x"></i>
	144	</div>
	145	@else @if(in_array(explode('.', $file->name)[1], $imageExt))
	146	<div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
[94f05dc]	147	<a href="{{ url('/storage/' . $file->location) }}" class="image-popup-gallery-item">
[4b7e2d3]	148	<div class="image-hover">
[94f05dc]	149	<img src="{{ url('/storage/' . $file->location) }}" class="rounded" width="30" alt="image">
[4b7e2d3]	150	</div>
	151	</a>
	152	</div>
	153	@else
	154	<div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
	155	<i class="fa fa-file-text-o text-warning fa-2x"></i>
	156	</div>
	157	@endif
	158	@endif
	159	@endif
	160	@endif
	161	</td>
	162	<td>{{ $file->name }}</td>
	163	<td>{{ date('d.m.Y - H:i', strtotime($file->created_at)) }}</td>
	164	@if($file->updated_at==NULL)
	165	<td>/</td>
	166	@else
	167	<td>{{ date('d.m.Y - H:i', strtotime($file->updated_at)) }}</td>
	168	@endif
	169	<td><a href="{{ route('dashboard.folders.files', ['id' => $file->folder_id]) }}" class="text-linkedin">{{ \App\Models\Folder::find($file->folder_id)->name }}</a></td>
	170	<td>{{ \App\Models\Folder::find($file->folder_id)->arch_id }}</td>
	171	<!-- Trigger -->
	172	<td><button data-clipboard-text="{{$file->location}}" class="btn btn-sm btn-primary text-white" data-toggle="tooltip" data-placement="right" title="{{$file->location}}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
	173	<path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
	174	<path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
	175	</svg></button>
	176	</td>
[0df7a93]	177	@if(auth()->user()->hasPermission('manage_all_files'))
[4b7e2d3]	178	<td>
	179	<a href="javascript:void(0)" class="text-secondary" data-toggle="modal" data-target="#editModal_{{$file->id}}" title="Edit">
	180	<i class="ti-pencil"></i>
	181	</a>
	182	<a href="{{ route("dashboard.files.downloadFile", ['id' => $file->id]) }}" class="text-danger ml-2"title="Download">
	183	<i class="ti-download"></i>
	184	</a>
	185	<a href="javascript:void(0)" class="text-danger ml-2" data-toggle="modal" data-target="#deleteModal_{{$file->id}}" title="Delete">
	186	<i class="ti-trash"></i>
	187	</a>
	188	</td>
[0df7a93]	189	@else
	190	<td></td>
	191	@endif
[4b7e2d3]	192	</tr>
	193	<div class="modal fade" id="deleteModal_{{$file->id}}" tabindex="-1" role="dialog" aria-hidden="true">
	194	<div class="modal-dialog modal-dialog-centered" role="document">
	195	<div class="modal-content">
	196	<div class="modal-header">
	197	<h5 class="modal-title" id="exampleModalCenterTitle">Delete confirmation</h5>
	198	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	199	<i class="ti-close"></i>
	200	</button>
	201	</div>
	202	<div class="modal-body">
	203	<form action="{{ route("dashboard.files.deleteFile", $file->id) }}" method="POST">
	204	@csrf
	205	@method('DELETE')
	206	<p>Are you sure you want to delete file {{$file->name}}?</p>
	207	<p>Location: <span class="pr-1">{{$file->location}}</span></p>
	208	<div class="modal-footer">
	209	<button type="button" class="btn btn-secondary" data-dismiss="modal">Close
	210	</button>
	211	<button type="submit" class="btn btn-primary">Save changes</button>
	212	</div>
	213	</form>
	214	</div>
	215
	216	</div>
	217	</div>
	218	</div>
	219
	220	<div class="modal fade" id="editModal_{{$file->id}}" tabindex="-1" role="dialog" aria-hidden="true">
	221	<div class="modal-dialog modal-dialog-centered" role="document">
	222	<div class="modal-content">
	223	<div class="modal-header">
	224	<h5 class="modal-title" id="exampleModalCenterTitle">Rename file</h5>
	225	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	226	<i class="ti-close"></i>
	227	</button>
	228	</div>
	229	<div class="modal-body">
	230	<form action="{{ route("dashboard.files.renameFile", ["id" =>$file->id]) }}" method="post" accept-charset="utf-8">
	231	@method("patch")
	232	@csrf
	233	<div class="row">
	234	<div class="col-md-12">
	235	<div class="form-group">
	236	<label class="form-label">Current name: {{$file->name}}</label>
	237	<input type="text" name="name" value="{{ explode('.', $file->name)[0] }}" maxlength="255" title="Don't include: '\/.\|'" pattern="^[^.\/\|]+$" class="form-control" required>
	238	</div>
	239	</div>
	240	</div>
	241	<br/>
	242	<div class="modal-footer">
	243	<button type="button" class="btn btn-secondary" data-dismiss="modal">Close
	244	</button>
	245	<button type="submit" class="btn btn-primary">Save changes</button>
	246	</div>
	247	</form>
	248	</div>
	249
	250	</div>
	251	</div>
	252	</div>
	253	@endforeach
[c6b84df]	254	</tbody>
	255	</table>
	256	</div>
[194a359]	257	</div>
[c6b84df]	258	</div>
	259	</div>
	260	</div>
[194a359]	261
[c6b84df]	262	<div class="row">
	263	<div class="col-lg-8 col-md-12">
	264	<div class="card">
	265	<div class="card-body">
	266	<div class="d-md-flex mb-2 mb-sm-0 justify-content-between">
[4b7e2d3]	267	<canvas id="canvas"></canvas>
[c6b84df]	268	</div>
	269	</div>
	270	</div>
	271	</div>
	272	<div class="col-lg-4 col-md-12">
	273	<div class="card">
	274	<div class="card-body pb-0">
	275	<div class="d-flex justify-content-between align-items-start mb-3">
[4b7e2d3]	276	<h6 class="card-title mb-0">Largest departments</h6>
	277	<a href="{{route("dashboard.departments.index")}}" class="small text-linkedin">View</a>
[c6b84df]	278	</div>
	279	</div>
	280	<div class="table-responsive">
	281	<table class="table table-striped mb-0">
	282	<thead>
	283	<tr>
[4b7e2d3]	284	<th>Department</th>
	285	<th>Number of folders</th>
[c6b84df]	286	</tr>
	287	</thead>
	288	<tbody>
[4b7e2d3]	289	@foreach($largestDepartments as $department)
[c6b84df]	290	<tr>
[4b7e2d3]	291
[c6b84df]	292	<td>
[4b7e2d3]	293	<a href="#">{{$department->name}}</a>
[c6b84df]	294	</td>
	295	<td>
[4b7e2d3]	296	<a href="#">{{$department->no_of_folders}}</a>
[c6b84df]	297	</td>
	298	</tr>
[4b7e2d3]	299	@endforeach
[c6b84df]	300	</tbody>
	301	</table>
[194a359]	302	</div>
	303	</div>
[c6b84df]	304	</div>
	305	</div>
[194a359]	306	@endsection
	307
	308	@section('script')
	309
	310	<!-- Apex chart -->
[c6b84df]	311	<script src="https://apexcharts.com/samples/assets/irregular-data-series.js"></script>
[194a359]	312	<script src="{{ url('/vendors/charts/apex/apexcharts.min.js') }}"></script>
	313
[c6b84df]	314	<!-- Daterangepicker -->
	315	<script src="{{ url('vendors/datepicker/daterangepicker.js') }}"></script>
	316
	317	<!-- DataTable -->
	318	<script src="{{ url('vendors/dataTable/datatables.min.js') }}"></script>
[194a359]	319
	320	<!-- Dashboard scripts -->
	321	<script src="{{ url('/assets/js/examples/dashboard.js') }}"></script>
	322
[c6b84df]	323	<!-- Vamp -->
	324	<script src="{{ url('vendors/vmap/jquery.vmap.min.js') }}"></script>
	325	<script src="{{ url('vendors/vmap/maps/jquery.vmap.usa.js') }}"></script>
	326	<script src="{{ url('assets/js/examples/vmap.js') }}"></script>
	327
[194a359]	328	<!-- To use theme colors with Javascript -->
	329	<div class="colors">
	330	<div class="bg-primary"></div>
	331	<div class="bg-primary-bright"></div>
	332	<div class="bg-secondary"></div>
	333	<div class="bg-secondary-bright"></div>
	334	<div class="bg-info"></div>
	335	<div class="bg-info-bright"></div>
	336	<div class="bg-success"></div>
	337	<div class="bg-success-bright"></div>
	338	<div class="bg-danger"></div>
	339	<div class="bg-danger-bright"></div>
	340	<div class="bg-warning"></div>
	341	<div class="bg-warning-bright"></div>
	342	</div>
	343
[c6b84df]	344	<script src="{{ url('assets/js/examples/pages/ecommerce-dashboard.js') }}"></script>
[4b7e2d3]	345	<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
	346	<script>
	347	var year = <?php echo $year; ?>;
	348	var file = <?php echo $file; ?>;
	349	var barChartData = {
	350	labels: year,
	351	datasets: [{
	352	label: 'File',
	353	backgroundColor: "red",
	354	data: file
	355	}]
	356	};
[194a359]	357
[4b7e2d3]	358	window.onload = function() {
	359	var ctx = document.getElementById("canvas").getContext("2d");
	360	window.myBar = new Chart(ctx, {
	361	type: 'bar',
	362	data: barChartData,
	363	options: {
	364	elements: {
	365	rectangle: {
	366	borderWidth: 2,
	367	borderColor: '#c1c1c1',
	368	borderSkipped: 'bottom'
	369	}
	370	},
	371	responsive: true,
	372	title: {
	373	display: true,
	374	text: 'Yearly uploaded files'
	375	}
	376	}
	377	});
	378	};
	379	</script>
[194a359]	380	@endsection

Note: See TracBrowser for help on using the repository browser.

Download in other formats: