ajuste css

Implementación Html Manuel
Sin ultimos ajustes solicitados.

app/Resources/views/producto_final/landing_producto.html.twig

@@ -42,7 +42,7 @@
 
             <div>
 
-                <button id="subirFoto" name="subirFoto" class="subirFoto" onclick="openSeleccionadorArchivos(event)">Subir Foto
+                <button id="subirFoto" name="subirFoto" class="subirFoto" onclick="mostrarSubirFoto(event)">Subir Foto
                 </button>
                 <label class=" control-label">Sube una foto desde tu galería </br>o desde tu PC</label>
             </div>
@@ -70,9 +70,9 @@
                 </div>
             </div>
 
-            
+
             {#MENSAJES EXITO ERROR#}
-                {{ include('producto_final/mensaje-exito-error.html.twig') }}
+            {{ include('producto_final/mensaje-exito-error.html.twig') }}
             {#MENSAJES EXITO ERROR#}
 
         </div>
@@ -93,6 +93,8 @@
         var fileUpload = $("#imgInp");
         function mostrarTomarFoto(event) {
             event.preventDefault();
+            var fotoActual = $("#foto_actual");
+            fotoActual.css("background-image", "url('')");
             console.log("mostrando tomar foto...");
             $("#tomarFotoContainer").show();
             $("#cameraContainer").show();
@@ -100,8 +102,6 @@
             $("#output_img_inovage").hide();
             $("#imagenUsuario").attr('src', "");
             $("#imagenUsuario").hide();
-            var fotoActual = $("#foto_actual");
-            fotoActual.css("background-image", "url('')");
             imagenTomada = true;
             imagenSubida = false;
         }
@@ -114,8 +114,6 @@
             $("#cameraContainer").hide();
             //$("#subirFotoContainer").show();
             $("#output_img_inovage").hide();
-            var fotoActual = $("#foto_actual");
-            fotoActual.css("background-image", "url('')");
             imagenTomada = false;
             imagenSubida = true;
         }
@@ -264,7 +262,6 @@
                 var fotoActual = $("#foto_actual");
                 var img = new Image();
                 img.src = source;
-
                 fotoActual.css("background-image", "url('" + img.src + "')");
             } else {
                 var fotoActual = $("#foto_actual");

app/Resources/views/producto_final/landing_producto_generar_comparacion.html.twig

@@ -115,6 +115,8 @@
         var fileUpload = $("#imgInp");
         function mostrarTomarFoto(event) {
             event.preventDefault();
+            var fotoActual = $("#foto_actual");
+            fotoActual.css("background-image", "url('')");
             console.log("mostrando tomar foto...");
             $("#tomarFotoContainer").show();
             $("#cameraContainer").show();
@@ -122,8 +124,6 @@
             $("#output_img_inovage").hide();
             $("#imagenUsuario").attr('src', "");
             $("#imagenUsuario").hide();
-            var fotoActual = $("#foto_actual");
-            fotoActual.css("background-image", "url('')");
             imagenTomada = true;
             imagenSubida = false;
         }
@@ -136,8 +136,6 @@
             $("#cameraContainer").hide();
             //$("#subirFotoContainer").show();
             $("#output_img_inovage").hide();
-            var fotoActual = $("#foto_actual");
-            fotoActual.css("background-image", "url('')");
             imagenTomada = false;
             imagenSubida = true;
         }