ProVM/totalsport
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Zona de administracion para agregar eventos y subir imagenes

Browse Source
This commit is contained in:
Aldarien
2020-06-16 22:44:48 -04:00
parent c09165529f
commit b943a21890
32 changed files with 1228 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
resources/views/home/eventos.blade.php
View File

@ -19,7 +19,7 @@
<div class="ui basic segment">
<a href="{{$urls->base}}/evento/{{$i}}">
<div class="ui image">
<img src="{{$evento->imagen}}" />
{!!$evento->imagen!!}
</div>
<div class="ui center aligned header">
{{$evento->titulo}}
@ -36,56 +36,61 @@
@push('scripts')
<script type="text/javascript">
var eventos = [
@foreach ($eventos as $evento)
{
titulo: '{{$evento->titulo}}',
image: '{{$evento->imagen}}',
empresa: '{{$evento->empresa}}',
servicio: '{{$evento->servicio}}'
},
@endforeach
];
function changeEventos(filter) {
var grid = $('#eventos_cards')
grid.html('')
$.each(eventos, function(i, el) {
if (filter != 'none' && el.servicio != filter) {
return
}
grid.append(
$('<div></div>').attr('class', 'eight wide tablet four wide computer column').append(
$('<div></div>').attr('class', 'ui basic segment').append(
$('<a></a>').attr('href', '{{$urls->base}}/evento/' + i).append(
$('<div></div>').attr('class', 'ui image').append(
$('<img />').attr('src', el.image)
var eventos = {
eventos: [
@foreach ($eventos as $evento)
{
titulo: '{{$evento->titulo}}',
image: '{!!$evento->imagen!!}',
empresa: '{{$evento->empresa}}',
servicio: '{{$evento->servicio}}'
},
@endforeach
],
current_tab: 'none',
changeEventos: (filter) => {
var grid = $('#eventos_cards')
grid.html('')
$.each(eventos.eventos, function(i, el) {
if (filter != 'none' && el.servicio != filter) {
return
}
grid.append(
$('<div></div>').attr('class', 'eight wide tablet four wide computer column').append(
$('<div></div>').attr('class', 'ui basic segment').append(
$('<a></a>').attr('href', '{{$urls->base}}/evento/' + i).append(
$('<div></div>').attr('class', 'ui image').append(
$('<img />').attr('src', el.image)
)
).append(
$('<div></div>').attr('class', 'ui center aligned header').append(el.titulo).append(
$('<br />')
).append(el.empresa)
)
).append(
$('<div></div>').attr('class', 'ui center aligned header').append(el.titulo).append(
$('<br />')
).append(el.empresa)
)
)
)
)
})
}
var current_tab = 'none'
function changeTab(filter) {
$('.servicio.active').removeClass('active')
$(".servicio[data-filter='" + filter + "']").addClass('active')
current_tab = filter
})
},
changeTab: (filter) => {
$('.servicio.active').removeClass('active')
$(".servicio[data-filter='" + filter + "']").addClass('active')
eventos.current_tab = filter
},
setup: () => {
$('.servicio').click(function(e) {
e.preventDefault()
var filter = $(this).attr('data-filter')
if (filter == eventos.current_tab) {
return
}
eventos.changeTab(filter)
eventos.changeEventos(filter)
})
}
}
$(document).ready(function() {
$('.servicio').click(function(e) {
e.preventDefault()
var filter = $(this).attr('data-filter')
if (filter == current_tab) {
return
}
changeTab(filter)
changeEventos(filter)
})
eventos.setup()
})
</script>
@endpush