cambios #1 se elimina height en marco foto

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

 
-<div id="tomarFotoContainer" style="display:none">
+<div id="tomarFotoContainer" style="display:none; background: url('{{asset('manuel/images/selfie-p.jpg')}}') no-repeat center center; background-size:cover;">
         <div id="cameraContainer" class="camera" style="display: block">
             <video id="video">No se encuentra disponible una camara</video>
         </div>

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

@@ -30,15 +30,13 @@
 {% block body %}
     <div class="app-container">
         <img class="img-responsive logo-app" src="{{asset('manuel/images/atrevete-desafio.png')}}" alt="Atrévete al desafío" />
-        <div id="foto_actual" class="marco-foto"
-             style="background: url('{{asset('manuel/images/selfie-p.jpg')}}') no-repeat center center; background-size:cover;">
-            <button id="startbutton"></button>
-            {#CODIGO OCULTO#}
-            {{ include('producto_final/camera_logic.html.twig') }}
-            {#CODIGO OCULTO#}
-            
-        </div>
-        
+
+        <button id="startbutton"></button>
+        {#CODIGO OCULTO#}
+        {{ include('producto_final/camera_logic.html.twig') }}
+        {#CODIGO OCULTO#}
+
+
         <div class="botonera-fotos">
             <div>  
                 <button id="tomarFoto" name="tomarFoto" class="tomarFoto" onclick="mostrarTomarFoto(event)">Tomar Foto</button>
@@ -82,6 +80,9 @@
             <button id="btnGuardar" class="btn-guardar">Finalizar</button>
         </div>
 
+        <div class="terminos-condiciones">
+            <a href="#">Términos y Condiciones de <strong>NUTRAPHARM</strong></a>
+        </div>    
 
     </div>
 {% endblock %}
@@ -98,7 +99,7 @@
         var fileUpload = $("#imgInp");
         function mostrarTomarFoto(event) {
             event.preventDefault();
-            var fotoActual = $("#foto_actual");
+            var fotoActual = $("#tomarFotoContainer");
             fotoActual.css("background-image", "url('')");
             console.log("mostrando tomar foto...");
             $("#tomarFotoContainer").show();
@@ -267,12 +268,12 @@
 
         function generateUrlBackground(source, type) {
             if (type == "url") {
-                var fotoActual = $("#foto_actual");
+                var fotoActual = $("#tomarFotoContainer");
                 var img = new Image();
                 img.src = source;
                 fotoActual.css("background-image", "url('" + img.src + "')");
             } else {
-                var fotoActual = $("#foto_actual");
+                var fotoActual = $("#tomarFotoContainer");
                 var img = new Image();
                 img.src = source;
                 fotoActual.css("background-image", "url('" + img.src.replace(/(\r\n|\n|\r)/gm, "") + "')");
@@ -286,7 +287,8 @@
             switch (orientation) {
                 case 0:
                 case 90:
-                case - 90: console.log("modo horizontal");
+                case - 90:
+                    console.log("modo horizontal");
                     //window.location.reload();
                     break;
             }

web/frontend/js/capture-2.js

@@ -85,7 +85,7 @@
 
         var data = canvas.toDataURL('image/png');
         photo.setAttribute('src', data);
-        var fotoActual = $("#foto_actual");
+        var fotoActual = $("#tomarFotoContainer");
         fotoActual.css("background-image", "url('')");
 
     }
@@ -100,7 +100,7 @@
             var data = canvas.toDataURL('image/png');
             console.log(data);
             photo.setAttribute('src', data);
-            var fotoActual = $("#foto_actual");
+            var fotoActual = $("#tomarFotoContainer");
             var img = new Image();
             img.src = data;
             fotoActual.css("background-image", "url('" + img.src.replace(/(\r\n|\n|\r)/gm, "") + "')");