progress indicators, bug fixes, after a while

This commit is contained in:
Kwesi Banson
2023-12-13 12:13:47 +00:00
parent ea6d83e5d9
commit bc97f69748
1283 changed files with 1010757 additions and 7379 deletions

View File

@@ -50,16 +50,59 @@
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
<h2> General Documents </h2>
<h2> All Documents </h2>
<div class="pull-right">
<a class="btn btn-primary btn-sm" href="{!! url('generaldocuments/create') !!}"><i class="fa fa-plus-circle"></i> Upload New Documents</a>
<a class="btn btn-primary btn-sm" href="{!! url('generaldocuments/create') !!}"><i class="fa fa-cloud-upload"></i> Upload New Documents</a>
</div>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div id="generalDocumentsTable"></div>
</div>
<div class="row tile_count">
<h4 class="green">General Documents Overview</h4>
@foreach($document_arr as $row)
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<span class="count_top"><i class="fa fa-file"></i> <a href="{!! url('generaldocuments/list/' . $row->category ) !!}">{{ $category_names[$row->category] }}</a></span>
<div class="count green">
<a href="{!! url('generaldocuments/list/' . $row->category ) !!}"><img src="{{ url('public/assets/img/folder-icon.png') }}" width="40px"></a>
<a href="{!! url('generaldocuments/list/' . $row->category ) !!}"> {{ $row->docs_count }}</a>
</div>
<!-- <span class="count_bottom"><i class="green">4% </i> From last Week</span> -->
</div>
@endforeach
</div>
<div class="row">
<div class="col-md-12" style="margin-top: 50px;">
<!-- <a href="{!! url('generaldocuments/create') !!}" class="btn btn-primary btn-lg btn-block"> <i class="fa fa-cloud-upload"></i> Upload New Documents</a> -->
</div>
</div>
<div class="row tile_count">
<h4 class="green">Client Document Overview</h4>
@foreach($client_docs as $row)
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<span class="count_top"><i class="fa fa-file"></i> <a href="{!! url('clients/readonly', $row->client_id) !!}">{{ $row->name }}</a></span>
<div class="count green">
<a href="{!! url('clients/readonly', $row->client_id) !!}"><img src="{{ url('public/assets/img/folder-icon.png') }}" width="40px"></a>
<a href="{!! url('clients/readonly', $row->client_id) !!}"> {{ $row->docs_count }}</a>
</div>
</div>
@endforeach
</div>
<div class="row tile_count">
<h4 class="green">MNO Document Overview</h4>
@foreach($mno_docs as $row)
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<span class="count_top"><i class="fa fa-file"></i> <a href="{!! url('mnos', $row->mno_id) !!}">{{ $row->name }}</a></span>
<div class="count green">
<a href="{!! url('mnos', $row->mno_id) !!}"><img src="{{ url('public/assets/img/folder-icon.png') }}" width="40px"></a>
<a href="{!! url('mnos', $row->mno_id) !!}"> {{ $row->docs_count }}</a>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
@@ -71,64 +114,10 @@
<script src="{!! url('public/assets/vendors/tabulator/js/tabulator.js') !!}"></script>
<script type="text/javascript">
$(document).ready(function(){
function link(cell, formatterParams){
var url = cell.getValue();
var rowID = cell.getData().id
return "<a href='"+ base_url + "/generaldocuments/"+rowID+"/edit' title='Edit Document' class='btn btn-link'>"+url+"</a>";
}
function downloadlink(cell, formatterParams){
var url = cell.getValue();
var rowID = cell.getData().id
return "<a href='"+ base_url + "/generaldocuments/download/"+rowID+"' title='Download File' class='btn btn-link'>"+url+"</a>";
}
var table = new Tabulator("#generalDocumentsTable", {
ajaxURL: "generaldocuments/all",
paginationSize: 15,
layout: "fitColumns",
pagination: "remote",
selectable: false,
printAsHtml: true,
ajaxLoaderLoading: $('#logo_spinner').html(),
columns: [
{
title: "Name",
field: "name",
sorter: "string",
formatter:link,
},
{
title: "File",
field: "filename",
sorter: "string",
formatter:downloadlink,
},
{
title: "Uploaded By",
field: "UploadedBy",
sorter: "string",
},
{
title: "Date",
field: "created_at",
sorter: "string",
}
],
rowClick:function(e, row){
var userID = row.getData().id;
console.log(userID);
//$('#userEditModal').modal('show');
},
});
$('#keywordField').on('keyup', function(){
console.log('up');
var keyword = $(this).val();
table.setData("generaldocuments/all?keyword=" + keyword);
});
});
});
</script>
@endsection