Proyectos y parte de Proyecto
This commit is contained in:
58
resources/views/proyectos/ficha.blade.php
Normal file
58
resources/views/proyectos/ficha.blade.php
Normal file
@ -0,0 +1,58 @@
|
||||
<div class="ui card ficha">
|
||||
<div class="content">
|
||||
<div class="header">
|
||||
{{$proyecto->edificio}}
|
||||
</div>
|
||||
<div class="right floated meta">
|
||||
{{$proyecto->segmento}}
|
||||
</div>
|
||||
<div class="descripcion">
|
||||
{{$proyecto->comuna}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="medium image">
|
||||
@if ($proyecto->destacado)
|
||||
<div class="overlay">Destacado</div>
|
||||
@endif
|
||||
<img src="{{$urls->images}}/{{$proyecto->imagen}}" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="ui basic segment">
|
||||
<span class="right floated">
|
||||
{{$proyecto->valor}} UF
|
||||
</span>
|
||||
Valor depto
|
||||
</div>
|
||||
<div class="ui basic segment">
|
||||
<span class="right floated">
|
||||
{{$proyecto->bono}} UF
|
||||
</span>
|
||||
Bono Pie
|
||||
</div>
|
||||
<div class="ui basic segment">
|
||||
<span class="right floated">
|
||||
{{$proyecto->rentabilidad}}%
|
||||
</span>
|
||||
Rentabilidad
|
||||
</div>
|
||||
<div class="ui basic segment">
|
||||
<span class="right floated">
|
||||
{{$proyecto->cuota}} UF
|
||||
</span>
|
||||
Valor cuota
|
||||
</div>
|
||||
<div class="ui basic segment">
|
||||
<span class="right floated">
|
||||
{{$proyecto->entrega}}
|
||||
</span>
|
||||
Entrega Estimada
|
||||
</div>
|
||||
<span class="right floated">
|
||||
<a href="{{$urls->base}}/proyecto/{{$proyecto->id}}">
|
||||
<button class="ui inverted brand button">
|
||||
Ver
|
||||
</button>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
79
resources/views/proyectos/list.blade.php
Normal file
79
resources/views/proyectos/list.blade.php
Normal file
@ -0,0 +1,79 @@
|
||||
@extends('layout.base')
|
||||
|
||||
@section('page_content')
|
||||
<div id="proyectos">
|
||||
<div class="ui container">
|
||||
<div class="ui header titulo">
|
||||
PRODUCTOS
|
||||
</div>
|
||||
<div class="ui top attached tabular menu">
|
||||
<a class="active item" data-tab="todo">
|
||||
Todo
|
||||
</a>
|
||||
@foreach ($segmentos as $segmento)
|
||||
<a class="item" data-tab="{{mb_strtolower($segmento->titulo)}}">
|
||||
{{$segmento->titulo}}
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="ui active tab bottom attached" data-tab="todo">
|
||||
<div class="ui four column stackable grid"></div>
|
||||
</div>
|
||||
@foreach ($segmentos as $segmento)
|
||||
<div class="ui tab bottom attached" data-tab="{{mb_strtolower($segmento->titulo)}}">
|
||||
<div class="ui four column stackable grid"></div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('styles')
|
||||
<link rel="stylesheet" type="text/css" href="{{$urls->styles}}/proyectos.css" />
|
||||
@endpush
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
function loadSegmento(segmento) {
|
||||
var name = segmento
|
||||
if (name.indexOf(' ') > -1) {
|
||||
name = name.replaceAll(' ', '_')
|
||||
}
|
||||
var url = '{{$urls->base}}/proyectos/segmento/' + name
|
||||
$(".tab[data-tab='" + segmento + "']").find('.grid').html('')
|
||||
$.getJSON(url, (data) => {
|
||||
$(".tab[data-tab='" + segmento + "']").find('.grid').append(
|
||||
$('<div></div>').attr('class', 'ui active centered inline loader')
|
||||
)
|
||||
$.each(data.proyectos, (i, el) => {
|
||||
getProyecto(segmento, el)
|
||||
})
|
||||
})
|
||||
}
|
||||
function getProyecto(segmento, id_proyecto) {
|
||||
var url = '{{$urls->base}}/proyecto/' + id_proyecto + '/ficha'
|
||||
$.ajax({
|
||||
url: url,
|
||||
success: (data) => {
|
||||
if ($(".tab[data-tab='" + segmento + "']").find('.grid').find('.loader').length > 0) {
|
||||
$(".tab[data-tab='" + segmento + "']").find('.grid').html('')
|
||||
}
|
||||
$(".tab[data-tab='" + segmento + "']").find('.grid').append(
|
||||
$('<div></div>').attr('class', 'column').append(data)
|
||||
)
|
||||
}
|
||||
})
|
||||
}
|
||||
$(document).ready(() => {
|
||||
loadSegmento('todo')
|
||||
$('#proyectos').find('.tabular.menu .item').tab({
|
||||
onFirstLoad: (tabPath, parameterArray, historyEvent) => {
|
||||
if (tabPath == 'todo') {
|
||||
return
|
||||
}
|
||||
loadSegmento(tabPath)
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
@endpush
|
||||
54
resources/views/proyectos/proyecto/buscar.blade.php
Normal file
54
resources/views/proyectos/proyecto/buscar.blade.php
Normal 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ó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
108
resources/views/proyectos/proyecto/datos.blade.php
Normal file
@ -0,0 +1,108 @@
|
||||
<div id="datos">
|
||||
<div class="ui top attached tabular menu">
|
||||
<a class="active item" data-tab="informacion">Informació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ó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ñ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
38
resources/views/proyectos/proyecto/galeria.blade.php
Normal 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
|
||||
32
resources/views/proyectos/show.blade.php
Normal file
32
resources/views/proyectos/show.blade.php
Normal file
@ -0,0 +1,32 @@
|
||||
@extends('layout.base')
|
||||
|
||||
@section('page_content')
|
||||
<div id="proyecto">
|
||||
<div class="ui container">
|
||||
<div class="ui grid">
|
||||
<div class="thirteen wide column">
|
||||
<div class="titulo">
|
||||
<span class="ui header">
|
||||
{{$proyecto->edificio}}
|
||||
</span>
|
||||
<span class="direccion">
|
||||
{{$proyecto->direccion}}, {{$proyecto->comuna}}, {{$proyecto->ciudad}}
|
||||
</span>
|
||||
<div class="publicado">
|
||||
Publicado el {{$proyecto->publicacion}}
|
||||
</div>
|
||||
</div>
|
||||
@include('proyectos.proyecto.galeria')
|
||||
</div>
|
||||
<div class="three wide column">
|
||||
@include('proyectos.proyecto.buscar')
|
||||
</div>
|
||||
</div>
|
||||
@include('proyectos.proyecto.datos')
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('styles')
|
||||
<link rel="stylesheet" type="text/css" href="{{$urls->styles}}/proyecto.css" />
|
||||
@endpush
|
||||
Reference in New Issue
Block a user