Stratawiz
/
Rapport-Laravel
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes

This commit is contained in:
Ravi Gulhane 2022-06-08 19:43:30 +05:30
parent 22dcaf89d6
commit 71f2f59185
1 changed files with 46 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
resources/views/form/list-console.blade.php
View File

@ -10,13 +10,11 @@
<div class="row">
@foreach($actions as $action)
<div class="col-md-6 col-xl-3">
<div class="col-sm-6 col-md-4 col-xl-3">
<div class="card">
<div class="card-body">
<a href="/formaction/{{$action->link_type=='list'?'consoleallhistory':'consoleshow'}}?id={{$action->form_id}}">
<div class="card-body action-card" url="{{$action->url}}" style="cursor: pointer;">
<img src="{{$action->icon}}" alt="image" class="img-fluid rounded" width="200" />
<p class="mt-1 text-truncate">{{$action->name}}</p>
</a>
</div>
</div> <!-- end card-->
</div> <!-- end col -->
@ -26,4 +24,48 @@
</div>
<!-- end container -->
</div>
<!-- Long Content Scroll Modal -->
<div class="modal fade" id="scrollable-modal" tabindex="-1" role="dialog" aria-labelledby="scrollableModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="scrollableModalTitle">Modal title</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<style type="text/css">
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.modal-content {
height: 90vh;
}
</style>
@endsection
@section('script')
<script type="text/javascript">
$(document).ready(function(){
$('.action-card').click(function(){
$('#scrollable-modal #scrollableModalTitle').html( $(this).find('.text-truncate').html() );
$('#scrollable-modal .modal-body').html('<iframe class="responsive-iframe" src="'+ $(this).attr('url') +'" frameborder="0"></iframe>')
$('#scrollable-modal').modal('show')
})
});
</script>
@endsection