API tools faq
paste
Advertisement
Guest User

listadoReportes.aspx

a guest
Jan 27th, 2020
478
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.91 KB | None | 0 0
raw download clone embed print report
  1. <%@ Page Title="" Language="C#" MasterPageFile="~/Aplicacion/page.Master" AutoEventWireup="true" CodeBehind="listadoReportes.aspx.cs" Inherits="Emissary.Aplicacion.listadoReportes" %>
  2.  
  3.  
  4.  
  5.  
  6. <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
  7.  
  8. <!--#include file="includes/head.html"-->
  9. <link href="css/estilos.css" rel="stylesheet" />
  10.  
  11.  
  12. </asp:Content>
  13. <asp:Content ID="Content2" ContentPlaceHolderID="masterLogin" runat="server">
  14. </asp:Content>
  15. <asp:Content ID="Content3" ContentPlaceHolderID="masterBody" runat="server">
  16.  
  17. <div id="contenedor">
  18. <div class="loader" id="loader"></div>
  19. </div>
  20. <div class="wrapper">
  21.  
  22.  
  23. <div class="main-panel">
  24. <!--#include file="includes/navBar.html"-->
  25.  
  26.  
  27.  
  28. <div class="content">
  29. <div id="cardVerReporte" style="display: none">
  30. <div class="row">
  31. <div class="col-12 col-sm-4 col-lg-4 col-xl-4">
  32. <button class="btn" onclick="ocultarReporte()">
  33. <span class="btn-label">
  34. <i class="material-icons">keyboard_arrow_left</i>
  35. </span>Regresar
  36. <div class="ripple-container">
  37. </div>
  38. </button>
  39. </div>
  40. <div class="col-12 col-sm-8 col-lg-8 col-xl-8">
  41. <p class="font-weight-bold text-rose" style="font-size: 20px; float: left; margin-top: 14px;"><span>Reporte # </span><span id="txtNumeroReporte" style="margin-right: 5px"></span></p>
  42. <button class="btn btn-success" id="cerrarReporteSatisfactoriamente" data-id="2">Resuelto<div class="ripple-container"></div>
  43. </button>
  44. <button class="btn btn-danger" id="cerrarReporteInSatisfactoriamente" data-id="0">No Resuelto<div class="ripple-container"></div>
  45. </button>
  46. </div>
  47. </div>
  48. <div class="row">
  49. <div class="col-sm-12 col-lg-4 col-xl-4" style="padding: 0;">
  50. <div class="col-sm-12 col-lg-12 col-xl-12">
  51. <div class="card">
  52. <div class="card-body">
  53. <div class="col">
  54. <div class="row">
  55. <span class="font-weight-bold text-rose">Estado:&nbsp;&nbsp; </span>
  56. <p id="txtEstadoReporte"></p>
  57. </div>
  58. </div>
  59. <div class="col">
  60. <div class="row">
  61. <span class="font-weight-bold text-rose">Reporte enviado el :&nbsp;&nbsp; </span>
  62. <p id="txtFechaReporte"></p>
  63. </div>
  64. </div>
  65. <div class="col">
  66. <div class="row">
  67. <span class="font-weight-bold text-rose">Motivo :&nbsp;&nbsp; </span>
  68. <p id="txtMotivoReporte"></p>
  69. </div>
  70. </div>
  71. <div class="col">
  72. <div class="row">
  73. <span class="font-weight-bold text-rose">Descripción :&nbsp;&nbsp; </span>
  74. <p id="txtDescripcionReporte"></p>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="col-sm-12 col-lg-12 col-xl-12">
  81. <div class="card">
  82. <div class="card-body">
  83. <div class="row" style="padding: 12px;">
  84.  
  85.  
  86. <div class="col-12 col-sm-12 col-lg-12 col-xl-12">
  87. <div class="row">
  88. <span class="font-weight-bold text-rose" style="font-size: 20px">Información de la guía</span>
  89.  
  90. </div>
  91. </div>
  92. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  93. <div class="row">
  94. <span class="font-weight-bold text-rose">Numero de guia:&nbsp;&nbsp; </span>
  95. <p id="txtNumeroGuiaReporte"></p>
  96. </div>
  97. </div>
  98. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  99. <div class="row">
  100. <span class="font-weight-bold text-rose">Fecha:&nbsp;&nbsp; </span>
  101. <p id="txtFechaEnvioReporte"></p>
  102. </div>
  103. </div>
  104. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  105. <div class="row">
  106. <span class="font-weight-bold text-rose">Medidas:&nbsp;&nbsp; </span>
  107. <p id="txtMedidasReporte"></p>
  108. </div>
  109. </div>
  110. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  111. <div class="row">
  112. <span class="font-weight-bold text-rose">Peso:&nbsp;&nbsp; </span>
  113. <p id="txtPesoReporte"></p>
  114. </div>
  115. </div>
  116. <div class="col-sm-12 col-lg-12 col-xl-12">
  117. <div class="row">
  118. <h3 class="text-rose" style="margin: 0px; font-size: 1.3em; font-weight: 700;">Origen</h3>
  119. </div>
  120. </div>
  121. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  122. <div class="row">
  123. <span class="font-weight-bold text-rose">Remitente: &nbsp;&nbsp;</span>
  124. <p id="txtNombreOrigenReporte"></p>
  125. </div>
  126. </div>
  127. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  128. <div class="row">
  129. <span class="font-weight-bold text-rose">Correo:&nbsp;&nbsp; </span>
  130. <p id="txtCorreoOrigenReporte"></p>
  131. </div>
  132. </div>
  133. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  134. <div class="row">
  135. <span class="font-weight-bold text-rose">Direccion:&nbsp;&nbsp; </span>
  136. <p id="txtDireccionOrigenReporte"></p>
  137. </div>
  138. </div>
  139. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  140. <div class="row">
  141. <span class="font-weight-bold text-rose">Colonia:&nbsp;&nbsp; </span>
  142. <p id="txtColoniaOrigenReporte"></p>
  143. </div>
  144. </div>
  145. <div class="col-sm-12 col-lg-12 col-xl-12">
  146. <div class="row">
  147. <span class="font-weight-bold text-rose">Estado:&nbsp;&nbsp; </span>
  148. <p id="txtEstadoOrigenReporte"></p>
  149. </div>
  150. </div>
  151. <div class="col-sm-12 col-lg-12 col-xl-12">
  152. <div class="row">
  153. <h3 class="text-rose" style="margin: 0px; font-size: 1.3em; font-weight: 700;">Destino</h3>
  154. </div>
  155. </div>
  156. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  157. <div class="row">
  158. <span class="font-weight-bold text-rose">Destinatario: &nbsp;&nbsp;</span>
  159. <p id="txtNombreDestinoReporte"></p>
  160. </div>
  161. </div>
  162. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  163. <div class="row">
  164. <span class="font-weight-bold text-rose">Correo:&nbsp;&nbsp; </span>
  165. <p id="txtCorreoDestinoReporte"></p>
  166. </div>
  167. </div>
  168. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  169. <div class="row">
  170. <span class="font-weight-bold text-rose">Direccion:&nbsp;&nbsp; </span>
  171. <p id="txtDireccionDestinoReporte"></p>
  172. </div>
  173. </div>
  174. <div class="col-12 col-sm-6 col-lg-12 col-xl-12">
  175. <div class="row">
  176. <span class="font-weight-bold text-rose">Colonia:&nbsp;&nbsp; </span>
  177. <p id="txtColoniaDestinoReporte"></p>
  178. </div>
  179. </div>
  180. <div class="col-sm-12 col-lg-12 col-xl-12">
  181. <div class="row">
  182. <span class="font-weight-bold text-rose">Estado:&nbsp;&nbsp; </span>
  183. <p id="txtEstadoDestinoReporte"></p>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. <div class="col-sm-12 col-lg-8 col-xl-8">
  192. <div class="card">
  193. <div class="card-body">
  194. <div class="form-group bmd-form-group is-filled">
  195. <textarea id="nuevoComentarioReporte" class="form-control valid" aria-invalid="false" placeholder="Nuevo Comentario" style="height: 100px!important;"></textarea>
  196.  
  197. <div class="row">
  198.  
  199. <div class="col-sm-6 col-lg-6 col-xl-6">
  200. <select class="selectpicker" data-style="select-with-transition" title="Motivo" data-size="7" id="tipoNota">
  201. <option disabled>Tipo de nota</option>
  202. <option value="1">Normal</option>
  203. <option value="2">Solicitud</option>
  204. <option value="3">Reporte resuelto satisfactoriamente</option>
  205. <option value="4">Reporte resuelto insatisfactoriamente</option>
  206. <option value="6" style="color: #9c27b0">Comentario Administrativo</option>
  207. </select>
  208. </div>
  209. <div class="col-sm-6 col-lg-6 col-xl-6">
  210. <button class="btn btn-success" id="enviarComentarioReporte">Enviar<div class="ripple-container"></div>
  211. </button>
  212. </div>
  213. </div>
  214.  
  215. </div>
  216. </div>
  217. </div>
  218. <ul class="timeline timeline-simple" id="comentariosReportes" style="height: 700px; overflow-y: auto!important">
  219. </ul>
  220. </div>
  221.  
  222. </div>
  223. </div>
  224. <div class="container-fluid" id="panelprincipal">
  225. <%--<uc1:nuevoEnvio runat="server" ID="nuevoEnvio" />--%>
  226.  
  227. <%--<div class="col-sm-12">--%>
  228. <div class="col-sm-12">
  229. <div class="row">
  230. <div class="col-12 botonDerecha">
  231. <button id="btnNuevoReporte" class="btn btn-rose" data-toggle="modal" data-target="#modalNuevoReporte">Nuevo Reporte</button>
  232. </div>
  233. </div>
  234. </div>
  235.  
  236. <div class="tab-content tab-space tab-subcategories" style="padding: 0px 0px 50px 0px">
  237. <div class="tab-pane active show" id="linkReportes">
  238. <div class="col-md-12">
  239. <div class="card" id="cardReportes">
  240. <div class="card-header card-header-rose card-header-icon">
  241. <div class="card-icon">
  242. <i class="material-icons">assignment</i>
  243. </div>
  244. <h4 class="card-title" style="float: left;">Reportes</h4>
  245. <label style="float: right;margin-top: 19px;"><input type="checkbox" id="nuevaactividad" value="1">Nueva actividad</label>
  246. </div>
  247. <div class="card-body">
  248. <div class="table-responsive ">
  249. <table id="datatableReportes"
  250. class="table table-striped table-no-bordered table-hover"
  251. cellspacing="0" width="100%" style="width: 100%">
  252. <thead>
  253. <tr>
  254. <th># Reporte</th>
  255. <th>Usuario</th>
  256. <th># Guía</th>
  257. <th>Fecha de solicitud</th>
  258. <th>Estatus</th>
  259. <th></th>
  260. </tr>
  261. </thead>
  262. <tbody id="tbodyReportes"></tbody>
  263. </table>
  264. </div>
  265. </div>
  266. </div>
  267.  
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272.  
  273. </div>
  274.  
  275. <div class="modal fade" id="modalReportes" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  276. aria-hidden="true">
  277. <div class="modal-dialog" role="document">
  278. <div class="modal-content">
  279. <div class="modal-header">
  280. <h2 class="modal-title text-rose" style="font-weight: 400">Levantar Reporte</h2>
  281. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  282. <span aria-hidden="true">&times;</span>
  283. </button>
  284. </div>
  285. <div class="modal-body">
  286. <div class="col">
  287. <div class="col">
  288. <div class="row" style="margin: 0px">
  289. <span class="font-weight-bold text-rose">Número de guía: &nbsp;&nbsp; </span>
  290. <p id="trackingRecol2" style="margin-bottom: 3px;"></p>
  291. <input type="hidden" id="envio_id"/>
  292. <input type="hidden" id="usuario"/>
  293. <input type="hidden" id="usuario_id"/>
  294. </div>
  295. </div>
  296. <div class="col">
  297. <div class="row" style="margin: 0px">
  298. <span class="font-weight-bold text-rose">Usuario: &nbsp;&nbsp; </span>
  299. <p id="nombreRemitente2" style="margin-bottom: 3px;"></p>
  300. </div>
  301. </div>
  302. <div class="col">
  303. <div class="row" style="margin: 0px">
  304. <span class="font-weight-bold text-rose">Dirección: &nbsp;&nbsp; </span>
  305. <p id="direccionRemitente2" style="margin-bottom: 3px;"></p>
  306. </div>
  307. </div>
  308. <div class="col">
  309. <div class="row" style="margin: 0px">
  310. <span class="font-weight-bold text-rose">Colonia: &nbsp;&nbsp; </span>
  311. <p id="coloniaRemitente2" style="margin-bottom: 3px;"></p>
  312. </div>
  313. </div>
  314. <div class="col">
  315. <div class="row" style="margin: 0px">
  316. <span class="font-weight-bold text-rose">Estado: &nbsp;&nbsp; </span>
  317. <p id="estadoRemitente2" style="margin-bottom: 3px;"></p>
  318. </div>
  319. </div>
  320. <div class="col">
  321. <div class='row'>
  322. <div class="col-12">
  323. <select class="selectpicker" data-style="select-with-transition" title="Motivo" data-size="7" id="motivo">
  324. <option disabled> Motivo</option>
  325. <option value="Mi envío no a llegado">Mi envío no a llegado</option>
  326. <option value="Mi envío llego dañado">Llego dañado</option>
  327. </select>
  328. </div>
  329. </div>
  330. </div>
  331. <div class="col">
  332. <div class='row'>
  333. <div class="col-12 ">
  334. <label>Descripción del problema (Explique su problema lo mejor posible)</label>
  335. <textarea id="descripcionReporte" class='form-control' style="height: 100px!important;border: 1px solid #d6d6d6;"></textarea>
  336. </div>
  337. </div>
  338. </div>
  339. <!-- <div class="col">
  340. <label>Hora de recoleccion</label>
  341. <input id='timepicker' class="form-control datetimepicker" type="text"/>
  342. </div> -->
  343. </div>
  344. </div>
  345. <div class="modal-footer">
  346. <button style="margin-right: 15px;" class="btn btn-secondary" type="button"
  347. data-dismiss="modal">
  348. Cerrar</button>
  349. <button id="btnOkReporte" class="btn btn-rose" type="button">Envíar reporte</button>
  350. </div>
  351. </div>
  352. </div>
  353. </div>
  354. <div class="modal fade" id="modalNuevoReporte" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  355. aria-hidden="true">
  356. <div class="modal-dialog" role="document" style="margin-top:50px!important">
  357. <div class="modal-content">
  358. <div class="modal-header">
  359. <h2 class="modal-title text-rose" style="font-weight: 400">Levantar Reporte</h2>
  360. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  361. <span aria-hidden="true">&times;</span>
  362. </button>
  363. </div>
  364. <div class="modal-body">
  365. <div class="col">
  366. <div class="col">
  367. <label>Numero de guia</label>
  368. <input type="number" class="form-control" id="txtTrackingNo" placeholder="999888777">
  369. </div>
  370.  
  371. </div>
  372. </div>
  373. <div class="modal-footer">
  374. <button style="margin-right: 15px;" class="btn btn-secondary" type="button"
  375. data-dismiss="modal">
  376. Cancelar</button>
  377. <button id="btnOkGuardar" class="btn btn-rose" type="button">Guardar</button>
  378. </div>
  379. </div>
  380. </div>
  381. </div>
  382. </div>
  383.  
  384.  
  385.  
  386.  
  387. </div>
  388.  
  389.  
  390.  
  391. <!--#include file="includes/scripts.html"-->
  392.  
  393.  
  394.  
  395.  
  396. <%--<script src="js/envios1312.js"></script>--%>
  397.  
  398. <!-- Exportar tabla a CSV -->
  399. <script src="includes/exportarTablaCSV.js"></script>
  400. <!-- dateRangePicker -->
  401. <link href="./includes/daterangepicker/daterangepicker.css" rel="stylesheet" />
  402. <script src="includes/daterangepicker/daterangepicker.min.js"></script>
  403.  
  404. <script src="js/handlebars-v4.0.5.js"></script>
  405. <script src="js/listadoReportes.js"></script>
  406.  
  407. </asp:Content>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!