Advertisement
Guest User

Untitled

a guest
Jan 19th, 2016
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.34 KB | None | 0 0
  1. @using ReportApp.Web.Enums
  2. @using Resources
  3. @model ReportApp.Web.ViewModels.RecordDetailsViewModel
  4.  
  5. @{
  6. ViewBag.Title = SharedStrings.Details;
  7. }
  8.  
  9. <div class="row">
  10. <div class="col-lg-8 p-l-8 m-b-md">
  11. <div class="info-block repo bg-white p-md">
  12. <div class="row">
  13. <div class="col-lg-3">
  14. <div class="m-l-20 meta-info">
  15. <p class="light">@SharedStrings.DetailRecord</p>
  16. @{
  17. var date = Model.Record.DateTime.ToString( "dd-MM-yy" );
  18. var time = Model.Record.DateTime.ToString( "HH:mm" );
  19. }
  20. <h2 class="m-b-lg nowrap font-bold">@date - @time</h2>
  21. <div>
  22. <div class="status-label">
  23. @{
  24. var status = Model.Record.Status;
  25. string innerText;
  26. string className;
  27. switch (status) {
  28. case 1:
  29. innerText = @SharedStrings.Done;
  30. className = "item-success";
  31. break;
  32. case 2:
  33. innerText = @SharedStrings.Check;
  34. className = "item-warn";
  35. break;
  36. case 3:
  37. innerText = @SharedStrings.Assigned;
  38. className = "item-details";
  39. break;
  40. case 4:
  41. innerText = @SharedStrings.NotAssigned;
  42. className = "item--error";
  43. break;
  44. default:
  45. innerText = "";
  46. className = "";
  47. break;
  48. }
  49. <span>
  50. <p class=" font-bold">@SharedStrings.Status</p>
  51. @innerText
  52. </span>
  53. <div class="@className item marked"></div>
  54. }
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="col-lg-9">
  60. <div class="holder">
  61. <span class="display-block">
  62. @if (@Model.Record.Status != (int)StatusType.Done)
  63. {
  64. <a data-toggle="modal" data-target="#modal-container" class="btn btn-danger btn-custom pull-right" href="@Url.Action( "GetReportVehicles", "Home", new {reportId = @Model.Record.Id} )">
  65. <span class="glyphicon glyphicon-plus"></span>
  66. @(@Model.Record.Status != (int)StatusType.Check ? SharedStrings.AssignTaskToVehicle : SharedStrings.AssignTaskAgain)
  67. </a>
  68. }
  69. @if (@Model.Record.Status == (int)StatusType.Check)
  70. {
  71. <form method="POST" action="@Url.Action( "MarkAsDone", "Home" )">
  72. <input type="hidden" name="reportId" value="@Model.Record.Id" />
  73. <button type="submit" class="btn btn-success pull-right m-r-md">
  74. @SharedStrings.MarkAsDone
  75. </button>
  76. </form>
  77. }
  78. </span>
  79. <hr />
  80. </div>
  81. </div>
  82. </div>
  83. <div class="row">
  84. <div class="col-lg-6">
  85. <div class="m-l-20 p-t-md p-b-md">
  86. <h4 class="font-bold m-b-md">@SharedStrings.Report</h4>
  87. <table class="table table-responsive borderless m-b-none">
  88. <tbody>
  89. <tr>
  90. <td class="p-l-none">@SharedStrings.ReportDate:</td>
  91. @{
  92. var dateTime = Model.Record.DateTime.ToString("dd-MM-yy");
  93. <td>@dateTime</td>
  94. }
  95. </tr>
  96. <tr>
  97. <td class="p-l-none">@SharedStrings.ReportTime:</td>
  98. @{
  99. var datetime = Model.Record.DateTime.ToString("HH:mm");
  100. <td>@datetime</td>
  101. }
  102. </tr>
  103. <tr>
  104. <td class="p-l-none">@SharedStrings.ReportType:</td>
  105. <td>@Model.Record.Type</td>
  106. </tr>
  107. <tr>
  108. <td class="p-l-none">@SharedStrings.ReportDetail:</td>
  109. <td>@Model.Record.Description</td>
  110. </tr>
  111. <tr>
  112. <td class="p-l-none">@SharedStrings.ReportLocation:</td>
  113. <td>@Model.Record.Location</td>
  114. </tr>
  115. </tbody>
  116. </table>
  117. </div>
  118. </div>
  119. <div class="col-lg-6">
  120. <div class="p-t-md p-b-md">
  121. @{
  122. var latitude = Model.Record.Latitude;
  123. var longtitude = Model.Record.Longtitude;
  124. <div id="map" data-latitude="@latitude" data-longtitude="@longtitude"></div>
  125. }
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="col-lg-4 p-l-8 p-l-35 m-b-md">
  132. <div class="info-block repo bg-white p-md">
  133. <h4 class="m-l-md m-t-md">@SharedStrings.ContactDataSendReport</h4><hr />
  134. <table class="table table-responsive borderless">
  135. <tbody>
  136. <tr>
  137. <td>@SharedStrings.Type:</td>
  138. <td>@Model.Record.Type</td>
  139. </tr>
  140. <tr>
  141. <td>@SharedStrings.Company:</td>
  142. <td>
  143. @if (Model.Reporter.IsCompany)
  144. {
  145. <text>@SharedStrings.Company</text>
  146. }
  147. else
  148. {
  149. <text>@SharedStrings.Person</text>
  150. }
  151. </td>
  152. </tr>
  153. <tr>
  154. <td>@SharedStrings.Name:</td>
  155. <td>@Model.Reporter.Name</td>
  156. </tr>
  157. <tr>
  158. <td>@SharedStrings.Address:</td>
  159. <td>@Model.Reporter.Address</td>
  160. </tr>
  161. <tr>
  162. <td>@SharedStrings.Email:</td>
  163. <td>@Model.Reporter.Email</td>
  164. </tr>
  165. <tr>
  166. <td>@SharedStrings.Telephone:</td>
  167. <td>@Model.Reporter.Telephone</td>
  168. </tr>
  169. </tbody>
  170. </table>
  171. </div>
  172. </div>
  173. <div class="col-lg-8 col-lg-offset-r-4 p-l-8 m-b-md">
  174. <div class="info-block repo bg-white p-md">
  175. <h4 class="m-t-md m-l-20">@SharedStrings.ReportDetail</h4>
  176. <hr />
  177. <div class="m-l-20">
  178. <div class="lightbox col-w-40 pull-left">
  179. @if (Model.Record.FileContentPhotoBefore != null)
  180. {
  181. var base64 = Convert.ToBase64String(Model.Record.FileContentPhotoBefore);
  182. var imgSrcBefore = $"data:image/gif;base64,{base64}";
  183. <span class="pic-holder inline-block m-r-sm">
  184. <a href="@imgSrcBefore" class="lightbox-item" data-fancybox-group="gallery" title="" id="photoBefore">
  185. <img class="col-w-max" src="@imgSrcBefore" alt="" />
  186. </a>
  187. </span>
  188. }
  189. @if (Model.Record.FileContentPhotoAfter != null)
  190. {
  191. var base64 = Convert.ToBase64String(Model.Record.FileContentPhotoAfter);
  192. var imgSrcAfter = $"data:image/gif;base64,{base64}";
  193. <span class="pic-holder inline-block m-r-sm">
  194. <a href="@imgSrcAfter" class="lightbox-item">
  195. <img class="col-w-max" src="@imgSrcAfter" alt="" />
  196. </a>
  197. </span>
  198. }
  199. </div>
  200. <table class="table table-responsive borderless col-w-60 pull-right">
  201. <tbody>
  202. <tr>
  203. <td class="p-l-none">@SharedStrings.TimeStampResolved:</td>
  204.  
  205. @if (Model.Record.TimestampResolved != null)
  206. {
  207. var timestampResolved = Model.Record.DateTime.ToString("dd-MM-yy");
  208. <td>@timestampResolved</td>
  209. }
  210. </tr>
  211. <tr>
  212. <td class="p-l-none">@SharedStrings.Executer:</td>
  213. <td>@Model.Record.Executer</td>
  214. </tr>
  215. <tr>
  216. <td class="p-l-none">@SharedStrings.Duration:</td>
  217. @if ( Model.Record.Duration != 0 ) {
  218. <td>@Model.Record.Duration @SharedStrings.Minutes</td>
  219. }
  220. </tr>
  221. <tr>
  222. <td class="p-l-none">@SharedStrings.Note:</td>
  223. <td>@Model.Record.Note</td>
  224. </tr>
  225. <tr>
  226. <td class="p-l-none">@SharedStrings.RejectNote:</td>
  227. <td>@Model.Record.RejectNote</td>
  228. </tr>
  229. </tbody>
  230. </table>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235.  
  236. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  237. <script>
  238. function initialize() {
  239. var mapCanvas = document.getElementById('map');
  240. var latitude = document.getElementById("map").getAttribute('data-latitude');
  241. var longtitude = document.getElementById("map").getAttribute('data-longtitude');
  242. var mapOptions = {
  243. center: new google.maps.LatLng(latitude, longtitude),
  244. zoom: 8,
  245. mapTypeId: google.maps.MapTypeId.ROADMAP
  246. };
  247. var map = new google.maps.Map(mapCanvas, mapOptions);
  248. var marker = new google.maps.Marker({
  249. position: new google.maps.LatLng(latitude, longtitude),
  250. map: map
  251. });
  252. map.setZoom(15);
  253. map.panTo(marker.position);
  254. }
  255.  
  256. google.maps.event.addDomListener(window, 'load', initialize);
  257. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement