WebBuild/wwwroot/apps/crm/employees/components/meterreading.js

var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Crm;
        (function (Crm) {
            let Employees;
            (function (Employees) {
                let Components;
                (function (Components) {
                    class MeterReading extends Unibase.Platform.Core.BaseComponent {
                        constructor() {
                            super(...arguments);
                            this._bizgazegps_widget_gpsverification_Index = 0;
                            this._bizgazegps_widget_CallBack = 0;
                            this._meterTripId = 0;
                        }
                        cssFiles() {
                            return [];
                        }
                        jsFiles() {
                            return ['apps/transact/managers/expenses/expensemanager.js', 'apps/crm/employees/managers/gpslocationmanager.js', 'apps/crm/employees/components/w_employeeroute.js'];
                        }
                        html(id, containerid) {
                            var html = `<input type="hidden" value="0" id="hfMeterStatus" />
<input type="hidden" id="hfMeterReadingId" value="0" />
<input type="hidden" id="hfStartDate" value="0" />
<input type="hidden" id="hfStartReading" value="0" /><input type="hidden" id="hfVehicleId" value="0" />
<header class="header b-b bg-green-lt">
    <p class="h4">
        Meter Reading
    </p>
    <div class="pull-right btn-group">
        <a class="btn btn-sm mr-auto btn-close" href="javascript:;" title="close" id="BtnMeterClose"><i class="fa fa-times"></i></a>
    </div>

</header>
<section class="scrollable">
   <div class="wrapper clear">

        <div class="loadVehicleType hidden">

                <div class="row1">
                    <div class="col-sm-12">
                        <div class="form-group floating-label-form-group floating-label-form-group-with-value">
                            <label for="cmdVehicleType">Vehicle Type<span class="text-danger"> *</span></label>
                            <select id="cmdVehicleType" data-required="true" class="form-control"></select>
                        </div>
                    </div>
                </div>

                <div class="row1">
                    <div class="col-sm-12">
                        <div class="form-group floating-label-form-group">
                            <label for="lblStartReading">Start Reading<span class="text-danger"> *</span></label>
                            <input type="text" class="form-control required" id="txtStartReading" maxlength="50" placeholder="Start reading..." />
                        </div>
                    </div>
                </div>
      </div>
      <div class="loadCalim1 hidden">

                <div class="row1">
                    <div class="col-sm-12">
                        <div class="form-group floating-label-form-group floating-label-form-group-with-value">
                            <label for="cmdCalimType">Expense Type<span class="text-danger"> *</span></label>
                            <select id="cmdCalimType" data-required="true" class="form-control"></select>
                        </div>
                    </div>
                </div>
                <div class="row1">
                    <div class="col-sm-12">
                        <div class="form-group floating-label-form-group">
                            <label for="lblEndReading">End Reading<span class="text-danger"> *</span></label>
                            <input type="text" class="form-control required" id="txtEndReading" maxlength="50" placeholder="End reading..." />
                        </div>
                    </div>
                </div>



      </div>
    </div>

</section>
<footer class="footer">
    <a href="javascript:;" id="btnSaveMeterReading" class="btn btn-primary btn-lg btn-block"> Save Changes </a>
</footer>`;
                            return html;
                        }
                        load(id, containerid, callback) {
                            var instance = this;
                            $("#hfMeterStatus").val(instance.meterStatus);
                            if ($("#hfMeterStatus").val() == "1") {
                                $(".loadVehicleType").removeClass("hidden");
                                instance.loadVehicleType();
                            }
                            else {
                                $(".loadCalim1").removeClass("hidden");
                                instance.loadCalim1();
                            }
                            $("#btnSaveMeterReading").click(function () {
                                instance.saveTripMeterReading();
                            });
                            $("#BtnMeterClose").click(function () {
                                $('#' + containerid).modal('hide');
                                $('#' + containerid).remove();
                            });
                        }
                        loadPop(meterStatus, meterReadingId, meterTripId, callback) {
                            var instance = this;
                            instance.navigationHelper.popup(0, '', Bizgaze.Apps.Crm.Employees.Components.MeterReading.Instance(), null, Unibase.Platform.Helpers.Size.DockLeft);
                            instance._bizgazegps_widget_CallBack = callback;
                            instance._meterTripId = meterTripId;
                            instance.meterStatus = meterStatus;
                        }
                        GetMeterReading(meterReadingId) {
                            Bizgaze.Apps.Crm.Employees.Managers.GpsLocationmanager.Instance().GetMeterReading(meterReadingId).then(function (response) {
                                if (response.result != null) {
                                    var data = response.result;
                                    $("#hfMeterReadingId").val(data.meterReadingId);
                                    $("#hfStartDate").val(data.startDate);
                                    $("#hfStartReading").val(data.startReading);
                                    $("#hfVehicleId").val(data.vehicleId);
                                }
                            });
                        }
                        loadVehicleType() {
                            Bizgaze.Apps.Transact.Managers.Expenses.ExpenseManager.Instance().getVehicleType().then(function (response) {
                                var cmdVehicleTypes = document.getElementById('cmdVehicleType');
                                $('#cmdVehicleType').empty();
                                var defaultOpt = document.createElement("option");
                                defaultOpt.text = "--Select--";
                                defaultOpt.value = "";
                                cmdVehicleTypes.append(defaultOpt);
                                for (var i = 0; i < response.result.length; i++) {
                                    var opt = document.createElement("option");
                                    opt.text = response.result[i].vehiclename;
                                    opt.value = response.result[i].vehicleid;
                                    cmdVehicleTypes.append(opt);
                                }
                            });
                        }
                        loadCalim1() {
                            Bizgaze.Apps.Transact.Managers.Expenses.ExpenseManager.Instance().getDraftExpenseByContact().then(function (response) {
                                var cmdCalimType = document.getElementById('cmdCalimType');
                                $('#cmdCalimType').empty();
                                var defaultOpt = document.createElement("option");
                                defaultOpt.text = "--Select--";
                                defaultOpt.value = "";
                                cmdCalimType.append(defaultOpt);
                                for (var i = 0; i < response.result.length; i++) {
                                    var opt = document.createElement("option");
                                    opt.text = response.result[i].expensename;
                                    opt.value = response.result[i].expenseid;
                                    cmdCalimType.append(opt);
                                }
                            });
                        }
                        saveTripMeterReading() {
                            let instance = this;
                            let StartDate;
                            var StartReading = $("#txtStartReading").val();
                            var vehicleTypeId = Number($("#cmdVehicleType").val());
                            if ($("#hfMeterReadingId").val() != 0) {
                                StartReading = $("#hfStartReading").val();
                                StartDate = $("#hfStartDate").val();
                                vehicleTypeId = Number($("#hfVehicleId").val());
                            }
                            var tripGroupStatus = "";
                            if ($("#hfMeterReadingId").val() == 0)
                                tripGroupStatus = 'Started';
                            else if ($("#hfTripGroupStatus").val() == "Started") {
                                tripGroupStatus = 'Completed';
                            }
                            var tripStatus = 'Started';
                            if (instance._meterTripId != 0)
                                tripStatus = 'Completed';
                            if ($('#hfSeletedRouteId').val() == 0) {
                                MessageHelper.Instance().showError("RouteId is going to 0,please select one route", "");
                                return null;
                            }
                            var postData = {
                                RouteId: Number($('#hfSeletedRouteId').val()),
                                TripGroupId: Number($("#hfTripGroupId").val()),
                                TripGroupName: $("#hfBizgaze_GpsTripGroupName").val(),
                                TripGroupStatus: 1,
                                TripId: instance._meterTripId,
                                ToAddressId: 0,
                                RefGuid: null,
                                TripStatus: 1,
                                MeterReadingId: Number($("#hfMeterReadingId").val()),
                                VehicleTypeId: vehicleTypeId,
                                StartDate: (StartDate == undefined || StartDate == "0") ? new Date() : StartDate,
                                EndDate: null,
                                StartReading: parseFloat(StartReading.toString()),
                                EndReading: $("#txtEndReading").val() == '' ? 0 : parseFloat($("#txtEndReading").val().toString()),
                            };
                            Bizgaze.Apps.Crm.Employees.Managers.GpsLocationmanager.Instance().saveTripMeterReading(postData).then(function (response) {
                                var Id = response.result.MeterReadingId;
                                var tripGroupId = response.result.TripGroupId;
                                $("#hfTripGroupId").val(tripGroupId);
                                var tripGroupStatus = response.result.TripGroupStatus;
                                $("#hfTripGroupStatus").val(tripGroupStatus);
                                $("#hfMeterReadingId").val(Id);
                                var tripId = response.result.MeterTripId;
                                instance._bizgazegps_widget_CallBack = tripId;
                                if (instance._meterTripId == 0) {
                                    $(".btnStopTrip").removeClass('hidden');
                                    $(".btnStartTrip").addClass('hidden');
                                    Bizgaze.Apps.Crm.Employees.Components.EmployeeRoute.Instance().loadRouteMap($('#hfSeletedRouteId').val());
                                }
                                else {
                                    $(".btnStopTrip").addClass('hidden');
                                    $(".btnStartTrip").removeClass('hidden');
                                }
                                instance._meterTripId = tripId;
                                $("#modal_divGpsMeterReading").modal('hide');
                            });
                        }
                        static Instance() {
                            if (this.instance === undefined) {
                                this.instance = new MeterReading();
                            }
                            return this.instance;
                        }
                    }
                    Components.MeterReading = MeterReading;
                })(Components = Employees.Components || (Employees.Components = {}));
            })(Employees = Crm.Employees || (Crm.Employees = {}));
        })(Crm = Apps.Crm || (Apps.Crm = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));