VILADECANS LLEVANT I - Vivienda

Descripci�

Llevant �s un complex residencial de 58 habitatges de VPO. Tots els habitatges consten de 3 habitacions, 2 banys, terrassa, pla�a d'aparcament i traster.

La promoci� est� situada el terme municipal de Viladecans, l Sector Llevant.

Oficina de vendes en Ctra. de Barcelona,N� 49. Viladecans.

</iframe</p> <div class="row"> <div class="small-12 medium-12 large-12 columns"> <div class="title_images_pro"> <h3>Habitatges disponibles</h3> <br/> <table> <tr> <th>Localitzaci�</th> <th>Superf�cie (HPO)</th> <th id="num_habitaciones">Dormitorios</th> <th>Banys</th> <th>PVP</th> <th></th> </tr> <script src="https://www.qhs.cat/continguts/js/jquery3.4.1.min.js"></script> <script> $(document).ready(function() { ; var num_habitaciones = "N� Habitacions"; var idioma = "CA"; if( idioma == "CA" ){ //num_habitaciones = num_habitaciones.substring(0,8).concat(""); num_habitaciones = "Dormitoris"; }else{ num_habitaciones = "Dormitorios"; } if (screen.width < 412){ //document.write ("Peque�a") var num_habitaciones = "N� Habitacions"; ; var idioma = "CA"; if( idioma == "CA" ){ //num_habitaciones = num_habitaciones.substring(0,8).concat(""); num_habitaciones = num_habitaciones.substring(0,8).concat(""); }else{ num_habitaciones = num_habitaciones.substring(0,8).concat(""); } $('#' + num_habitaciones).val(num_habitaciones); }else{ if (screen.width < 1280){ //document.write ("Mediana") }else{ //document.write ("Grande") } } $('#num_habitaciones').html(num_habitaciones); console.log(num_habitaciones); }); </script> <tr> <td style="text-align:center;">8� 2� </td> <td style="text-align:center;">85.31</td> <td style="text-align:center;">3</td> <td style="text-align:center;">2</td> <td style="text-align:center;">289.500€</td> <td style="text-align:center;"><a href="https://www.qhs.cat/ca/promocions/vivienda/viladecans/viladecans_llevant_i/479/1/15330/">Veure</a></td> </tr> </table> </div> </div>  <div class="small-12 medium-12 large-6 columns"> <div class="title_images_pro"> <h3>Imatges de la promoci�</h3> </div> </div> <div class="row"> <div class="small-12 medium-12 large-6 columns"> <div class="row2"> <div class="grid"> <a class="fancybox-media" rel="media-gallery" href="https://www.qhs.cat/imgs/WWW_PROMOCIONES/1594_wa_cam2_final_2_33_539_327/vacio.jpg"> <figure class="effect-milo2"> <img src="https://www.qhs.cat/imgs/WWW_PROMOCIONES/1594_wa_cam2_final_2_33_539_327/vacio.jpg" alt="vacio" title="vacio"> <figcaption> <h2><span></span></h2> <p></p> </figcaption> </figure> </a> </div> </div> </div> </div> </div>  <div class="small-12 medium-12 large-12 columns"> <div class="title_images_pro"> <h3>Tipologies</h3> </div> </div> <div class="row2"> <div class="small-12 medium-12 large-6 columns"> <div class="row2"> <div class="grid"> <a class="fancybox-media" rel="media-gallery" href="https://www.qhs.cat/imgs/WWW_PROMOCIONES/1582_9h_tipologia_1_20230615_sense_fons/tipo1.png"> <figure class="effect-milo2"> <img src="https://www.qhs.cat/imgs/WWW_PROMOCIONES/1582_9h_tipologia_1_20230615_sense_fons/tipo1.png" alt="Tipo1" title="Tipo1"> <figcaption> <h2><span class="blue">Tipo1</span></h2> <p></p> </figcaption> </figure> </a> <div class="row2"> <div class="grid"> <a class="fancybox-media" rel="media-gallery" href="https://www.qhs.cat/imgs/WWW_PROMOCIONES/1584_fh_tipologia_2_539_327/tipo_2.jpg"> <figure class="effect-milo2"> <img src="https://www.qhs.cat/imgs/WWW_PROMOCIONES/1584_fh_tipologia_2_539_327/tipo_2.jpg" alt="Tipo 2" title="Tipo 2"> <figcaption> <h2><span class="blue">Tipo 2</span></h2> <p></p> </figcaption> </figure> </a> </div> </div> </div>  </div> </div>  <div class="small-12 medium-12 large-4 columns padding_top_20"> <div class="sidebar"> <div class="brochure_download" style="display:none;"> <h4><strong>Municipi</strong><br/>VILADECANS</h4> <h4><strong>Actuaci�</strong><br/>SECTORLLEVANT. <br> Desde 289.500Euros </h4> <h4><strong>Comercial</strong><br/>comercial@qhs.cat<br>936011080</h4> <h4><strong>Disponibles</strong><br/>1</h4> </div> </div>  <link rel="stylesheet" type="text/css" href="https://www.qhs.cat/continguts/css/chart.css"> <script src="https://www.qhs.cat/continguts/js/jquery3.4.1.min.js"></script> <script src="https://www.qhs.cat/continguts/js/moment.min.js"></script> <script src="https://www.qhs.cat/continguts/js/chart.min.js"></script> <script src="https://www.qhs.cat/continguts/js/chart100.js"></script> <script> $(document).ready(function() { var canvas = document.getElementById('myChart'); //change canvas resolutions if (screen.width < 1024){ //document.write ("Peque�a") canvas.width = 400; canvas.height = 400; }else{ if (screen.width < 1280){ //document.write ("Mediana") }else{ //document.write ("Grande") } } var idioma = "CA"; var textoDisponibles = 'VIVIENDAS DISPONIBLES'; if( idioma == "CA" ){ textoDisponibles = 'VIVENDES DISPONIBLES'; } var texto = "HABITATGES VENUTS"; var data = { labels: [ texto, textoDisponibles ], datasets: [ { data: [97,100 - 97], backgroundColor: [ "#5B5B5B", "#f4f4f4" ], hoverBackgroundColor: [ "#5B5B5B", "#f4f4f4" ], borderWidth: 0, borderColor:"#5B5B5B" }] }; var myChart = new Chart(canvas, { type: 'doughnut', data: data, options: { cutoutPercentage: 75, responsive: true, legend: { display: false }/* ,tooltips: { callbacks: { label: function(tooltipItem, data) { var label = data.datasets[tooltipItem.datasetIndex].label || ''; if (label) { label += ': '; } label += Math.round(tooltipItem.yLabel * 100) / 100; return label; } } }*/ } }); Chart.pluginService.register({ beforeDraw: function(chart) { var width = chart.chart.width, height = chart.chart.height, ctx = chart.chart.ctx; ctx.restore(); var fontSize = (height / 114).toFixed(2); ctx.font = fontSize + "em sans-serif"; ctx.textBaseline = "middle"; ctx.fillStyle = "#5B5B5B"; var text = 97+"%", textX = Math.round((width - ctx.measureText(text).width) / 2), textY = height / 2; //textY = height / 2 + 20; ctx.fillText(text, textX, textY); ctx.fillColor= 'rgba(141, 141, 141, 1)'; ctx.save(); } }); }); </script> <div class="row2 myChartRow"> <div class="col-md-6"> <div class="box box-success"> <div class="box-header with-border"> <h3 class="box-title">HABITATGES VENUTS</h3> </div> <div class="box-body myChartDiv"> <div class="chart">  <div class=""> <canvas id="myChart" ></canvas> </div> </div> </div>  </div> </div> <script> $(document).ready(function() { /* var canvasBar = document.getElementById('myChartBar'); //change canvas resolutions if (screen.width < 1024){ //document.write ("Peque�a") canvasBar.width = 400; canvasBar.height = 400; }else{ if (screen.width < 1280){ //document.write ("Mediana") }else{ //document.write ("Grande") } } */ var idioma = "CA"; var textoDisponibles = 'VIVIENDAS DISPONIBLES'; if( idioma == "CA" ){ textoDisponibles = 'VIVENDES DISPONIBLES'; } var texto = "HABITATGES VENUTS"; var data = { labels: [ texto, textoDisponibles ], datasets: [ { data: [97,100 - 97], backgroundColor: [ "#5B5B5B", "#f4f4f4" ], hoverBackgroundColor: [ "#5B5B5B", "#f4f4f4" ] }] }; //horizontalBar var idioma = "CA"; var textoFinalizado = 'Finalizado'; var textoPendiente = 'Pendiente'; if( idioma == "CA" ){ textoFinalizado = 'Finalitzat'; textoPendiente = 'Pendent'; } const chart = new Chart(document.getElementById("my-chart-1"), { type: "horizontalBar", data: { labels: [""], datasets: [ { label: textoFinalizado, data: [5], backgroundColor: "#5B5B5B" }, { label: textoPendiente, data: [100 - 5], backgroundColor: "#f4f4f4" }, //{ label: textoPendiente, data: [100 - 5], backgroundColor: "#f4f4f4" }, ] }, options: { tooltips: { callbacks: { label: (tooltipItem, data) => { const datasetIndex = tooltipItem.datasetIndex; const datasetLabel = data.datasets[datasetIndex].label; // You can use two type values. // `data.originalData` is raw values, // `data.calculatedData` is percentage values, e.g. 20.5 (The total value is 100.0) const originalValue = data.originalData[datasetIndex][tooltipItem.index]; const rateValue = data.calculatedData[datasetIndex][tooltipItem.index]; return `${datasetLabel}: ${rateValue}% (raw ${originalValue})`; } } }, scales: { yAxes:[{ barThickness: 25, ticks: { beginAtZero:true, mirror: true, }, }], }, //responsive: true, plugins: { stacked100: { enable: true, replaceTooltipLabel: true} }, yAxes: [ { stacked: true, //barPercentage: 0.15 } ] ,legend: { onClick: function (e) { e.stopPropagation(); } } ,animation: { onComplete: function() { var chartInstance = this.chart; var ctx4 = chartInstance.ctx; ctx4.textAlign = "left"; ctx4.font = "14px Open Sans"; ctx4.fillStyle = "black"; Chart.helpers.each( this.data.datasets.forEach(function(dataset, i) { var meta = chartInstance.controller.getDatasetMeta(i); Chart.helpers.each( meta.data.forEach(function(bar, index) { data = dataset.data[index]; if (i == 0) { ctx4.fillText(" " + data + "%", bar._model.x/1.6, bar._model.y + 4); } else { //ctx4.fillText(data + "%", bar._model.x-45, bar._model.y + 4); ctx4.fillText("", bar._model.x-45, bar._model.y + 4); } }), this ); }), this ); } } } }); }); </script> <div class="col-md-6"> <div class="box box-success"> <div class="box-header with-border"> <h3 class="box-title">PROGR�S D'OBRA</h3> </div> <div class="box-body" > <div class="chart">  <div class="">  <canvas id="Chart1" style="display:none;"></canvas> <canvas id="myChartBar" style="display:none;"></canvas>  <div class="my-chart-container"> <canvas id="my-chart-1" width="600" height="200"></canvas> </div> </div> </div> </div>  </div> </div> </div>    <div class="small-12 medium-12 large-12 columns"> <div class="title_ubicacio"> <h3>Ubicaci�</h3> </div> <div class="sitemap"> <iframe width="100%" height="308" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=41.323619,2.025758&hl=es;z=14&output=embed" >