Admin producto y mirar mapa

This commit is contained in:
2020-05-27 13:39:14 -04:00
parent 31f308f5c7
commit 24c74d2887
9 changed files with 294 additions and 41 deletions

View File

@ -6,6 +6,7 @@ $app->group('/productos', function($app) {
$app->get('[/]', [Productos::class, 'add']);
$app->post('[/]', [Productos::class, 'do_add']);
});
$app->post('/delete', [Productos::class, 'delete']);
$app->get('[/]', Productos::class);
});
$app->group('/producto/{producto}', function($app) {

View File

@ -22,6 +22,10 @@
<label>Comuna</label>
<input type="text" name="comuna" value="{{$producto->comuna ?? ''}}" />
</div>
<div class="field">
<label>Ciudad</label>
<input type="text" name="ciudad" value="{{$producto->ciudad ?? ''}}" />
</div>
</div>
</div>
<div class="column">
@ -101,7 +105,7 @@
<div class="fields">
<div class="field">
<label>Tamaño M&iacute;nimo</label>
<input type="text" name="tamaño" value="{{(isset($producto->tamaño)) ? explode(' - ', rtrim($producto->tamaño, ' m²'))[0] : ''}}" />
<input type="text" name="tamaño_min" value="{{(isset($producto->tamaño)) ? explode(' - ', rtrim($producto->tamaño, ' m²'))[0] : ''}}" />
</div>
<div class="field">
<label>Tamaño M&aacute;ximo</label>
@ -122,6 +126,8 @@
</div>
<div id="imagenes" class="ui list"></div>
</div>
<?php
/*
<div class="column">
<div class="field">
<label>Video</label>
@ -138,6 +144,7 @@
@endif
</div>
</div>
*/?>
</div>
<br />
<button class="ui button">GUARDAR</button>
@ -192,9 +199,13 @@
text: {
months: months.long,
monthsShort: months.short
},
formatInput: false,
onChange: function(a, b) {
$(this).find('input').val(('0' + (a.getMonth() + 1)).slice(-2) + '/' + a.getFullYear())
}
})
var entrega = new Date('20{{implode('-', array_reverse(explode('/', $producto->entrega)))}}-01T01:00')
var entrega = new Date('{{str_pad(implode('-', array_reverse(explode('/', $producto->entrega))), 7, '20', STR_PAD_LEFT)}}-01T01:00')
$('.calendar').calendar('set date', entrega)
$('.checkbox').checkbox()
@if ($producto->destacado)

View File

@ -22,6 +22,10 @@
<label>Comuna</label>
<input type="text" name="comuna" />
</div>
<div class="field">
<label>Ciudad</label>
<input type="text" name="ciudad" />
</div>
</div>
</div>
<div class="column">
@ -101,7 +105,7 @@
<div class="fields">
<div class="field">
<label>Tamaño M&iacute;nimo</label>
<input type="text" name="tamaño" />
<input type="text" name="tamaño_min" />
</div>
<div class="field">
<label>Tamaño M&aacute;ximo</label>
@ -150,6 +154,10 @@
text: {
months: months.long,
monthsShort: months.short
},
formatInput: false,
onChange: function(a) {
$(this).find('input').val(('0' + (a.getMonth() + 1)).slice(-2) + '/' + a.getFullYear())
}
})
$('.checkbox').checkbox()

View File

