985 lines
46 KiB
Plaintext
985 lines
46 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/Maintenance/MaintenanceBase.master" AutoEventWireup="true" CodeFile="AddFuelRecord.aspx.cs" Inherits="AddFuelRecord" %>
|
|
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
|
|
<link href="<%=GetFileUrlWithVersion("../css/tabcontrol.css")%>" rel="stylesheet" />
|
|
<style type="text/css">
|
|
::-ms-clear, ::-ms-reveal {
|
|
display: none;
|
|
}
|
|
|
|
.edit-content table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
.edit-content table td.label {
|
|
width: 130px;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
line-height: 24px;
|
|
height: 24px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.edit-content table td input,
|
|
.edit-content table td textarea {
|
|
border: 1px solid #a9a9a9;
|
|
width: 320px;
|
|
height: 18px;
|
|
padding: 1px;
|
|
}
|
|
|
|
.edit-content table td input[type="checkbox"] {
|
|
border: none;
|
|
}
|
|
|
|
.edit-content table td textarea {
|
|
height: 100px;
|
|
resize: none;
|
|
/*max-width: 200px;*/
|
|
}
|
|
|
|
.a {
|
|
text-decoration: none;
|
|
color: #2140fb;
|
|
}
|
|
|
|
.subtitle {
|
|
margin: 20px 40px 5px 0px;
|
|
font-size: 16px;
|
|
color: gray;
|
|
}
|
|
|
|
.subtitle span {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.subtitle hr {
|
|
background-color: #d8d8d8;
|
|
border: none;
|
|
height: 1px;
|
|
}
|
|
|
|
|
|
.machinetd {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#tab_fuelrecordinformation span {
|
|
color: red;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.sbutton.disabled {
|
|
cursor: default;
|
|
color: gray;
|
|
}
|
|
|
|
.sbutton.disabled:hover {
|
|
background: none;
|
|
}
|
|
|
|
.sbutton.disabled:before {
|
|
color: gray;
|
|
}
|
|
|
|
#divcontent {
|
|
margin: 8px;
|
|
}
|
|
|
|
.msgdiv {
|
|
border: solid 1px lightgray;
|
|
margin-top: 5px;
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
line-height: 24px;
|
|
white-space: normal;
|
|
word-break: break-word;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.msgtime {
|
|
text-align: right;
|
|
}
|
|
</style>
|
|
|
|
<link href="<%=GetFileUrlWithVersion("../css/jquery.datetimepicker.css")%>" rel="stylesheet" />
|
|
<script src="<%=GetFileUrlWithVersion("../Maintenance/js/inputdatactr.js")%>" type="text/javascript"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/jquery.datetimepicker.full.js")%>"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/editableselect.js")%>"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/controls.js")%>" type="text/javascript"></script>
|
|
<script src="<%=GetFileUrlWithVersion("js/fuelrecordattachments.js")%>" type="text/javascript"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/assetselector.js")%>" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
var IsDealer = <%=IsDealer ?"true":"false"%>;
|
|
var IsAdmin =<%=IsAdmin ?"true":"false"%>;
|
|
var isshowdelete = true;
|
|
|
|
var machines;
|
|
var fueltypes = [];
|
|
var statedata = [];
|
|
var unitdata = [];
|
|
var editableSelectState;
|
|
var editableSelectMachine;
|
|
var editableSelectUnit;
|
|
|
|
|
|
function fuelrequest(method, param, callback, error) {
|
|
_network.request("Maintenance/AddFuelRecord.aspx", -1, method, param, callback, error || function (e) {
|
|
console.log(e);
|
|
showmaskbg(false, true);
|
|
showAlert(GetTextByKey('P_FR_PAGEERROR', 'An unknown error occurred. Please refresh page.'), GetTextByKey('P_FR_QUERY', 'Query'));
|
|
});
|
|
}
|
|
function worequest(method, param, callback, error) {
|
|
_network.request("Maintenance/AddWorkOrder.aspx", -1, method, param, callback, error || function (e) {
|
|
console.log(e);
|
|
showmaskbg(false, true);
|
|
showAlert(GetTextByKey('P_FR_PAGEERROR', 'An unknown error occurred. Please refresh page.'), GetTextByKey('P_FR_QUERY', 'Query'));
|
|
});
|
|
}
|
|
|
|
function setMachineInfo() {
|
|
var machine = editableSelectMachine.selecteditem();
|
|
if (machine) {
|
|
$('#dialog_vin').text(machine.VIN);
|
|
$('#dialog_make').text(machine.MakeName);
|
|
$('#dialog_model').text(machine.ModelName);
|
|
$('#dialog_type').text(machine.TypeName);
|
|
}
|
|
else {
|
|
$('#dialog_vin').text('');
|
|
$('#dialog_make').text('');
|
|
$('#dialog_model').text('');
|
|
$('#dialog_type').text('');
|
|
}
|
|
}
|
|
|
|
function OnAdd(obj) {
|
|
$('#tabAttachments').hide();
|
|
$("#tbAttas").empty();
|
|
if ($(obj).hasClass('disabled')) {
|
|
return;
|
|
}
|
|
$('.tr_fromapi').hide();
|
|
$('#tabAttachments').css('margin-top', 0);
|
|
$('.tr_attachmentfromapi').show();
|
|
$('#lable_attachment').hide();
|
|
$('#span_a').hide();
|
|
$('.iconexit').text(GetTextByKey("P_FR_SAVE2", "Exit Without Saving"));
|
|
setEnable(false);
|
|
fuel = undefined;
|
|
fuelid = undefined;
|
|
editableSelectMachine.val('');
|
|
setMachineInfo();
|
|
$('#dialog_transactiondate').val('');
|
|
$('#dialog_timehour').val('00');
|
|
$('#dialog_timeminute').val('00');
|
|
$('#dialog_ticketnumber').val('');
|
|
$('#dialog_drivername').val('');
|
|
$('#dialog_retailername').val('');
|
|
$('#dialog_fuelingasset').val('');
|
|
$('#dialog_fuelingasset').data('fuelingassetid', -1);
|
|
$('#dialog_retaileraddress').val('');
|
|
$('#dialog_retailercity').val('');
|
|
editableSelectState.val('');
|
|
$('#dialog_retailerzip').val('');
|
|
$('#dialog_odometer').val('');
|
|
$('#dialog_odometeruom').val(systemunitofodometer ? systemunitofodometer.toLowerCase() : "");
|
|
$('#dialog_fueltype').val('');
|
|
$('#dialog_fueltypename').text('');
|
|
$('#dialog_brandname').val('');
|
|
editableSelectUnit.val('');
|
|
$('#dialog_quantity').val('');
|
|
$('#dialog_unitcost').val('');
|
|
$('#dialog_totalcost').val('');
|
|
$('#dialog_notes').val('');
|
|
$('#dialog_datasource').val('');
|
|
$('#dialog_rdofuelingstation').prop('checked', true);
|
|
$('#dialog_retailername').attr('disabled', false);
|
|
$('#btn_selectassets').attr('disabled', true);
|
|
$('#span_retailername').show();
|
|
$('#span_asset').hide();
|
|
}
|
|
|
|
function OnEdit() {
|
|
$('#tabAttachments').hide();
|
|
$("#tbAttas").empty();
|
|
$('#span_a').show();
|
|
editableSelectMachine.setEnable(false);
|
|
editableSelectMachine.val(fuel.AssetID);
|
|
setMachineInfo();
|
|
var time = fuel.TransactionLocalDate.DisplayValue.split(' ');
|
|
$('#dialog_transactiondate').val(time[0]);
|
|
var st = time[1].split(':');
|
|
$('#dialog_timehour').val(st[0].length == 1 ? "0" + st[0] : st[0]);
|
|
$('#dialog_timeminute').val(st[1]);
|
|
$('#dialog_ticketnumber').val(fuel.TicketNumber);
|
|
$('#dialog_drivername').val(fuel.DriverName);
|
|
var distributedby = fuel.DistributedBy.Value;
|
|
$("input[name='rdodistributedby'][value='" + distributedby + "']").prop("checked", true);
|
|
if (distributedby == 0) {
|
|
$('#dialog_retailername').val(fuel.RetailerName);
|
|
$('#dialog_fuelingasset').val('');
|
|
$('#dialog_retailername').attr('disabled', false);
|
|
$('#btn_selectassets').attr('disabled', true);
|
|
$('#span_retailername').show();
|
|
$('#span_asset').hide();
|
|
} else if (distributedby == 1) {
|
|
$('#dialog_retailername').val('');
|
|
$('#dialog_fuelingasset').val(fuel.FuelingAssetName);
|
|
$('#dialog_retailername').attr('disabled', true);
|
|
$('#btn_selectassets').attr('disabled', false);
|
|
$('#span_retailername').hide();
|
|
$('#span_asset').show();
|
|
}
|
|
$('#dialog_fuelingasset').data('fuelingassetid', fuel.FuelingAsset);
|
|
setDistributedBy(distributedby);
|
|
$('#dialog_retaileraddress').val(fuel.RetailerAddress);
|
|
$('#dialog_retailercity').val(fuel.RetailerCity);
|
|
editableSelectState.text(fuel.RetailerState);
|
|
$('#dialog_retailerzip').val(fuel.RetailerZip);
|
|
$('#dialog_odometer').val(fuel.Odomerter);
|
|
$('#dialog_odometeruom').val(fuel.OdometerUnits);
|
|
$('#dialog_fueltype').val(fuel.FuelType);
|
|
$('#dialog_fueltypename').text(fuel.FuelType);
|
|
$('#dialog_brandname').val(fuel.BrandName);
|
|
editableSelectUnit.text(fuel.Uom);
|
|
$('#dialog_quantity').val(fuel.Quantity);
|
|
$('#dialog_unitcost').val(fuel.UnitCost);
|
|
$('#dialog_totalcost').val(fuel.TotalCost);
|
|
$('#dialog_notes').val(fuel.Notes);
|
|
$('#dialog_datasource').val(fuel.DataSource);
|
|
if (fuel.IsComesFromAPI) {
|
|
$('.tr_fromapi').show();
|
|
$('#tabAttachments').css('margin-top', 10);
|
|
$('.tr_attachmentfromapi').hide();
|
|
$('#lable_attachment').show();
|
|
isshowdelete = false;
|
|
$('.iconexit').text(GetTextByKey("P_FR_CLOSE", "Close"));
|
|
}
|
|
else {
|
|
$('.tr_fromapi').hide();
|
|
$('#tabAttachments').css('margin-top', 0);
|
|
$('.tr_attachmentfromapi').show();
|
|
$('#lable_attachment').hide();
|
|
$('.iconexit').text(GetTextByKey("P_FR_SAVE2", "Exit Without Saving"));
|
|
}
|
|
|
|
getAttachments();
|
|
$('.function_title>.sbutton-ui').removeClass('disabled');
|
|
showloading(false);
|
|
}
|
|
|
|
var IsInteger = /^[0-9]+$/;
|
|
function OnSave(exit, obj, callback) {
|
|
if ($(obj).hasClass('disabled')) {
|
|
return;
|
|
}
|
|
var item = {
|
|
'TransactionDate': $('#dialog_transactiondate').val(),
|
|
'TicketNumber': $('#dialog_ticketnumber').val(),
|
|
'DriverName': $('#dialog_drivername').val(),
|
|
'DistributedBy': $('input[name="rdodistributedby"]:checked').val(),
|
|
'RetailerName': $('#dialog_retailername').val(),
|
|
'FuelingAsset': $('#dialog_fuelingasset').data('fuelingassetid'),
|
|
'RetailerAddress': $('#dialog_retaileraddress').val(),
|
|
'RetailerCity': $('#dialog_retailercity').val(),
|
|
'RetailerState': $.trim(editableSelectState.text()),
|
|
'RetailerZip': $('#dialog_retailerzip').val(),
|
|
'Odomerter': $('#dialog_odometer').val(),
|
|
'OdometerUnits': $('#dialog_odometeruom').val(),
|
|
'FuelTypeName': $("#dialog_fueltype").find("option:selected").text(),
|
|
'FuelType': $('#dialog_fueltype').val(),
|
|
'BrandName': $('#dialog_brandname').val(),
|
|
'Uom': $.trim(editableSelectUnit.text()),
|
|
'Quantity': $('#dialog_quantity').val(),
|
|
'UnitCost': $('#dialog_unitcost').val(),
|
|
'TotalCost': $('#dialog_totalcost').val(),
|
|
'Notes': $('#dialog_notes').val()
|
|
};
|
|
var alerttitle;
|
|
if (fuelid) {
|
|
item.FuelID = fuelid;
|
|
alerttitle = GetTextByKey("P_FR_EDITFUELRECORD", "Edit Fule Record");
|
|
} else {
|
|
item.FuelID = -1;
|
|
alerttitle = GetTextByKey("P_FR_ADDFUELRECORD", "Add Fule Record");
|
|
}
|
|
|
|
var machine = editableSelectMachine.selecteditem();
|
|
if (machine == null) {
|
|
showAlert(GetTextByKey("P_FR_ASSETNOTEMPTY", 'Asset cannot be empty.'), alerttitle);
|
|
$('#dialog_machine').focus();
|
|
return;
|
|
}
|
|
else {
|
|
item.AssetID = machine.Id;
|
|
item.VIN = machine.VIN;
|
|
item.AssetName = machine.DisplayName;
|
|
}
|
|
|
|
if (item.TransactionDate.length <= 0) {
|
|
showAlert(GetTextByKey("P_FR_TRANSACTIONDATEISEQUIRED", 'Transaction Date is required.'), alerttitle);
|
|
$('#dialog_transactiondate').focus();
|
|
return;
|
|
}
|
|
|
|
var hour = $('#dialog_timehour').val();
|
|
var minute = $('#dialog_timeminute').val();
|
|
item.TransactionDate = item.TransactionDate + " " + hour + ":" + minute + ":00";
|
|
|
|
if (item.DistributedBy === "0" && (!item.RetailerName || item.RetailerName.length == 0)) {
|
|
showAlert(GetTextByKey("P_FR_RETAILERNAMEISEQUIRED", 'Retailer name is required.'), alerttitle);
|
|
$('#dialog_retailername').focus();
|
|
return;
|
|
}
|
|
if (item.DistributedBy === "1" && (isNaN(item.FuelingAsset) || item.FuelingAsset < 0)) {
|
|
showAlert(GetTextByKey("P_FR_ASSETISEQUIRED", 'Asset is required.'), alerttitle);
|
|
//$('#dialog_retailername').focus();
|
|
return;
|
|
}
|
|
if (!item.RetailerCity || item.RetailerCity.length == 0) {
|
|
showAlert(GetTextByKey("P_FR_RETAILERCITYISEQUIRED", 'Retailer City is required.'), alerttitle);
|
|
$('#dialog_retailercity').focus();
|
|
return;
|
|
}
|
|
if (!item.RetailerState || item.RetailerState.length == 0) {
|
|
showAlert(GetTextByKey("P_FR_RETAILERSTATEISEQUIRED", 'Retailer State is required.'), alerttitle);
|
|
$('#dialog_retailerstate').focus();
|
|
return;
|
|
}
|
|
if (item.Odomerter !== "" && (isNaN(item.Odomerter) || item.Odomerter < 0)) {
|
|
showAlert(GetTextByKey("P_FR_ODOMETERFORMATERROR", 'Odometer format error.'), alerttitle);
|
|
$('#dialog_odometer').focus();
|
|
return;
|
|
}
|
|
|
|
if (!item.FuelType || item.FuelType.length == 0) {
|
|
showAlert(GetTextByKey("P_FR_FUELTYPEISEQUIRED", 'Fuel Type is required.'), alerttitle);
|
|
$('#dialog_fueltype').focus();
|
|
return;
|
|
}
|
|
if (!item.Uom || item.Uom.length == 0) {
|
|
showAlert(GetTextByKey("P_FR_UNITOFMEASUREISEQUIRED", 'Unit of Measure is required.'), alerttitle);
|
|
$('#dialog_unitofmeasure').focus();
|
|
return;
|
|
}
|
|
|
|
if (!item.Quantity || item.Quantity.length == 0) {
|
|
showAlert(GetTextByKey("P_FR_QUANTITYISEQUIRED", 'Quantity is required.'), alerttitle);
|
|
$('#dialog_quantity').focus();
|
|
return;
|
|
}
|
|
else {
|
|
if (isNaN(item.Quantity) || item.Quantity < 0) {
|
|
showAlert(GetTextByKey("P_FR_QUANTITYFORMATERROR", 'Quantity format error.'), alerttitle);
|
|
$('#dialog_quantity').focus();
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (!item.UnitCost || item.UnitCost.length == 0) {
|
|
showAlert(GetTextByKey("P_FR_UNITCOSTISEQUIRED", 'Unit Cost is required.'), alerttitle);
|
|
$('#dialog_unitcost').focus();
|
|
return;
|
|
}
|
|
else {
|
|
if (isNaN(item.UnitCost) || item.UnitCost < 0) {
|
|
showAlert(GetTextByKey("P_FR_UNITCOSTFORMATERROR", 'Unit Cost format error.'), alerttitle);
|
|
$('#dialog_unitcost').focus();
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (item.Odomerter === "")
|
|
item.Odomerter = 0;
|
|
|
|
|
|
showloading(true);
|
|
var param = JSON.stringify(item);
|
|
param = htmlencode(param);
|
|
|
|
fuelrequest("SaveFuelRecord", param, function (data) {
|
|
showloading(false);
|
|
if (typeof (data) === "string") {
|
|
showAlert(data, GetTextByKey("P_FR_SAVEFUELRECORD", 'Save Fuel Record'));
|
|
} else {
|
|
fuelid = data;
|
|
|
|
if (callback) {
|
|
callback(item);
|
|
}
|
|
else {
|
|
if (exit == 0)
|
|
showAlert(GetTextByKey("P_FR_SAVSUCCESSFULLY", "Saved successfully."), GetTextByKey("P_FR_SAVEFUELRECORD", 'Save Fuel Record'));
|
|
else if (exit == 1)
|
|
OnExit(exit);
|
|
else if (exit == 2)
|
|
OnAdd();
|
|
}
|
|
}
|
|
}, function (err) {
|
|
console.log(err);
|
|
showloading(false);
|
|
showAlert(GetTextByKey("P_FR_FAILEDTOSAVEFUELRECORD", 'Failed to save fuel record.'), GetTextByKey("P_FR_SAVEFUELRECORD", 'Save Fuel Record'));
|
|
});
|
|
}
|
|
|
|
function OnExit(type) {
|
|
window.parent.CloseDialog(type);
|
|
}
|
|
|
|
function GetMachines(next) {
|
|
worequest("GetMachines", "", function (data) {
|
|
if (data && data.length > 0) {
|
|
machines = data;
|
|
editableSelectMachine.datasource = machines;
|
|
editableSelectMachine.valuepath = "Id"
|
|
editableSelectMachine.displaypath = "DisplayName";
|
|
|
|
if (fuel && fuel.AssetID !== undefined) {
|
|
editableSelectMachine.val(fuel.AssetID);
|
|
setMachineInfo();
|
|
}
|
|
}
|
|
if (next)
|
|
next();
|
|
}, function (err) {
|
|
});
|
|
}
|
|
|
|
function setEnable(enable) {
|
|
if (enable) {
|
|
$('.iconsave').css('display', 'none');
|
|
$('.iconadd').css('display', '');
|
|
}
|
|
else {
|
|
$('.iconsave').css('display', '');
|
|
$('.iconadd').css('display', 'none');
|
|
}
|
|
|
|
editableSelectMachine.setEnable(!enable);
|
|
editableSelectState.setEnable(!enable);
|
|
editableSelectUnit.setEnable(!enable);
|
|
$('#tab_fuelrecordinformation input').attr('disabled', enable);
|
|
$('#tab_fuelrecordinformation select').attr('disabled', enable);
|
|
$('#tab_fuelrecordinformation textarea').attr('disabled', enable);
|
|
$('#dialog_totalcost').attr('disabled', true);
|
|
$('#dialog_fuelingasset').attr('disabled', true);
|
|
}
|
|
|
|
var fuel;
|
|
var fuelid;
|
|
function init(fl) {
|
|
$("#li_comments").data("loaded", false);
|
|
if (fl) {
|
|
$("#li_comments").show();
|
|
$('.function_title>.sbutton-ui').addClass('disabled');
|
|
fuelid = fl.FuelID;
|
|
fuel = fl;
|
|
setEnable(fl.IsComesFromAPI);
|
|
showloading(true);
|
|
GetMachines(OnEdit);
|
|
}
|
|
else {
|
|
GetMachines();
|
|
OnAdd();
|
|
$("#li_comments").hide();
|
|
}
|
|
$("#li_deviceinfo").click();
|
|
|
|
editableSelectMachine.reload();
|
|
editableSelectState.reload();
|
|
editableSelectUnit.reload();
|
|
}
|
|
|
|
|
|
function initTime() {
|
|
var c = $('#dialog_timehour');
|
|
for (var i = 0; i < 24; i++) {
|
|
if (i < 10)
|
|
c.append($("<option></option>").val("0" + i).text("0" + i))
|
|
else
|
|
c.append($("<option></option>").val(i).text(i))
|
|
}
|
|
c = $('#dialog_timeminute');
|
|
for (var i = 0; i < 60; i++) {
|
|
if (i < 10)
|
|
c.append($("<option></option>").val("0" + i).text("0" + i))
|
|
else
|
|
c.append($("<option></option>").val(i).text(i))
|
|
}
|
|
}
|
|
|
|
function getStates() {
|
|
statedata.push("AL", "AK", "AZ", "AR", "CA", "CO", "CT", "DE", "FL", "GA", "HI", "ID", "IL", "IN", "IA", "KS", "KY", "LA", "ME", "MD", "MA", "MI", "MN", "MS", "MO", "MT", "NE", "NV", "NH", "NJ",
|
|
"NM", "NY", "NC", "ND", "OH", "OK", "OR", "PA", "RI", "SC", "SD", "TN", "TX", "UT", "VT", "VA", "WA", "WV", "WI", "WY");
|
|
editableSelectState.datasource = statedata;
|
|
editableSelectState.valuepath = ""
|
|
editableSelectState.displaypath = "";
|
|
}
|
|
|
|
function getUnit() {
|
|
unitdata.push({ 'Key': 'GAL', 'Value': 'Gallon' }, { 'Key': 'Litre', 'Value': 'Litre' });
|
|
editableSelectUnit.datasource = unitdata;
|
|
editableSelectUnit.valuepath = "Key"
|
|
editableSelectUnit.displaypath = "Value";
|
|
}
|
|
|
|
function getFuelTypes() {
|
|
fuelrequest("GetFuelTypes", '', function (data) {
|
|
if (typeof (data) === "string") {
|
|
showAlert(data, GetTextByKey("P_FR_ERROR", 'Error'));
|
|
return;
|
|
}
|
|
if (data && data.length > 0) {
|
|
fueltypes = data;
|
|
$("#dialog_fueltype").empty();
|
|
for (var i = 0; i < data.length; i++) {
|
|
var kv = data[i];
|
|
var op = $("<option></option>").val(kv.Key).text(kv.Value);
|
|
$("#dialog_fueltype").append(op);
|
|
}
|
|
}
|
|
else
|
|
fueltypes = [];
|
|
|
|
}, function (err) {
|
|
});
|
|
}
|
|
|
|
function getTotalCost() {
|
|
var quantity = $('#dialog_quantity').val();
|
|
var unitcost = $('#dialog_unitcost').val();
|
|
if (quantity !== "" && !isNaN(quantity) && unitcost !== "" && !isNaN(unitcost)) {
|
|
$('#dialog_totalcost').val((quantity * unitcost).toFixed(2));
|
|
}
|
|
}
|
|
|
|
//*************************Start Notes********************************//
|
|
|
|
function getFuelRecordComments() {
|
|
showloading(true);
|
|
fuelrequest("GetFuelRecordComments", fuelid, function (data) {
|
|
showloading(false);
|
|
if (typeof (data) === "string") {
|
|
return;
|
|
}
|
|
$("#li_comments").data("loaded", true);
|
|
$("#divcomments").empty();
|
|
if (data && data.length > 0) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
var comment = data[i];
|
|
showComment(comment, i == 0)
|
|
}
|
|
}
|
|
$("#divcomments")[0].scrollTop = $("#divcomments")[0].scrollHeight;
|
|
}, function (err) {
|
|
showloading(false);
|
|
});
|
|
}
|
|
|
|
function showComment(comment, isfirst) {
|
|
var commoentctrl = $("#divcomments");
|
|
var div = $("<div class='msgdiv'></div>").appendTo(commoentctrl);
|
|
if (isfirst)
|
|
div.css("margin-top", 0);
|
|
var divuser = $("<div class='msgtime'></div>").appendTo(div);
|
|
divuser.append($("<div style='float:left;font-weight: bold;'></div>").text(comment.UserName));
|
|
divuser.append($("<div style='float:right;color: #aaa;'></div>").text(comment.SubmitDateStr));
|
|
var contentctrl = $("<div style='clear:both;'></div>").appendTo(div);
|
|
contentctrl.html(replaceHtmlText(comment.Comment));
|
|
}
|
|
|
|
function addFuelRecordComment() {
|
|
var comment = $('#dialog_comments').val();
|
|
if ($.trim(comment) == "") {
|
|
showAlert(GetTextByKey("P_FR_PLEASEINPUTTHECOMMENT", "Please input the comment."), GetTextByKey("P_FR_ERROR", 'Error'));
|
|
return;
|
|
}
|
|
|
|
var param = JSON.stringify([fuelid, comment]);
|
|
param = htmlencode(param);
|
|
showloading(true);
|
|
fuelrequest("AddFuelRecordComment", param, function (data) {
|
|
showloading(false);
|
|
if (data !== "") {
|
|
showAlert(data, GetTextByKey("P_FR_ERROR", 'Error'));
|
|
return;
|
|
}
|
|
$('#dialog_comments').val("");
|
|
getFuelRecordComments();
|
|
}, function (err) {
|
|
showloading(false);
|
|
});
|
|
}
|
|
|
|
function OnAddComment() {
|
|
addFuelRecordComment();
|
|
}
|
|
|
|
//*************************End Notes********************************//
|
|
|
|
$(function () {
|
|
editableSelectMachine = new $editableselect($("#dialog_machine"));
|
|
editableSelectMachine.tabIndex(1);
|
|
editableSelectMachine.change(function () {
|
|
setMachineInfo();
|
|
});
|
|
|
|
editableSelectState = new $editableselect($("#dialog_retailerstate"), 50);
|
|
editableSelectState.tabIndex(13);
|
|
|
|
editableSelectUnit = new $editableselect($("#dialog_unitofmeasure"));
|
|
editableSelectUnit.tabIndex(18);
|
|
$('#dialog_fueltype').change(function () {
|
|
var value = $("#dialog_fueltype").find("option:selected").val();
|
|
$('#dialog_fueltypename').text(value);
|
|
});
|
|
|
|
$("input[name=rdodistributedby]").each(function () {
|
|
$(this).click(function () {
|
|
var type = $(this).val();
|
|
setDistributedBy(type);
|
|
});
|
|
});
|
|
|
|
getStates();
|
|
getUnit();
|
|
getFuelTypes();
|
|
init();
|
|
initTime();
|
|
|
|
$('#dialog_transactiondate').datetimepicker({
|
|
timepicker: false,
|
|
format: 'm/d/Y',
|
|
enterLikeTab: false,
|
|
onSelectDate: function (v, inp) {
|
|
var date = new DateFormatter().formatDate(v, 'm/d/Y 00:00:00');
|
|
inp.parent().data('val', [date]);
|
|
}
|
|
});
|
|
|
|
function resizeContent() {
|
|
//$('#divcontent').css('height', $(window).height() - $('#divcontent').offset().top - 4);
|
|
$('.content_main').css('min-height', 0);
|
|
}
|
|
|
|
window.onresize = resizeContent;
|
|
resizeContent();
|
|
|
|
$('#div_container').tab();
|
|
|
|
$("#li_comments").click(function () {
|
|
$('#dialog_comments').val('');
|
|
if (!$("#li_comments").data("loaded"))
|
|
getFuelRecordComments();
|
|
});
|
|
|
|
});
|
|
|
|
|
|
function OnViewChangeHistory() {
|
|
window.open("FuelRecordChangeHistory.aspx?fuleid=" + fuelid);
|
|
}
|
|
|
|
|
|
function setDistributedBy(type) {
|
|
if (type == 0) {
|
|
$('#dialog_fuelingasset').val('');
|
|
$('#dialog_retailername').attr('disabled', false);
|
|
$('#btn_selectassets').attr('disabled', true);
|
|
$('#span_retailername').show();
|
|
$('#span_asset').hide();
|
|
}
|
|
else {
|
|
$('#dialog_retailername').val('');
|
|
$('#dialog_retailername').attr('disabled', true);
|
|
$('#btn_selectassets').attr('disabled', false);
|
|
$('#span_retailername').hide();
|
|
$('#span_asset').show();
|
|
}
|
|
}
|
|
|
|
var dialogAssets = undefined;
|
|
function OnSelectAssets() {
|
|
if (!dialogAssets) {
|
|
dialogAssets = new $assetselector("dialog_assets");
|
|
dialogAssets.onDialogClosed = function () {
|
|
showmaskbg(false);
|
|
}
|
|
dialogAssets.onOK = function (source, selectedIndex) {
|
|
var selectedAsset = null;
|
|
if (selectedIndex >= 0)
|
|
selectedAsset = source[selectedIndex].Values;
|
|
$('#dialog_fuelingasset').val(selectedAsset.DisplayName);
|
|
$('#dialog_fuelingasset').data('fuelingassetid', selectedAsset.Id);
|
|
showmaskbg(false);
|
|
}
|
|
}
|
|
showmaskbg(true);
|
|
var assets = [];
|
|
dialogAssets.forceSingle = true;
|
|
dialogAssets.exceptSource = assets;
|
|
dialogAssets.showSelector(assets);
|
|
//$("#dialog_assets").css("z-index", "3");
|
|
}
|
|
|
|
|
|
</script>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
|
|
<div>
|
|
<div class="function_title">
|
|
<span class="sbutton iconsave sbutton-ui" onclick="OnSave(0,this);" data-lgid="P_FR_SAVE">Save</span>
|
|
<span class="sbutton iconsave sbutton-ui" onclick="OnSave(1,this);" data-lgid="P_FR_SAVE1">Save and Exit</span>
|
|
<span class="sbutton iconsave sbutton-ui" onclick="OnSave(2,this);" data-lgid="P_FR_SAVE3">Save and Add New</span>
|
|
<span id="span_add" class="sbutton iconadd sbutton-ui" onclick="OnAdd(this);" style="display: none;" data-lgid="P_FR_ADDNEW">Add New</span>
|
|
<span class="sbutton iconexit" onclick="OnExit(0);" data-lgid="P_FR_SAVE2">Exit Without Saving</span>
|
|
</div>
|
|
|
|
<div id="div_container" style="height: 100%;">
|
|
<ul id="ul_container" class="tab_header" style="height: 29px;">
|
|
<li id="li_deviceinfo" data-href="tab_fuelrecordinfo" class="selected" data-lgid="P_FR_SUMMARY">Summary</li>
|
|
<li id="li_comments" data-href="tab_comments" data-lgid="P_FR_NOTES">Notes</li>
|
|
</ul>
|
|
<div id="dialog_fulerecord" data-page="tab_fuelrecordinfo">
|
|
<div id="div_content">
|
|
<div class="clear"></div>
|
|
<div id="divcontent" style="overflow: auto;">
|
|
<div class="edit-content">
|
|
<div class="subtitle">
|
|
<span data-lgid="P_FR_ASSETINFORMATION">Asset Information</span>
|
|
<hr />
|
|
</div>
|
|
<table>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_ASSET_COLON">Asset:</td>
|
|
<td colspan="4">
|
|
<div id="dialog_machine" style="width: 322px; height: 22px;"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_VIN_COLON">VIN:</td>
|
|
<td id="dialog_vin" style="width: 200px;"></td>
|
|
<td class="label" style="width: 60px;" data-lgid="P_FR_ASSETTYPE_COLON">Type:</td>
|
|
<td id="dialog_type" style="width: 200px;"></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_MAKE_COLON">Make:</td>
|
|
<td id="dialog_make" style="width: 200px;"></td>
|
|
<td class="label" style="width: 60px;" data-lgid="P_FR_MODEL_COLON">Model:</td>
|
|
<td id="dialog_model" style="width: 200px;"></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div class="subtitle">
|
|
<span data-lgid="P_FR_FUELRECORDINFORMATION">Fuel Record Information</span>
|
|
<hr />
|
|
</div>
|
|
<table id="tab_fuelrecordinformation">
|
|
<tr class="tr_fromapi">
|
|
<td class="label" data-lgid="P_FR_DATASOURCE_COLON">Data Source:</td>
|
|
<td>
|
|
<input type="text" id="dialog_datasource" maxlength="50" tabindex="5" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_TRANSACTIONDATE_COLON">Transaction Date:<span>*</span></td>
|
|
<td>
|
|
<table style="width: 500px;">
|
|
<tr>
|
|
<td style="padding: 0;">
|
|
<input type="text" id="dialog_transactiondate" maxlength="200" tabindex="5" style="width: 200px;" />
|
|
</td>
|
|
<td style="text-align: right; padding-right: 5px;" data-lgid="P_FR_TRANSACTIONTIME_COLON">Transaction Time:</td>
|
|
<td>
|
|
<select id="dialog_timehour" style="width: 48px;" tabindex="6"></select><span style="font-weight: bold; color: black;"> : </span>
|
|
<select id="dialog_timeminute" style="width: 48px;" tabindex="7"></select></td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_TICKETRECEIPTNUMBER_COLON">Ticket/Receipt Number:</td>
|
|
<td>
|
|
<input type="text" id="dialog_ticketnumber" maxlength="50" tabindex="8" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_DRIVERNAME_COLON">Driver Name:</td>
|
|
<td>
|
|
<input type="text" id="dialog_drivername" maxlength="50" tabindex="9" />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_DISTRIBUTEDBY_COLON">Distributed By:</td>
|
|
<td>
|
|
<label data-lgid="P_FR_FUELINGSTATION">Fueling Station</label>
|
|
<input type="radio" name="rdodistributedby" value="0" id="dialog_rdofuelingstation" tabindex="10" style="width: 20px; height: 13px;" />
|
|
<label style="margin-left: 20px;" data-lgid="P_FR_FUELINGASSET">Fueling Asset</label>
|
|
<input type="radio" name="rdodistributedby" value="1" id="dialog_rdofuelingasset" tabindex="10" style="width: 20px; height: 13px;" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_RETAILERNAME_COLON">Retailer Name:<span id="span_retailername" style="display: none;">*</span></td>
|
|
<td>
|
|
<input type="text" id="dialog_retailername" maxlength="100" tabindex="10" />
|
|
<label style="margin-left: 20px;" data-lgid="P_FR_ASSET_COLON">Asset:<span id="span_asset" style="display: none;">*</span></label>
|
|
<input type="text" readonly="readonly" disabled="disabled" id="dialog_fuelingasset" maxlength="100" tabindex="10" style="width: 200px;" />
|
|
<input type="button" onclick="OnSelectAssets();" id="btn_selectassets" value="Select" data-lgid="P_FR_SELCT" style="width: 100px; height: 22px;" />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_RETAILERADDRESS_COLON">Retailer Address:</td>
|
|
<td>
|
|
<input type="text" id="dialog_retaileraddress" maxlength="100" tabindex="11" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_CITY_COLON">City:<span>*</span></td>
|
|
<td>
|
|
<table style="width: 600px;">
|
|
<tr>
|
|
<td style="padding: 0;">
|
|
<input type="text" id="dialog_retailercity" maxlength="50" tabindex="12" style="width: 200px;" /></td>
|
|
<td data-lgid="P_FR_STATE_COLON">State:<span>*</span></td>
|
|
<td>
|
|
<div id="dialog_retailerstate" style="width: 150px; height: 22px;"></div>
|
|
</td>
|
|
<td data-lgid="P_FR_ZIP_COLON">Zip:</td>
|
|
<td>
|
|
<input type="text" id="dialog_retailerzip" maxlength="20" tabindex="15" style="width: 120px;" /></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_ODOMETER_COLON">Odometer:</td>
|
|
<td>
|
|
<table style="width: 600px;">
|
|
<tr>
|
|
<td style="padding: 0;">
|
|
<input type="text" id="dialog_odometer" maxlength="12" tabindex="15" style="width: 200px;" />
|
|
</td>
|
|
<td style="min-width: 68px;"></td>
|
|
<td data-lgid="P_FR_ODOMETERUOM_COLON">Odometer Uom:</td>
|
|
<td>
|
|
<select id="dialog_odometeruom" tabindex="15" style="width: 200px;">
|
|
<option value="mile" data-lgid="P_FR_MILE">Mile</option>
|
|
<option value="kilometre" data-lgid="P_FR_KILOMETER">Kilometer</option>
|
|
</select></td>
|
|
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_FUELTYPE_COLON">Fuel Type:<span>*</span></td>
|
|
<td>
|
|
<table style="width: 601px;">
|
|
<tr>
|
|
<td style="padding: 0;">
|
|
<select id="dialog_fueltype" tabindex="16" style="width: 204px;"></select>
|
|
</td>
|
|
<td style="min-width: 100px;"><span id="dialog_fueltypename" style="color: #adb0b4;"></span></td>
|
|
<td data-lgid="P_FR_BRANDNAME_COLON">Brand Name:</td>
|
|
<td>
|
|
<input type="text" id="dialog_brandname" maxlength="50" tabindex="17" style="width: 180px;" /></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_UNITOFMEASURE_COLON">Unit of Measure:<span>*</span></td>
|
|
<td>
|
|
<div id="dialog_unitofmeasure" style="width: 202px; height: 24px;"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_QUANTITY_COLON">Quantity:<span>*</span></td>
|
|
<td>
|
|
<table style="width: 616px;">
|
|
<tr>
|
|
<td style="padding: 0;">
|
|
<input type="text" id="dialog_quantity" maxlength="12" tabindex="19" style="width: 120px;" onblur="getTotalCost();" /></td>
|
|
<td data-lgid="P_FR_UOMCOST_COLON">Unit Cost:<span>*</span></td>
|
|
<td>
|
|
<input type="text" id="dialog_unitcost" maxlength="12" tabindex="20" style="width: 120px;" onblur="getTotalCost();" /></td>
|
|
<td data-lgid="P_FR_TOTALCOST_COLON">Total Cost:<span>*</span></td>
|
|
<td>
|
|
<input type="text" readonly="readonly" disabled="disabled" id="dialog_totalcost" maxlength="12" tabindex="21" style="width: 120px;" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_FR_NOTES_COLON">Notes:</td>
|
|
<td>
|
|
<textarea id="dialog_notes" maxlength="1000" tabindex="22" style="width: 582px; height: 120px; margin-top: 5px;"></textarea>
|
|
<span id="span_a" style="margin-left: 50px;"><a href="#" onclick="OnViewChangeHistory();" data-lgid="P_FR_VIEWCHANGEHIS">View Change History</a></span>
|
|
</td>
|
|
</tr>
|
|
<tr class="tr_attachmentfromapi">
|
|
<td class="label" data-lgid="P_FR_ATTACHMENTS_COLON">Attachments:</td>
|
|
<td id="td_attachment">
|
|
<input id="uploadattfile" type="button" value="Add File..." data-lgid="P_FR_ADDFILE" onclick="UpLoadAttachment()" tabindex="16" style="background-color: #0099FF; color: #FFFFFF; height: 20px; width: 200px;" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">
|
|
<label id="lable_attachment" style="display: none;" data-lgid="P_FR_ATTACHMENTS_COLON">Attachments:</label></td>
|
|
<td>
|
|
<table id="tabAttachments" style="border: 1px solid #a8a8a8; line-height: 25px; width: 586px;">
|
|
<tr>
|
|
<td>
|
|
<div class="content_main">
|
|
<table id="tbAttas" style="table-layout: fixed;"></table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab_comments" data-page="tab_comments" style="padding-top: 30px;">
|
|
<div style="position: absolute; width: 540px; top: 60px; bottom: 1px; left: 0; right: 0;">
|
|
<div style="position: absolute; left: 2px; top: 5px; height: 106px;">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<div style="border: solid 1px rgb(123,28,33);">
|
|
<textarea id="dialog_comments" maxlength="3000" tabindex="20" style="margin-top: 4px; width: 519px; height: 60px; border: none; outline: none;"></textarea>
|
|
<br />
|
|
<div style="font-size: 20px; text-align: right; margin-bottom: 3px;">
|
|
<span class="spanbtn iconsend" onclick="OnAddComment();"></span>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<%--<td style="display: none;">
|
|
<input type="button" value="Submit" data-lgid="P_MD_SUBMIT" tabindex="21" style="box-sizing: border-box; height: 60px; margin: 10px; width: 90px;" onclick="OnAddComment();" />
|
|
</td>--%>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="divcomments" style="position: absolute; bottom: 5px; top: 120px; left: 5px; right: 10px; overflow: auto;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="mask_bg" style="display: none;">
|
|
<div class="loading c-spin"></div>
|
|
</div>
|
|
</asp:Content>
|