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

Proyectos y parte de Proyecto

Browse Source
This commit is contained in:
Aldarien
2020-05-19 01:04:23 -04:00
parent 1ed3788e87
commit c5a45a1ede
38 changed files with 878 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
resources/views/proyectos/proyecto/buscar.blade.php Normal file
View File

@ -0,0 +1,54 @@
<div id="buscar">
<div class="ui header">
Buscar
</div>
<hr class="ui divider" />
<form class="ui form">
<div class="ui field">
<label>Estado:</label>
<input type="text" name="estado" />
</div>
<div class="ui field">
<label>Tipo:</label>
<input type="text" name="tipo" />
</div>
<div class="ui field">
<label>Ubicaci&oacute;n:</label>
<input type="text" name="ubicacion" />
</div>
<div class="ui field">
<label>Precio:</label>
<div class="ui range slider" id="precio"></div>
<input type="hidden" name="precio" value="1.000 - 30.000" />
<div class="price_label">
1.000 - 30.000 UF
</div>
</div>
<button class="ui fluid button">Buscar</button>
</form>
</div>
@push('scripts')
<script type="text/javascript">
function changePrice(min, max) {
$("input[name='precio']").val(min + '-' + max)
formatter = new Intl.NumberFormat('de-DE')
$('.price_label').html(formatter.format(min) + ' - ' + formatter.format(max) + ' UF')
}
var gMin = 1000
var gMax = 30000
$(document).ready(() => {
changePrice(gMin, gMax)
$('#precio').slider({
min: gMin,
max: gMax,
start: gMin,
end: gMax,
step: 500,
onChange: (range, min, max) => {
changePrice(min, max)
}
})
})
</script>
@endpush

108
resources/views/proyectos/proyecto/datos.blade.php Normal file
View File

@ -0,0 +1,108 @@
<div id="datos">
<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 Proyecto</a>
</div>
<div class="ui bottom attached basic segment active tab" data-tab="informacion">
<div class="ui grid">
<div class="four wide column">
<div class="ui two columns grid informacion">
<div class="row">
<div class="column">
Precio:
</div>
<div class="column">
{{$proyecto->valor}} UF
</div>
</div>
<div class="row">
<div class="column">
Estado:
</div>
<div class="column">
{{$proyecto->estado}}
</div>
</div>
<div class="row">
<div class="column">
Tipo:
</div>
<div class="column">
{{$proyecto->segmento}}
</div>
</div>
<div class="row">
<div class="column">
Ubicaci&oacute;n:
</div>
<div class="column">
{{$proyecto->comuna}}, {{$proyecto->ciudad}}
</div>
</div>
<div class="row">
<div class="column">
Unidades:
</div>
<div class="column">
{{$proyecto->unidades}}
</div>
</div>
<div class="row">
<div class="column">
Modelos:
</div>
<div class="column">
{{$proyecto->modelos}}
</div>
</div>
<div class="row">
<div class="column">
Tama&ntilde;o
</div>
<div class="column">
{{$proyecto->tamaño}}
</div>
</div>
</div>
</div>
<div class="twelve wide column">
{{$proyecto->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>
<div class="ui bottom attached basic segment tab" data-tab="estado">
<div class="ui fluid placeholder">
<div class="paragraph">
<div class="full line"></div>
<div class="full line"></div>
<div class="full line"></div>
<div class="full line"></div>
<div class="full line"></div>
<div class="full line"></div>
<div class="full line"></div>
<div class="full line"></div>
<div class="full line"></div>
</div>
</div>
</div>
</div>
@push('scripts')
<script type="text/javascript">
$(document).ready(() => {
$('#datos').find('.tabular .item').tab()
})
</script>
@endpush

38
resources/views/proyectos/proyecto/galeria.blade.php Normal file
View File

@ -0,0 +1,38 @@
<div id="galeria">
<div class="ui image" data-id="0">
<img src="{{$urls->images}}/{{mb_strtolower($proyecto->edificio)}}/{{$proyecto->imagen}}" />
</div>
<div class="ui grid">
@foreach ($proyecto->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($proyecto->edificio)}}/{{$image}}" />
</div>
</div>
@endforeach
</div>
</div>
@push('scripts')
<script type="text/javascript">
var images = [
@foreach ($proyecto->images as $image)
'{{$urls->images}}/{{mb_strtolower($proyecto->edificio)}}/{{$image}}',
@endforeach
]
$(document).ready(() => {
$('#galeria').find('.grid .image').click(function(e) {
var id = $(this).attr('data-id')
var big = $('#galeria>.image')
var big_id = big.attr('data-id')
big.find('img').attr('src', images[id])
big.attr('data-id', id)
$(this).find('img').attr('src', images[big_id])
$(this).attr('data-id', big_id)
})
})
</script>
@endpush