{"id":193,"date":"2021-11-10T02:06:35","date_gmt":"2021-11-10T02:06:35","guid":{"rendered":"https:\/\/remax-rio.com.ar\/?page_id=193"},"modified":"2024-11-22T20:40:31","modified_gmt":"2024-11-22T20:40:31","slug":"calculadora-2","status":"publish","type":"page","link":"https:\/\/remax-rio.com.ar\/index.php\/calculadora-2\/","title":{"rendered":"Calculadora de ALquileres"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; admin_label=\u00bbHero section\u00bb _builder_version=\u00bb4.16&#8243; use_background_color_gradient=\u00bbon\u00bb background_color_gradient_stops=\u00bbrgba(150,105,97,0.67) 0%|rgba(2,0,76,0.84) 100%\u00bb background_color_gradient_overlays_image=\u00bbon\u00bb background_color_gradient_start=\u00bbrgba(150,105,97,0.67)\u00bb background_color_gradient_end=\u00bbrgba(2,0,76,0.84)\u00bb background_image=\u00bbhttps:\/\/remax-rio.com.ar\/wp-content\/uploads\/2021\/10\/real-estate-14.jpg\u00bb background_position=\u00bbtop_center\u00bb custom_margin=\u00bb|||\u00bb custom_padding=\u00bb10%||14%|\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row column_structure=\u00bb2_3,1_3&#8243; _builder_version=\u00bb4.16&#8243; custom_margin=\u00bb|||\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb2_3&#8243; _builder_version=\u00bb4.16&#8243; custom_padding=\u00bb1px|||\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_text _builder_version=\u00bb4.16&#8243; text_font=\u00bbLato||||||||\u00bb text_font_size=\u00bb20px\u00bb text_line_height=\u00bb1.8em\u00bb header_font=\u00bbLato|900|||||||\u00bb header_font_size=\u00bb80px\u00bb header_letter_spacing=\u00bb2px\u00bb header_line_height=\u00bb1.2em\u00bb background_layout=\u00bbdark\u00bb custom_margin=\u00bb||40px|\u00bb animation_style=\u00bbfold\u00bb header_font_size_tablet=\u00bb46px\u00bb header_font_size_phone=\u00bb\u00bb header_font_size_last_edited=\u00bbon|tablet\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h1>Calculadora de Alquileres<\/h1>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.16&#8243; custom_padding=\u00bb|||\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.16.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.16.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code _builder_version=\u00bb4.16.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<a href=\"https:\/\/wa.me\/541131846889?text=\u00a1Hola!%20\u00bfC\u00f3mo%20est\u00e1s%3F\" target=\"_blank\" style='color:white' rel=\"noopener\"><span class='container-whatsapp'><i class=\"fa-brands fa-whatsapp\"><\/i><\/span><\/a>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.16.1&#8243; custom_padding=\u00bb54px|0px|100px|0px\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row use_custom_gutter=\u00bbon\u00bb gutter_width=\u00bb1&#8243; _builder_version=\u00bb4.16.1&#8243; background_color=\u00bb#ffffff\u00bb background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb width=\u00bb95%\u00bb max_width=\u00bb1440px\u00bb custom_margin=\u00bb-20%||||false|false\u00bb custom_padding=\u00bb60px|0px|60px|0px\u00bb animation_style=\u00bbslide\u00bb animation_direction=\u00bbbottom\u00bb animation_intensity_slide=\u00bb6%\u00bb animation_starting_opacity=\u00bb100%\u00bb border_radii=\u00bbon|15px|15px|15px|15px\u00bb border_color_all=\u00bb#3c39e6&#8243; border_width_top=\u00bb18px\u00bb box_shadow_style=\u00bbpreset3&#8243; box_shadow_vertical=\u00bb39px\u00bb box_shadow_blur=\u00bb80px\u00bb box_shadow_color=\u00bbrgba(0,0,0,0.1)\u00bb use_custom_width=\u00bbon\u00bb custom_width_px=\u00bb1440px\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.16&#8243; custom_padding=\u00bb|40px||40px\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_code _builder_version=\u00bb4.16.1&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb-30px||||false|false\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;]                <div class=\"container\" id=\"calculator-vue\">\n                    <div class=\"row\">\n                        <div class=\"card shadow-lg p-3 mb-5 rounded\">\n                            <div class=\"card-header bg-white\">\n                                <h5>Calculadora de alquileres firmados a partir del 18\/10\/2023<\/h5>\n                            <\/div>\n                            <div class=\"card-body\">\n                                <form action=\"#\" class=\"m-3\">\n                                    <div class=\"row\">\n                                        <div class=\"col-md-12 mb-3\">\n                                            <div class=\"input-group\">\n                                                <span class=\"input-group-text\">$<\/span>\n                                                <input class=\"form-control\" type=\"text\" placeholder=\"Monto inicial.\"\n                                                    id=\"initialMount2\" name=\"initialMount2\" required=\"\" v-model=\"initialMount\">\n                                            <\/div>\n                                            <span class=\"text-muted mb-3\">Los n\u00fameros decimales se ingresan con '' . '' ej. monto 23500.53<\/span>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"row\">\n                                        <div class=\"col-md-12\">\n                                            <div class=\"mb-3\">\n                                                <label for=\"initialDate2\">Fecha Inicio Contrato<\/label>\n                                                <input class=\"form-control\" type=\"date\" value=\"2022-07-16\" id=\"initialDate2\"\n                                                    name=\"initialDate2\" v-model='initialDate'>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <!-- Nuevos select agregados -->\n                                    <div class=\"row\">\n                                        <div class=\"col-md-6 mb-3\">\n                                            <label for=\"monthSelect\">Cada cuanto se actualiza (meses)<\/label>\n                                            <select class=\"form-select\" id=\"monthSelect\" v-model=\"selectedMonth\">\n                                                <option value=\"1\">1<\/option>\n                                                <option value=\"2\">2<\/option>\n                                                <option value=\"3\">3<\/option>\n                                                <option value=\"4\">4<\/option>\n                                                <option value=\"5\">5<\/option>\n                                                <option value=\"6\">6<\/option>\n                                                <option value=\"7\">7<\/option>\n                                                <option value=\"8\">8<\/option>\n                                                <option value=\"9\">9<\/option>\n                                                <option value=\"10\">10<\/option>\n                                                <option value=\"11\">11<\/option>\n                                                <option value=\"12\">12<\/option>\n                                            <\/select>\n                                        <\/div>\n                                        <div class=\"col-md-6 mb-3\">\n                                            <label for=\"rateSelect\">Seleccione el \u00edndice<\/label>\n                                            <select class=\"form-select\" id=\"rateSelect\" v-model=\"selectedRate\">\n                                                <option value=\"ipc\">IPC<\/option>\n                                                <option value=\"icl\">ICL<\/option>\n                                                <option value=\"casa_propia\">Casa Propia<\/option>\n                                            <\/select>\n                                        <\/div>\n                                    <\/div>\n                                <\/form>\n                                <div class=\"text-end\">\n                                    <!-- Button trigger modal -->\n                                    <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" id=\"btnModal4\"\n                                        data-bs-target=\"#exampleModal3\" @click=\"calculate($event)\">\n                                        Realizar Calculo\n                                    <\/button>\n                                <\/div>\n                                 <!-- Modal -->\n                                <div class=\"modal fade\" id=\"exampleModal3\" tabindex=\"-1\" aria-labelledby=\"exampleModal3Label\"\n                                    aria-hidden=\"true\">\n                                    <div class=\"modal-dialog modal-xl\">\n                                        <div class=\"modal-content\" style=\"margin-top:15%\">\n                                            <div class=\"modal-header\">\n                                                <h5 class=\"modal-title\" id=\"exampleModal3Label\">A continuaci\u00f3n los datos de su C\u00e1lculo:<\/h5>\n                                                <button type=\"button\" class=\"btn-close\" id=\"btn-close2\" data-bs-dismiss=\"modal\"\n                                                    aria-label=\"Close\"><\/button>\n                                            <\/div>\n                                            <transition name=\"fade\" id=\"firstLoader\" v-if=\"loading\">\n                                                        <div  class=\"preloader-wrapper\">\n                                                        <div class=\"lds-ripple\">\n                                                            <div><\/div>\n                                                            <div><\/div>\n                                                        <\/div>\n                                                        <\/div>\n                                            <\/transition>\n                                            <div class=\"modal-body\" v-else>\n                                                <table class=\"table\">\n                                                    <thead>\n                                                        <tr>\n                                                            <th scope=\"col\">Fecha Ajuste<\/th>\n                                                            <th scope=\"col\">Aumento<\/th>\n                                                            <th scope=\"col\">Alquiler<\/th>\n                                                        <\/tr>\n                                                    <\/thead>\n                                                    <tbody>\n                                                        <tr v-for=\"month in processedData\">\n                                                            <th>{{ month.date }}<\/th>\n                                                            <th>{{ month.dif }}%<\/th>\n                                                            <th>${{ month.amount }}<\/th>\n                                                        <\/tr>\n                                                    <\/tbody>\n                                                <\/table>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n            [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de Alquileres &nbsp;                <div class=\"container\" id=\"calculator-vue\">\n                    <div class=\"row\">\n                        <div class=\"card shadow-lg p-3 mb-5 rounded\">\n                            <div class=\"card-header bg-white\">\n                                <h5>Calculadora de alquileres firmados a partir del 18\/10\/2023<\/h5>\n                            <\/div>\n                            <div class=\"card-body\">\n                                <form action=\"#\" class=\"m-3\">\n                                    <div class=\"row\">\n                                        <div class=\"col-md-12 mb-3\">\n                                            <div class=\"input-group\">\n                                                <span class=\"input-group-text\">$<\/span>\n                                                <input class=\"form-control\" type=\"text\" placeholder=\"Monto inicial.\"\n                                                    id=\"initialMount2\" name=\"initialMount2\" required=\"\" v-model=\"initialMount\">\n                                            <\/div>\n                                            <span class=\"text-muted mb-3\">Los n\u00fameros decimales se ingresan con '' . '' ej. monto 23500.53<\/span>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"row\">\n                                        <div class=\"col-md-12\">\n                                            <div class=\"mb-3\">\n                                                <label for=\"initialDate2\">Fecha Inicio Contrato<\/label>\n                                                <input class=\"form-control\" type=\"date\" value=\"2022-07-16\" id=\"initialDate2\"\n                                                    name=\"initialDate2\" v-model='initialDate'>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <!-- Nuevos select agregados -->\n                                    <div class=\"row\">\n                                        <div class=\"col-md-6 mb-3\">\n                                            <label for=\"monthSelect\">Cada cuanto se actualiza (meses)<\/label>\n                                            <select class=\"form-select\" id=\"monthSelect\" v-model=\"selectedMonth\">\n                                                <option value=\"1\">1<\/option>\n                                                <option value=\"2\">2<\/option>\n                                                <option value=\"3\">3<\/option>\n                                                <option value=\"4\">4<\/option>\n                                                <option value=\"5\">5<\/option>\n                                                <option value=\"6\">6<\/option>\n                                                <option value=\"7\">7<\/option>\n                                                <option value=\"8\">8<\/option>\n                                                <option value=\"9\">9<\/option>\n                                                <option value=\"10\">10<\/option>\n                                                <option value=\"11\">11<\/option>\n                                                <option value=\"12\">12<\/option>\n                                            <\/select>\n                                        <\/div>\n                                        <div class=\"col-md-6 mb-3\">\n                                            <label for=\"rateSelect\">Seleccione el \u00edndice<\/label>\n                                            <select class=\"form-select\" id=\"rateSelect\" v-model=\"selectedRate\">\n                                                <option value=\"ipc\">IPC<\/option>\n                                                <option value=\"icl\">ICL<\/option>\n                                                <option value=\"casa_propia\">Casa Propia<\/option>\n                                            <\/select>\n                                        <\/div>\n                                    <\/div>\n                                <\/form>\n                                <div class=\"text-end\">\n                                    <!-- Button trigger modal -->\n                                    <button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" id=\"btnModal4\"\n                                        data-bs-target=\"#exampleModal3\" @click=\"calculate($event)\">\n                                        Realizar Calculo\n                                    <\/button>\n                                <\/div>\n                                 <!-- Modal -->\n                                <div class=\"modal fade\" id=\"exampleModal3\" tabindex=\"-1\" aria-labelledby=\"exampleModal3Label\"\n                                    aria-hidden=\"true\">\n                                    <div class=\"modal-dialog modal-xl\">\n                                        <div class=\"modal-content\" style=\"margin-top:15%\">\n                                            <div class=\"modal-header\">\n                                                <h5 class=\"modal-title\" id=\"exampleModal3Label\">A continuaci\u00f3n los datos de su C\u00e1lculo:<\/h5>\n                                                <button type=\"button\" class=\"btn-close\" id=\"btn-close2\" data-bs-dismiss=\"modal\"\n                                                    aria-label=\"Close\"><\/button>\n                                            <\/div>\n                                            <transition name=\"fade\" id=\"firstLoader\" v-if=\"loading\">\n                                                        <div  class=\"preloader-wrapper\">\n                                                        <div class=\"lds-ripple\">\n                                                            <div><\/div>\n                                                            <div><\/div>\n                                                        <\/div>\n                                                        <\/div>\n                                            <\/transition>\n                                            <div class=\"modal-body\" v-else>\n                                                <table class=\"table\">\n                                                    <thead>\n                                                        <tr>\n                                                            <th scope=\"col\">Fecha Ajuste<\/th>\n                                                            <th scope=\"col\">Aumento<\/th>\n                                                            <th scope=\"col\">Alquiler<\/th>\n                                                        <\/tr>\n                                                    <\/thead>\n                                                    <tbody>\n                                                        <tr v-for=\"month in processedData\">\n                                                            <th>{{ month.date }}<\/th>\n                                                            <th>{{ month.dif }}%<\/th>\n                                                            <th>${{ month.amount }}<\/th>\n                                                        <\/tr>\n                                                    <\/tbody>\n                                                <\/table>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n            <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-193","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/remax-rio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/remax-rio.com.ar\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/remax-rio.com.ar\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/remax-rio.com.ar\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/remax-rio.com.ar\/index.php\/wp-json\/wp\/v2\/comments?post=193"}],"version-history":[{"count":57,"href":"https:\/\/remax-rio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":22004,"href":"https:\/\/remax-rio.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/193\/revisions\/22004"}],"wp:attachment":[{"href":"https:\/\/remax-rio.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}