Afinaciones

This commit is contained in:
2020-04-10 14:39:18 -04:00
parent 692c001cd5
commit a1311ee250
14 changed files with 150 additions and 79 deletions

View File

@ -3,29 +3,33 @@
CLIENTES
</div>
<div class="ui grid">
<div class="column ci">
<i class="left chevron big icon" id="left_arrow"></i>
</div>
<div class="fourteen wide column">
<div class="ui center aligned stackable grid" id="img_clientes">
<div class="row">
@for ($i = 0; $i < min(10, count($clientes)); $i += 2)
<div class="three wide column">
{!!$clientes[$i]!!}
</div>
@endfor
</div>
<div class="row">
@for ($i = 1; $i < min(10, count($clientes)); $i += 2)
<div class="three wide column">
{!!$clientes[$i]!!}
</div>
@endfor
</div>
<div class="two column row">
<div class="left alined column ci">
<i class="left chevron big icon" id="left_arrow"></i>
</div>
<div class="right aligned column ci">
<i class="right chevron big icon" id="right_arrow"></i>
</div>
</div>
<div class="column ci">
<i class="right chevron big icon" id="right_arrow"></i>
<div class="one column row">
<div class="column">
<div class="ui center aligned grid" id="img_clientes">
<div class="row">
@for ($i = 0; $i < min(12, count($clientes)); $i += 2)
<div class="five wide tablet two wide computer column">
{!!$clientes[$i]!!}
</div>
@endfor
</div>
<div class="row">
@for ($i = 1; $i < min(12, count($clientes)); $i += 2)
<div class="five wide tablet two wide computer column">
{!!$clientes[$i]!!}
</div>
@endfor
</div>
</div>
</div>
</div>
</div>
</div>
@ -38,34 +42,36 @@
@endforeach
]
var current = 0
var rows = 2
var cols = 6
function decreaseClientes() {
$('#img_clientes').find('.row').find('.column:last-child').remove()
current -= 2
if (current < -8) {
current = clientes.length - 10
current -= rows
if (current < - cols * rows) {
current = clientes.length - (cols - 1) * rows
}
n = current
if (n < 0) {
n = clientes.length + n
}
$('#img_clientes').find('.row:first-child').prepend(
$('<div></div>').attr('class', 'three wide column').append(clientes[n])
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes[n])
)
$('#img_clientes').find('.row:last-child').prepend(
$('<div></div>').attr('class', 'three wide column').append(clientes[n + 1])
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes[n + 1])
)
}
function increaseClientes() {
$('#img_clientes').find('.row').find('.column:first-child').remove()
current += 2
if (current > clientes.length - 10) {
current = -8
if (current > clientes.length - cols * rows) {
current = - (cols - 1) * rows
}
$('#img_clientes').find('.row:first-child').append(
$('<div></div>').attr('class', 'three wide column').append(clientes[current + 8])
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes[current + (cols - 1) * rows])
)
$('#img_clientes').find('.row:last-child').append(
$('<div></div>').attr('class', 'three wide column').append(clientes[current + 9])
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes[current + cols * rows - 1])
)
}
$(document).ready(function() {