@ -2,7 +2,6 @@
<div class="ui top attached tabular menu">
<a class="active item" data-tab="informacion">Informaci&oacute;n</a>
<a class="item" data-tab="mapa">Ver Mapa</a>
<a class="item" data-tab="video">Video</a>
<a class="item" data-tab="estado">Estado del producto</a>
</div>
<div class="ui bottom attached basic segment active tab" data-tab="informacion">
@ -14,7 +13,7 @@
Precio:
</div>
<div class="column">
{{$producto->valor}} UF
{{$producto->valor ?? ''}} UF
</div>
</div>
<div class="row">
@ -22,7 +21,7 @@
Estado:
</div>
<div class="column">
{{$producto->estado}}
{{$producto->estado ?? ''}}
</div>
</div>
<div class="row">
@ -30,7 +29,7 @@
Tipo:
</div>
<div class="column">
{{$producto->segmento}}
{{$producto->segmento ?? ''}}
</div>
</div>
<div class="row">
@ -38,7 +37,7 @@
Ubicaci&oacute;n:
</div>
<div class="column">
{{$producto->comuna}}, {{$producto->ciudad}}
{{$producto->comuna ?? ''}}, {{$producto->ciudad ?? ''}}
</div>
</div>
<div class="row">
@ -46,7 +45,7 @@
Unidades:
</div>
<div class="column">
{{$producto->unidades}}
{{$producto->unidades ?? ''}}
</div>
</div>
<div class="row">
@ -54,7 +53,7 @@
Modelos:
</div>
<div class="column">
{{$producto->modelos}}
{{$producto->modelos ?? ''}}
</div>
</div>
<div class="row">
@ -62,25 +61,21 @@
Tama&ntilde;o
</div>
<div class="column">
{{$producto->tamaño}}
{{$producto->tamaño ?? ''}}
</div>
</div>
</div>
</div>
<div class="twelve wide column">
{{$producto->descripcion}}
{{$producto->descripcion ?? ''}}
</div>
</div>
</div>
<div class="ui bottom attached basic segment tab" data-tab="mapa">
<div class="ui fluid placeholder">
<div class="image"></div>
</div>
</div>
<div class="ui bottom attached basic segment tab" data-tab="video">
<div class="ui fluid placeholder">
<div class="image"></div>
</div>
<div class="ui embed" id="map" data-source="Google Maps"
data-url="https://maps.google.com/maps?hl=es&amp;amp;q={{(isset($producto->direccion)) ? str_replace(' ', '%20', implode(', ', [
$producto->direccion, $producto->comuna
])) : 'Santiago,%20Chile'}}&amp;amp;ie=UTF8&amp;amp;z=11&amp;amp;iwloc=B&amp;amp;output=embed"></div>
</div>
<div class="ui bottom attached basic segment tab" data-tab="estado">
<div class="ui fluid placeholder">
@ -103,6 +98,7 @@
<script type="text/javascript">
$(document).ready(() => {
$('#datos').find('.tabular .item').tab()
$('#map').embed()
})
</script>
@endpush

View File

@ -1,19 +1,21 @@
<div id="galeria">
<div class="ui image" data-id="0">
<img src="{{$urls->images}}/{{mb_strtolower($producto->nombre)}}/{{$producto->imagen}}" />
</div>
<div class="ui grid" id="thumbnails">
@foreach ($producto->images as $i => $image)
@if ($i == 0)
@continue
@endif
<div class="three wide column">
<div class="ui image" data-id="{{$i}}">
<img src="{{$urls->images}}/{{mb_strtolower($producto->nombre)}}/{{$image}}" />
@if (count($producto->images))
<div class="ui image" data-id="0">
<img src="{{$urls->images}}/{{mb_strtolower($producto->nombre)}}/{{$producto->imagen}}" />
</div>
<div class="ui grid" id="thumbnails">
@foreach ($producto->images as $i => $image)
@if ($i == 0)
@continue
@endif
<div class="three wide column">
<div class="ui image" data-id="{{$i}}">
<img src="{{$urls->images}}/{{mb_strtolower($producto->nombre)}}/{{$image}}" />
</div>
</div>
</div>
@endforeach
</div>
@endforeach
</div>
@endif
</div>
@push('scripts')

View File

@ -10,10 +10,10 @@
{{$producto->nombre}}
</span>
<span class="direccion">
{{$producto->direccion}}, {{$producto->comuna}}, {{$producto->ciudad}}
{{$producto->direccion ?? ''}}, {{$producto->comuna ?? ''}}, {{$producto->ciudad ?? ''}}
</span>
<div class="publicado">
Publicado el {{$producto->publicacion}}
Publicado el {{$producto->publicacion ?? ''}}
</div>
</div>
@include('productos.producto.galeria')