Separacion de js a archivos por pagina
This commit is contained in:
157
public/assets/scripts/admin/eventos.js
Normal file
157
public/assets/scripts/admin/eventos.js
Normal file
@ -0,0 +1,157 @@
|
||||
class Elem {
|
||||
constructor(tag, attrs, close = true) {
|
||||
this.tag = '<' + tag
|
||||
if (close) {
|
||||
this.tag += '></' + tag + '>'
|
||||
} else {
|
||||
this.tag += '/>'
|
||||
}
|
||||
this.attrs = attrs
|
||||
this.children = []
|
||||
}
|
||||
addChild(child) {
|
||||
if (typeof child != 'object' || typeof child.tag == 'undefined') {
|
||||
return this
|
||||
}
|
||||
this.children.push(child)
|
||||
return this
|
||||
}
|
||||
html(text) {
|
||||
this.text = text
|
||||
return this
|
||||
}
|
||||
build() {
|
||||
let obj = $(this.tag)
|
||||
$.each(this.attrs, (key, el) => {
|
||||
obj.attr(key, el)
|
||||
})
|
||||
$.each(this.children, (i, el) => {
|
||||
obj.append(el.build())
|
||||
})
|
||||
if (typeof this.text !== 'undefined') {
|
||||
obj.html(this.text)
|
||||
}
|
||||
return obj
|
||||
}
|
||||
}
|
||||
var imagenes = {
|
||||
imagenes: [],
|
||||
url: '',
|
||||
evento: '',
|
||||
setup: () => {
|
||||
$('#agregar_imagen').css('cursor', 'pointer').click(() => {
|
||||
imagenes.add()
|
||||
})
|
||||
$('.trash.icon').css('cursor', 'pointer').click(function() {
|
||||
let i = $(this).attr('data-media')
|
||||
imagenes.deleteImage(i)
|
||||
})
|
||||
},
|
||||
buildForm: () => {
|
||||
let form = new Elem('form', {class: 'ui form', id: 'add_image'}).addChild(
|
||||
new Elem('div', {class: 'ui grid'}).addChild(
|
||||
new Elem('div', {class: 'row'}).addChild(
|
||||
new Elem('div', {class: 'sixteen wide column'}).addChild(
|
||||
new Elem('div', {class: 'ui fluid input'}).addChild(
|
||||
new Elem('input', {type: 'file', name: 'imagen[]', multiple: 'multiple'}, false)
|
||||
)
|
||||
)
|
||||
)
|
||||
).addChild(
|
||||
new Elem('div', {class: 'row'}).addChild(
|
||||
new Elem('div', {class: 'two wide column'}).addChild(
|
||||
new Elem('div', {class: 'ui fluid button', type: 'submit'}).html('Agregar')
|
||||
)
|
||||
).addChild(
|
||||
new Elem('div', {class: 'fourteen wide column'}).addChild(
|
||||
new Elem('div', {id: 'resultado', class: 'ui fluid basic segment'})
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
return form.build()
|
||||
},
|
||||
add: () => {
|
||||
var imgs = $('#imagenes')
|
||||
var div = imgs.next('.modal')
|
||||
if (div.length > 0) {
|
||||
div.remove()
|
||||
}
|
||||
div = $('<div></div>').attr('class', 'ui modal').append(
|
||||
$('<i></i>').attr('class', 'inside close icon')
|
||||
)
|
||||
if (imagenes.imagenes.length >= 12) {
|
||||
div.append(
|
||||
$('<div></div>').attr('class', 'header').html('Media')
|
||||
).append(
|
||||
$('<div></div>').attr('class', 'content').html('Se ha llegado al máximo de media.')
|
||||
)
|
||||
imgs.after(div)
|
||||
div.modal('show')
|
||||
return
|
||||
}
|
||||
|
||||
div.append(
|
||||
$('<div></div>').attr('class', 'header').html('Media')
|
||||
).append(
|
||||
$('<div></div>').attr('class', 'content').append(imagenes.buildForm())
|
||||
)
|
||||
imgs.after(div)
|
||||
div.modal('show')
|
||||
div.find('form .button').click((e) => {
|
||||
div.find('form').submit()
|
||||
})
|
||||
div.find('form').submit((e) => {
|
||||
e.preventDefault()
|
||||
imagenes.addImage()
|
||||
return false
|
||||
})
|
||||
},
|
||||
addImage: () => {
|
||||
let form = $('#add_image')
|
||||
$('#resultado').html('')
|
||||
$('#resultado').append(
|
||||
$('<div></div>').attr('class', 'ui active loader')
|
||||
)
|
||||
let data = new FormData(form[0])
|
||||
let url = imagenes.url + '/evento/' + imagenes.evento + '/add'
|
||||
let fallo = () => {
|
||||
$('#resultado').html('')
|
||||
$('#resultado').append(
|
||||
$('<div></div>').attr('class', 'ui negative message')
|
||||
.append($('<i></i>').attr('class', 'inline close icon'))
|
||||
.append('<p>No se pudo agregar.</p>')
|
||||
)
|
||||
$('#resultado .message .close').on('click', function() {
|
||||
$(this).closest('.message')
|
||||
.transition('fade');
|
||||
});
|
||||
}
|
||||
$.ajax({
|
||||
url: url,
|
||||
data: data,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
type: 'POST',
|
||||
success: (output) => {
|
||||
if (output.estado) {
|
||||
window.location.reload()
|
||||
return
|
||||
}
|
||||
fallo()
|
||||
},
|
||||
error: () => {
|
||||
fallo()
|
||||
}
|
||||
})
|
||||
},
|
||||
deleteImage: (i) => {
|
||||
let media = imagenes.imagenes[i]
|
||||
let url = imagenes.url + '/evento/' + imagenes.evento + '/image/delete'
|
||||
$.post(url, {media: media}, (output) => {
|
||||
if (output.estado) {
|
||||
window.location.reload()
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
115
public/assets/scripts/home.js
Normal file
115
public/assets/scripts/home.js
Normal file
@ -0,0 +1,115 @@
|
||||
let clientes = {
|
||||
clientes: [],
|
||||
current: 0,
|
||||
rows: 2,
|
||||
cols: 6,
|
||||
decreaseClientes: () => {
|
||||
$('#img_clientes').find('.row').find('.column:last-child').remove()
|
||||
clientes.current -= clientes.rows
|
||||
if (clientes.current < - clientes.cols * clientes.rows) {
|
||||
clientes.current = clientes.clientes.length - (clientes.cols - 1) * clientes.rows
|
||||
}
|
||||
n = clientes.current
|
||||
if (n < 0) {
|
||||
n = clientes.clientes.length + n
|
||||
}
|
||||
$('#img_clientes').find('.row:first-child').prepend(
|
||||
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes.clientes[n])
|
||||
)
|
||||
$('#img_clientes').find('.row:last-child').prepend(
|
||||
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes.clientes[n + 1])
|
||||
)
|
||||
},
|
||||
increaseClientes: () => {
|
||||
$('#img_clientes').find('.row').find('.column:first-child').remove()
|
||||
clientes.current += 2
|
||||
if (clientes.current > clientes.clientes.length - clientes.cols * clientes.rows) {
|
||||
clientes.current = - (clientes.cols - 1) * clientes.rows
|
||||
}
|
||||
$('#img_clientes').find('.row:first-child').append(
|
||||
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes.clientes[clientes.current + (clientes.cols - 1) * clientes.rows])
|
||||
)
|
||||
$('#img_clientes').find('.row:last-child').append(
|
||||
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes.clientes[clientes.current + clientes.cols * clientes.rows - 1])
|
||||
)
|
||||
},
|
||||
setup: () => {
|
||||
$('.ci .icon').css('cursor', 'pointer').click(function() {
|
||||
if ($(this).attr('class').indexOf('left') != -1) {
|
||||
clientes.decreaseClientes()
|
||||
return
|
||||
}
|
||||
clientes.increaseClientes()
|
||||
})
|
||||
}
|
||||
}
|
||||
let eventos = {
|
||||
eventos: [],
|
||||
current_tab: 'none',
|
||||
base_url: '',
|
||||
changeEventos: (filter) => {
|
||||
let grid = $('#eventos_cards')
|
||||
grid.html('')
|
||||
$.each(eventos.eventos, function(i, el) {
|
||||
if (filter != 'none' && el.servicio != filter) {
|
||||
return
|
||||
}
|
||||
console.debug(el.image)
|
||||
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', eventos.base_url + '/evento/' + i).append(
|
||||
$('<div></div>').attr('class', 'ui image').append(el.image)
|
||||
).append(
|
||||
$('<div></div>').attr('class', 'ui center aligned header').append(el.titulo).append(
|
||||
$('<br />')
|
||||
).append(el.empresa)
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
})
|
||||
},
|
||||
changeTab: (filter) => {
|
||||
$('.servicio.active').removeClass('active')
|
||||
$(".servicio[data-filter='" + filter + "']").addClass('active')
|
||||
eventos.current_tab = filter
|
||||
},
|
||||
setup: () => {
|
||||
$('.servicio').click(function(e) {
|
||||
e.preventDefault()
|
||||
let filter = $(this).attr('data-filter')
|
||||
if (filter == eventos.current_tab) {
|
||||
return
|
||||
}
|
||||
eventos.changeTab(filter)
|
||||
eventos.changeEventos(filter)
|
||||
})
|
||||
}
|
||||
}
|
||||
let testimonios = {
|
||||
testimonios: [],
|
||||
current_testimonio: 0,
|
||||
cambiar: (id) => {
|
||||
if (id == testimonios.current_testimonio) {
|
||||
return
|
||||
}
|
||||
$('#testimonio').html('').append(
|
||||
$('<p></p>').html(testimonios.testimonios[id].contenido)
|
||||
).append(
|
||||
$('<div></div>').attr('class', 'ui header').html(testimonios.testimonios[id].emisor)
|
||||
)
|
||||
$('#marcador').find(".icon[data-id='" + testimonios.current_testimonio + "']").addClass('outline')
|
||||
$('#marcador').find(".icon[data-id='" + id + "']").removeClass('outline')
|
||||
$('#marcador').find('.icon.outline').css('cursor', 'pointer')
|
||||
$('#marcador').find('.icon:not(.outline)').css('cursor', 'default')
|
||||
testimonios.current_testimonio = id
|
||||
},
|
||||
setup: () => {
|
||||
$('#marcador').find('.icon').click(function() {
|
||||
let id = $(this).attr('data-id')
|
||||
testimonios.cambiar(id)
|
||||
})
|
||||
$('#marcador').find('.icon.outline').css('cursor', 'pointer')
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user