2023-09-11 07:14:56 +00:00

66 lines
1.5 KiB
PHP
Executable File

@extends('adminlte::page')
@section('title', 'Gradovi')
@section('content_header')
<h1>Šifarnici</h1>
@stop
@section('content')
<div id="list_container" class="row">
@foreach ($obj as $key => $field)
<div data-target="{{ $key }}" class="card text-white bg-info mb-2 zoom col-6 ml-1" style="max-width: 18rem;">
<div class="card-body">
<h5 class="card-title">{{ $field['title'] }}</h5>
</div>
</div>
@endforeach
</div>
<div class="spinner_overlay" id="spinner_overlay">
<div class="w-100 d-flex justify-content-center align-items-center">
<div class="spinner"></div>
</div>
</div>
@stop
@section('css')
<style type="text/css">
.zoom {
transition:all .2s;
position: inherit;
text-align: center;
}
.zoom .card-body {
}
.zoom .card-title {
font-size: 1.4rem;
font-weight: bold;
float: none;
}
.zoom:hover {
z-index:25;
transform:scale(1.15);
box-shadow:0 .46875rem 4.1875rem rgba(4,9,20,.05),0 .9375rem 2.40625rem rgba(4,9,20,.05),0 .25rem 1.3125rem rgba(4,9,20,.06),0 .125rem 1.1875rem rgba(4,9,20,.06);
cursor:pointer;
background:#fff
}
</style>
@stop
@section('js')
<script src="/js/jquery.blockUI.js"></script>
<script>
var blocked = [];
var ajaxUrl = "/admin/gradovi";
$(document).ready(function() {
$(".hiddenAtLoad").removeClass('d-none');
});
$('#list_container').on( 'click', '.card', function (e) {
window.location.href = '/admin/sifarnik/' + $(this).data('target');
});
</script>
@stop