a22573bf0b
- WordPress core y plugins - Tema Twenty Twenty-Four configurado - Plugin allow-unfiltered-html.php simplificado - .gitignore configurado para excluir wp-config.php y uploads 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
422 lines
18 KiB
HTML
Executable File
422 lines
18 KiB
HTML
Executable File
<form action="" method="post">
|
|
|
|
<p class="instructions">Basado en las recomendaciones de Holcim Apasco <a href="https://www.holcim.com.mx/sites/mexico/files/atoms/files/mx_holcim_apasco.pdf" target="_blank">Haz clic aquí para ver la ficha técnica</a></p>
|
|
<p class="instructions"><b>Paso 1.</b> Configura los parámetros de cálculo a usar: resistencia, origen del agregado, humeda de la arena, tamaño de la grava y volumen del bote.</p>
|
|
<p class="instructions"><b>Paso 2.</b> Da clic en la pestaña que corresponda con el tipo de cálculo que quieras</p>
|
|
<p class="instructions"><b>Paso 3.</b> Si corresponde, ingresa los valores en las celdas verdes</p>
|
|
<p class="instructions"><b>Paso 4.</b> Haz clic en el botón <b>Calcular proporciones</b></p>
|
|
<p class="instructions">Para las opciones: Volumen de concerto, Sacos de cemento, Mezcla personalizada, en los cuadros verdes ingresa el volumen de concreto a fabricar o número de sacos a utilizar.</p>
|
|
<p class="instructions">Las celdas en color verde son editables. Los valores de pesos volumétricos y densidad son definidos por defecto no es necesario que los cambies; sin embargo, si cuentas con tus propios valores los puedes ingresar.</p>
|
|
<div class="row">
|
|
<div class="col-6 col-md-6">
|
|
<div class="row">
|
|
<div class="col-12 col-md-3">Resistencia:</div>
|
|
<div class="col-12 col-md-7">
|
|
<input type="hidden" name="resistance_str" id="resistance_str" value="100 kg/cm²">
|
|
<select name="resistance" id="resistance" class="form-control full-width">
|
|
<option value="100">100 kg/cm²</option>
|
|
<option value="150">150 kg/cm²</option>
|
|
<option value="200">200 kg/cm²</option>
|
|
<option value="250">250 kg/cm²</option>
|
|
<option value="300">300 kg/cm²</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-md-3">Origen del agregado:</div>
|
|
<div class="col-12 col-md-7">
|
|
<input type="hidden" name="aggregate_origin_str" id="aggregate_origin_str" value="De río">
|
|
<select name="aggregate_origin" id="aggregate_origin" class="form-control full-width">
|
|
<option value="river">De río</option>
|
|
<option value="valley">De mina Valle de México</option>
|
|
<option value="volcanica ligeria">De mina volcánica ligera</option>
|
|
<option value="yucatan limestone">Caliza Yucatán</option>
|
|
<option value="crushed limestone">Caliza Triturada</option>
|
|
<option value="crushed volcanic quarry">Triturados cantera volcánica</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-md-3">Humedad de la arena:</div>
|
|
<div class="col-12 col-md-7">
|
|
<input type="hidden" name="sand_moisture_str" id="sand_moisture_str" value="Seca">
|
|
<select name="sand_moisture" id="sand_moisture" class="form-control half-width">
|
|
<option value="dry">Seca</option>
|
|
<option value="semi wet">Semi húmeda</option>
|
|
<option value="wet">Húmeda</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-md-3">Tamano de la grava:</div>
|
|
<div class="col-12 col-md-7">
|
|
<input type="hidden" name="gravel_size_str" id="gravel_size_str" value='3/4"'>
|
|
<select name="gravel_size" id="gravel_size" class="form-control half-width">
|
|
<option value="three fourth">3/4"</option>
|
|
<option value="one and half">1 1/2"</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-md-3">Volumen bote litros:</div>
|
|
<div class="col-12 col-md-7">
|
|
<input type="hidden" name="volume_liters_str" id="volume_liters_str" value='19'>
|
|
<select name="volume_liters" id="volume_liters" class="form-control half-width">
|
|
<option value="18">18</option>
|
|
<option value="19" selected="selected">19</option>
|
|
<option value="20">20</option>
|
|
</select>
|
|
<span class="hint">Recomendado 19 lt</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- /col-md-6 -->
|
|
|
|
<div class="col-6 col-md-6">
|
|
<div class="row less-pad">
|
|
<div class="col-12 col-md-4">Aplicacion:</div>
|
|
<div class="col-12 col-md-8">
|
|
<input type="hidden" name="application_str" id="application_str" value="Bases para empedrados y firmes">
|
|
<select name="application" id="application" class="form-control full-width">
|
|
<option value="paved and firm">Bases para empedrados y firmes</option>
|
|
<option value="flats castles">Pisos, castillos y guamiciones</option>
|
|
<option value="footings walls">Losas, trabes, zapatas y muros</option>
|
|
<option value="special slabs">Columnas y losas especiales</option>
|
|
<option value="high strength">Concreto de alta resistencia</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row less-pad">
|
|
<div class="col-12 mb-3">
|
|
<div class="clear"><strong>Peso volumetrico y densidad de la arena</strong></div>
|
|
</div>
|
|
<div class="col-12 col-md-4">
|
|
PV semicompacto. Kg/m<sup>3</sup>.
|
|
</div>
|
|
<div class="col-12 col-md-2">
|
|
<input type="text" name="semi-compact-pv-arena" id="semi-compact-pv-arena" value="" class="form-control inputdata">
|
|
</div>
|
|
<div class="col-12 col-md-3 text-right">
|
|
Densidad. g/cm<sup>3</sup>.
|
|
</div>
|
|
<div class="col-12 col-md-2">
|
|
<input type="text" name="density-arena" id="density-arena" value="" class="form-control inputdata">
|
|
</div>
|
|
</div>
|
|
<div class="row less-pad">
|
|
<div class="col-12 mb-3">
|
|
<div class="clear"><strong>Peso volumetrico y densidad de la grava</strong></div>
|
|
</div>
|
|
<div class="col-12 col-md-4">
|
|
PV semicompacto. Kg/m<sup>3</sup>.
|
|
</div>
|
|
<div class="col-12 col-md-2">
|
|
<input type="text" name="semi-compact-pv-grava" id="semi-compact-pv-grava" value="" class="form-control inputdata">
|
|
</div>
|
|
<div class="col-12 col-md-3 text-right">
|
|
Densidad. g/cm<sup>3</sup>.
|
|
</div>
|
|
<div class="col-12 col-md-2">
|
|
<input type="text" name="density-grava" id="density-grava" value="" class="form-control inputdata">
|
|
</div>
|
|
</div>
|
|
<div class="row less-pad">
|
|
<div class="col-12 mb-3">
|
|
<div class="clear"><strong>Densidad de cemento</strong></div>
|
|
</div>
|
|
<div class="col-12 col-md-4">
|
|
Densidad cemento. g/cm<sup>3</sup>:
|
|
</div>
|
|
<div class="col-12 col-md-2">
|
|
<input type="text" name="cement-density" id="cement-density" value="2.95" class="form-control inputdata">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /col-md-6 -->
|
|
</div>
|
|
|
|
<div class="calculadoras">
|
|
|
|
<div class="row pb-4">
|
|
<div class="col-12 text-right">
|
|
<span class="export-excel">Exportar a Excel</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12"><button type="button" name="calculate-proportions" id="calculate-proportions" class="full-width p-4">Calcular proporciones</button></div>
|
|
</div>
|
|
</div>
|
|
<div class="row pt-3">
|
|
<div class="col-12">
|
|
<input type="hidden" name="active_tab" id="active_tab" value="0">
|
|
<input type="hidden" name="tab_str" id="tab_str" value="Resistencia y Aplicacion">
|
|
<div id="tabs">
|
|
<ul>
|
|
<li><a href="#tabs-1">Resistencia y Aplicacion</a></li>
|
|
<li><a href="#tabs-2">Volumen de concerto</a></li>
|
|
<li><a href="#tabs-3">Sacos de cemento</a></li>
|
|
<li><a href="#tabs-4">Mezcla personalizada</a></li>
|
|
</ul>
|
|
|
|
<div id="tabs-1">
|
|
<div class="col-12 mb-3">
|
|
<div class="clear"><strong>Proporción calculada para un saco de cemento con base al uso</strong></div>
|
|
<h4 id="tab1-heading" class="pt-4 text-center"></h4>
|
|
<div class="row align-center less-pad">
|
|
<div class="col-4">
|
|
<div class="row">
|
|
<div class="col-6">No. revolturas para 1 m<sup>3</sup>:</div>
|
|
<div class="col-6"><input type="text" name="tab1_number_of_stirrers" id="tab1_number_of_stirrers" value="" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">Agua:</div>
|
|
<div class="col-6"><input type="text" name="tab1_agua" id="tab1_agua" value="" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">Cemento:</div>
|
|
<div class="col-6"><input type="text" name="tab1_cemento" id="tab1_cemento" value="" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">Arena:</div>
|
|
<div class="col-6"><input type="text" name="tab1_arena" id="tab1_arena" value="" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">Grava:</div>
|
|
<div class="col-6"><input type="text" name="tab1_grava" id="tab1_grava" value="" disabled readonly></div>
|
|
</div>
|
|
</div>
|
|
<!--/ col-4 -->
|
|
|
|
<div class="col-4">
|
|
<div class="row">
|
|
<div class="col-6">Volumen (aprox):</div>
|
|
<div class="col-6"><input type="text" name="tab1_approximate_volume" id="tab1_approximate_volume" value="" disabled readonly> m3</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">botes</div>
|
|
<div class="col-6"><input type="text" name="tab1_agua_botes" id="tab1_agua_botes" value="" disabled readonly> litros</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">sacos</div>
|
|
<div class="col-6"><input type="text" name="tab1_cemento_sacos" id="tab1_cemento_sacos" value="" disabled readonly> litros</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">botes</div>
|
|
<div class="col-6"><input type="text" name="tab1_arena_botes" id="tab1_arena_botes" value="" disabled readonly> litros</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">botes</div>
|
|
<div class="col-6"><input type="text" name="tab1_grava_botes" id="tab1_grava_botes" value="" disabled readonly> litros</div>
|
|
</div>
|
|
</div>
|
|
<!--/ col-4 -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tabs-2">
|
|
<div class="col-12 mb-3">
|
|
<div class="clear"><strong>Proporción calculada con base el volumen a fabricar</strong></div>
|
|
<h4 id="tab2-heading" class="pt-4 text-center"></h4>
|
|
|
|
<div class="row align-center less-pad">
|
|
<div class="col-4">
|
|
<div class="row">
|
|
<div class="col-5"><b>Volumen a fabricar:</b></div>
|
|
<div class="col-6"><input class="inputdata" type="text" name="tab2_manufacturer_volume" id="tab2_manufacturer_volume" value="1.00"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Agua:</div>
|
|
<div class="col-6"><input type="text" name="tab2_agua" id="tab2_agua" value="" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Cemento:</div>
|
|
<div class="col-6"><input type="text" name="tab2_cemento" id="tab2_cemento" value="" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Arena:</div>
|
|
<div class="col-6"><input type="text" name="tab2_arena" id="tab2_arena" value="" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Grava:</div>
|
|
<div class="col-6"><input type="text" name="tab2_grava" id="tab2_grava" value="" disabled readonly></div>
|
|
</div>
|
|
</div>
|
|
<!--/ col-4 -->
|
|
|
|
<div class="col-4">
|
|
<div class="row">
|
|
<div class="col-3">m3</div>
|
|
<div class="col-6"><input type="text" style="visibility: hidden;" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab2_agua_botes" id="tab2_agua_botes" value="" disabled readonly> m3</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">sacos</div>
|
|
<div class="col-6"><input type="text" name="tab2_cemento_sacos" id="tab2_cemento_sacos" value="" disabled readonly> t</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab2_arena_botes" id="tab2_arena_botes" value="" disabled readonly> m3</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab2_grava_botes" id="tab2_grava_botes" value="" disabled readonly> m3</div>
|
|
</div>
|
|
</div>
|
|
<!--/ col-4 -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tabs-3">
|
|
<div class="col-12 mb-3">
|
|
<div class="clear"><strong>Proporción calculada con base en el número de sacos a utilizar</strong></div>
|
|
<h4 id="tab3-heading" class="pt-4 text-center"></h4>
|
|
|
|
<div class="row align-center less-pad">
|
|
<div class="col-4">
|
|
<div class="row">
|
|
<div class="col-5"><b>Sacos a utilizar:</b></div>
|
|
<div class="col-6"><input class="inputdata" type="text" name="tab3_bags_to_use" id="tab3_bags_to_use" value="1.00"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Agua:</div>
|
|
<div class="col-6"><input type="text" name="tab3_agua" id="tab3_agua" value="" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Cemento:</div>
|
|
<div class="col-6"><input type="text" name="tab3_cemento" id="tab3_cemento" value="" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Arena:</div>
|
|
<div class="col-6"><input type="text" name="tab3_arena" id="tab3_arena" value="" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Grava:</div>
|
|
<div class="col-6"><input type="text" name="tab3_grava" id="tab3_grava" value="" disabled readonly></div>
|
|
</div>
|
|
</div>
|
|
<!--/ col-4 -->
|
|
|
|
<div class="col-4">
|
|
<div class="row">
|
|
<div class="col-3">Volumen (aprox):</div>
|
|
<div class="col-6"><input type="text" name="tab3_approximate_volume" id="tab3_approximate_volume" value=""> m3</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab3_agua_botes" id="tab3_agua_botes" value="" disabled readonly> m3</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">sacos</div>
|
|
<div class="col-6"><input type="text" name="tab3_cemento_sacos" id="tab3_cemento_sacos" value="" disabled readonly> t</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab3_arena_botes" id="tab3_arena_botes" value="" disabled readonly> m3</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab3_grava_botes" id="tab3_grava_botes" value="" disabled readonly> m3</div>
|
|
</div>
|
|
</div>
|
|
<!--/ col-4 -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tabs-4">
|
|
<div class="col-12 mb-3">
|
|
<div class="clear"><strong>Proporción personalizada calculada con base en el volumen a fabricar y dosificaciones recomendadas por otros fabricantes.</strong></div>
|
|
<h4 id="tab4-heading" class="pt-4 text-center"></h4>
|
|
|
|
<div class="row align-center less-pad">
|
|
<div class="col-4">
|
|
<div class="row">
|
|
<div class="col-5"><b>Volumen a fabricar:</b></div>
|
|
<div class="col-6"><input class="inputdata" type="text" name="tab4_manufacturer_volume" id="tab4_manufacturer_volume" value="0.00"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Agua:</div>
|
|
<div class="col-6"><input class="inputdata" type="text" name="tab4_agua" id="tab4_agua" value="0.00"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Cemento:</div>
|
|
<div class="col-6"><input class="inputdata" type="text" name="tab4_cemento" id="tab4_cemento" value="0.00"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Arena:</div>
|
|
<div class="col-6"><input class="inputdata" type="text" name="tab4_arena" id="tab4_arena" value="0.00"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-5">Grava:</div>
|
|
<div class="col-6"><input class="inputdata" type="text" name="tab4_grava" id="tab4_grava" value="0.00"></div>
|
|
</div>
|
|
</div>
|
|
<!--/ col-4 -->
|
|
|
|
<div class="col-3">
|
|
<div class="row">
|
|
<div class="col-3">m3</div>
|
|
<div class="col-6"><input type="text" style="visibility: hidden;" disabled readonly></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab4_agua_botes" id="tab4_agua_botes" value="0.00"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">sacos</div>
|
|
<div class="col-6"><input type="text" name="tab4_cemento_sacos" id="tab4_cemento_sacos" value="0.00"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab4_arena_botes" id="tab4_arena_botes" value="0.00"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab4_grava_botes" id="tab4_grava_botes" value="0.00"></div>
|
|
</div>
|
|
</div>
|
|
<!--/ col-3 -->
|
|
|
|
<div class="col-3">
|
|
<div class="row">
|
|
<div class="col-12"><input type="text" style="visibility: hidden;"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab4_agua_botes_2" id="tab4_agua_botes_2" value="0.00"> m3</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">sacos</div>
|
|
<div class="col-6"><input type="text" name="tab4_cemento_sacos_2" id="tab4_cemento_sacos_2" value="0.00"> t</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab4_arena_botes_2" id="tab4_arena_botes_2" value="0.00"> m3</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">botes</div>
|
|
<div class="col-6"><input type="text" name="tab4_grava_botes_2" id="tab4_grava_botes_2" value="0.00"> m3</div>
|
|
</div>
|
|
</div>
|
|
<!--/ col-3 -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|