Carga inicial
This commit is contained in:
IvanAS94
251
resources/views/email/emailRespuestasOperador.blade.php
Normal file
251
resources/views/email/emailRespuestasOperador.blade.php
Normal file
@@ -0,0 +1,251 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- Define el contenido basado en codificación utf-8 (funcionará cuando se vea en la web) -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Estándar mobile permite elegir como se mostrará nuestra página en los navegadores de estos de dispositivos móviles, especificando el ancho que tendrá la página dentro del navegador -->
|
||||
<title>Responsive</title><!-- Titulo de el correo (funcionará cuando se vea en la web) -->
|
||||
<style type="text/css"><!-- Definimos estilos por defecto -->
|
||||
/* Estilos para clientes especificos */
|
||||
#outlook a {padding:0;} /* Fuerza al cliente de Outlook a generar un boton para ver en la web de forma nativa. */
|
||||
body{width:100% !important;margin: 0 !important;padding: 0 !important;} .ReadMsgBody{width:100%; !important} .ExternalClass{width:100% !important;} /* Fuerza a Hotmail a mostrar el email a su ancho completo */
|
||||
|
||||
/* Plataformas Webkit y Windows Mobile. */
|
||||
body{-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} /* Previene a la plataforma para aplicaciones Webkit y Windows Mobile que reemplace las fuentes determinadas en los estilos. */
|
||||
img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}
|
||||
a img {border:none;}
|
||||
p {margin: 0px 0px !important;}
|
||||
table td {border-collapse: collapse;}
|
||||
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
|
||||
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
|
||||
#colorCheck{
|
||||
color: #CE402D!important;
|
||||
}
|
||||
|
||||
/*################################################*/
|
||||
/* Resolución 640px (iPad) */
|
||||
/*################################################*/
|
||||
@media only screen and (max-width: 500px) {
|
||||
a[href^="tel"], a[href^="sms"] { text-decoration: none;color: #ffffff; pointer-events: none;cursor: default;}
|
||||
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #ffffff !important;pointer-events: auto;cursor: default;}
|
||||
table[class=devicewidth] {width: 440px!important;text-align:center!important;}
|
||||
table[class=devicewidthinner] {width: 440px!important;text-align:center!important;}
|
||||
td[class="menu"]{text-align:center !important;}
|
||||
#colorCheck{
|
||||
color: #CE402D!important;
|
||||
font-weight: bold!important;
|
||||
font-size: 1.5em!important;
|
||||
}
|
||||
}
|
||||
/*##############################################*/
|
||||
/* Resolución 480px (iPhone) */
|
||||
/*##############################################*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
a[href^="tel"], a[href^="sms"] {text-decoration: none; color: #ffffff;pointer-events: none;cursor: default;}
|
||||
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration: default;color: #ffffff !important; pointer-events: auto; cursor: default;}
|
||||
table[class=devicewidth] {width: 280px!important;text-align:center!important;}
|
||||
table[class=devicewidthinner] {width: 280px!important;text-align:center!important;}
|
||||
td[class=titulo] {width: 280px!important;text-align:center!important;}
|
||||
img[class="bigimage"]{width: 260px!important;}
|
||||
#colorCheck{
|
||||
color: #CE402D!important;
|
||||
font-weight: bold!important;
|
||||
font-size: 1.5em!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#001870" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" bgColor="001870" cellpadding="0" cellspacing="0" bgcolor="#001870" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr height="50">
|
||||
<td>
|
||||
<table width="600" cellpadding="0" cellspacing="0" border="0" align="left" class="devicewidth">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="600"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="600" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<img src="{{ $message->embed(resource_path('assets/images/logos').'/logo_drenax.png') }}" alt="" border="0" style=" border:none; width: 90%">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr height="40"></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="block" align="center">
|
||||
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr style="font-family: Helvetica, arial, sans-serif;">
|
||||
<h1 style="color: #001770" align="center" >REVISIÓN</h1>
|
||||
<table width="50%" border="1" bordercolor="#000000" cellpadding="2" cellspacing="2" align="center" >
|
||||
<thead>
|
||||
<tr style="background-color: #CE402D; color: #fff;">
|
||||
<th> Tipo</th>
|
||||
<th> Niveles</th>
|
||||
<th> Comentarios </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($revision as $r)
|
||||
<tr>
|
||||
<td rowspan="1">{{ $r->nombre }}
|
||||
</td>
|
||||
@if($r->tipo_radio_btn == 1)
|
||||
<td rowspan="1">{{ $r->respuesta_radio_btn }}</td>
|
||||
@else
|
||||
<td>N/A</td>
|
||||
@endif
|
||||
<td rowspan="1">
|
||||
@if($r->tipo_text == 1)
|
||||
{{$r->respuesta_text}}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</tr>
|
||||
<tr style="font-family: Helvetica, arial, sans-serif;">
|
||||
<h1 style="color: #001770" align="center" >HERRAMIENTAS</h1>
|
||||
<table width="50%" border="1" bordercolor="#000000" cellpadding="2" cellspacing="2" align="center" >
|
||||
<thead>
|
||||
<tr style="background-color: #CE402D; color: #fff;">
|
||||
<th> Tipo</th>
|
||||
<th> Respuesta </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($herramienta as $h)
|
||||
<tr>
|
||||
<td rowspan="1">{{$h->nombre}}</td>
|
||||
<td align="center">
|
||||
@if($h->tipo_checkbox == 1)
|
||||
@if($h->respuesta_checkbox == 1)
|
||||
<span style="color: #CE402D!important; font-weight: bold!important; font-size: 1.7em!important;" id="colorCheck">✓</span>
|
||||
@else
|
||||
<span style="color: #CE402D!important; font-weight: bold!important; font-size: 1.7em!important;" id="colorCheck">✗</span>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if($h->tipo_text == 1)
|
||||
{{$h->respuesta_text}}
|
||||
@endif
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</tr>
|
||||
<tr style="font-family: Helvetica, arial, sans-serif;">
|
||||
<h1 style="color: #001770" align="center" >MATERIAL</h1>
|
||||
<table width="50%" border="1" bordercolor="#000000" cellpadding="2" cellspacing="2" align="center" >
|
||||
<thead>
|
||||
<tr style="background-color: #CE402D; color: #fff;">
|
||||
<th> Tipo</th>
|
||||
<th> Respuesta </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($material as $m)
|
||||
<tr>
|
||||
<td rowspan="1">{{ $m->nombre }}</td>
|
||||
<td align="center">
|
||||
|
||||
@if($m->tipo_checkbox ==1)
|
||||
@if($m->respuesta_checkbox == 1)
|
||||
<span style="color: #CE402D!important; font-weight: bold!important; font-size: 1.5em!important;" id="colorCheck">✓</span>
|
||||
@else
|
||||
<span style="color: #CE402D!important; font-weight: bold!important; font-size: 1.5em!important;" id="colorCheck">✗</span>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if($m->tipo_text == 1)
|
||||
{{$m->respuesta_text}}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#001870" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" bgColor="#001870" cellpadding="0" cellspacing="0" bgcolor="#001870" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr height="50">
|
||||
<td>
|
||||
<table width="600" cellpadding="0" cellspacing="0" border="0" align="left" class="devicewidth">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="600"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user