Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @using ReportApp.Web.Enums
- @using Resources
- @model ReportApp.Web.ViewModels.RecordDetailsViewModel
- @{
- ViewBag.Title = SharedStrings.Details;
- }
- <div class="row">
- <div class="col-lg-8 p-l-8 m-b-md">
- <div class="info-block repo bg-white p-md">
- <div class="row">
- <div class="col-lg-3">
- <div class="m-l-20 meta-info">
- <p class="light">@SharedStrings.DetailRecord</p>
- @{
- var date = Model.Record.DateTime.ToString( "dd-MM-yy" );
- var time = Model.Record.DateTime.ToString( "HH:mm" );
- }
- <h2 class="m-b-lg nowrap font-bold">@date - @time</h2>
- <div>
- <div class="status-label">
- @{
- var status = Model.Record.Status;
- string innerText;
- string className;
- switch (status) {
- case 1:
- innerText = @SharedStrings.Done;
- className = "item-success";
- break;
- case 2:
- innerText = @SharedStrings.Check;
- className = "item-warn";
- break;
- case 3:
- innerText = @SharedStrings.Assigned;
- className = "item-details";
- break;
- case 4:
- innerText = @SharedStrings.NotAssigned;
- className = "item--error";
- break;
- default:
- innerText = "";
- className = "";
- break;
- }
- <span>
- <p class=" font-bold">@SharedStrings.Status</p>
- @innerText
- </span>
- <div class="@className item marked"></div>
- }
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-9">
- <div class="holder">
- <span class="display-block">
- @if (@Model.Record.Status != (int)StatusType.Done)
- {
- <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} )">
- <span class="glyphicon glyphicon-plus"></span>
- @(@Model.Record.Status != (int)StatusType.Check ? SharedStrings.AssignTaskToVehicle : SharedStrings.AssignTaskAgain)
- </a>
- }
- @if (@Model.Record.Status == (int)StatusType.Check)
- {
- <form method="POST" action="@Url.Action( "MarkAsDone", "Home" )">
- <input type="hidden" name="reportId" value="@Model.Record.Id" />
- <button type="submit" class="btn btn-success pull-right m-r-md">
- @SharedStrings.MarkAsDone
- </button>
- </form>
- }
- </span>
- <hr />
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-6">
- <div class="m-l-20 p-t-md p-b-md">
- <h4 class="font-bold m-b-md">@SharedStrings.Report</h4>
- <table class="table table-responsive borderless m-b-none">
- <tbody>
- <tr>
- <td class="p-l-none">@SharedStrings.ReportDate:</td>
- @{
- var dateTime = Model.Record.DateTime.ToString("dd-MM-yy");
- <td>@dateTime</td>
- }
- </tr>
- <tr>
- <td class="p-l-none">@SharedStrings.ReportTime:</td>
- @{
- var datetime = Model.Record.DateTime.ToString("HH:mm");
- <td>@datetime</td>
- }
- </tr>
- <tr>
- <td class="p-l-none">@SharedStrings.ReportType:</td>
- <td>@Model.Record.Type</td>
- </tr>
- <tr>
- <td class="p-l-none">@SharedStrings.ReportDetail:</td>
- <td>@Model.Record.Description</td>
- </tr>
- <tr>
- <td class="p-l-none">@SharedStrings.ReportLocation:</td>
- <td>@Model.Record.Location</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="col-lg-6">
- <div class="p-t-md p-b-md">
- @{
- var latitude = Model.Record.Latitude;
- var longtitude = Model.Record.Longtitude;
- <div id="map" data-latitude="@latitude" data-longtitude="@longtitude"></div>
- }
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-4 p-l-8 p-l-35 m-b-md">
- <div class="info-block repo bg-white p-md">
- <h4 class="m-l-md m-t-md">@SharedStrings.ContactDataSendReport</h4><hr />
- <table class="table table-responsive borderless">
- <tbody>
- <tr>
- <td>@SharedStrings.Type:</td>
- <td>@Model.Record.Type</td>
- </tr>
- <tr>
- <td>@SharedStrings.Company:</td>
- <td>
- @if (Model.Reporter.IsCompany)
- {
- <text>@SharedStrings.Company</text>
- }
- else
- {
- <text>@SharedStrings.Person</text>
- }
- </td>
- </tr>
- <tr>
- <td>@SharedStrings.Name:</td>
- <td>@Model.Reporter.Name</td>
- </tr>
- <tr>
- <td>@SharedStrings.Address:</td>
- <td>@Model.Reporter.Address</td>
- </tr>
- <tr>
- <td>@SharedStrings.Email:</td>
- <td>@Model.Reporter.Email</td>
- </tr>
- <tr>
- <td>@SharedStrings.Telephone:</td>
- <td>@Model.Reporter.Telephone</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="col-lg-8 col-lg-offset-r-4 p-l-8 m-b-md">
- <div class="info-block repo bg-white p-md">
- <h4 class="m-t-md m-l-20">@SharedStrings.ReportDetail</h4>
- <hr />
- <div class="m-l-20">
- <div class="lightbox col-w-40 pull-left">
- @if (Model.Record.FileContentPhotoBefore != null)
- {
- var base64 = Convert.ToBase64String(Model.Record.FileContentPhotoBefore);
- var imgSrcBefore = $"data:image/gif;base64,{base64}";
- <span class="pic-holder inline-block m-r-sm">
- <a href="@imgSrcBefore" class="lightbox-item" data-fancybox-group="gallery" title="" id="photoBefore">
- <img class="col-w-max" src="@imgSrcBefore" alt="" />
- </a>
- </span>
- }
- @if (Model.Record.FileContentPhotoAfter != null)
- {
- var base64 = Convert.ToBase64String(Model.Record.FileContentPhotoAfter);
- var imgSrcAfter = $"data:image/gif;base64,{base64}";
- <span class="pic-holder inline-block m-r-sm">
- <a href="@imgSrcAfter" class="lightbox-item">
- <img class="col-w-max" src="@imgSrcAfter" alt="" />
- </a>
- </span>
- }
- </div>
- <table class="table table-responsive borderless col-w-60 pull-right">
- <tbody>
- <tr>
- <td class="p-l-none">@SharedStrings.TimeStampResolved:</td>
- @if (Model.Record.TimestampResolved != null)
- {
- var timestampResolved = Model.Record.DateTime.ToString("dd-MM-yy");
- <td>@timestampResolved</td>
- }
- </tr>
- <tr>
- <td class="p-l-none">@SharedStrings.Executer:</td>
- <td>@Model.Record.Executer</td>
- </tr>
- <tr>
- <td class="p-l-none">@SharedStrings.Duration:</td>
- @if ( Model.Record.Duration != 0 ) {
- <td>@Model.Record.Duration @SharedStrings.Minutes</td>
- }
- </tr>
- <tr>
- <td class="p-l-none">@SharedStrings.Note:</td>
- <td>@Model.Record.Note</td>
- </tr>
- <tr>
- <td class="p-l-none">@SharedStrings.RejectNote:</td>
- <td>@Model.Record.RejectNote</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
- <script>
- function initialize() {
- var mapCanvas = document.getElementById('map');
- var latitude = document.getElementById("map").getAttribute('data-latitude');
- var longtitude = document.getElementById("map").getAttribute('data-longtitude');
- var mapOptions = {
- center: new google.maps.LatLng(latitude, longtitude),
- zoom: 8,
- mapTypeId: google.maps.MapTypeId.ROADMAP
- };
- var map = new google.maps.Map(mapCanvas, mapOptions);
- var marker = new google.maps.Marker({
- position: new google.maps.LatLng(latitude, longtitude),
- map: map
- });
- map.setZoom(15);
- map.panTo(marker.position);
- }
- google.maps.event.addDomListener(window, 'load', initialize);
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement