fleet-contractor/Site/MachineDeviceManagement/RentalChangeHistory.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/IronIntelMasterPage.master" AutoEventWireup="true" CodeFile="RentalChangeHistory.aspx.cs" Inherits="RentalChangeHistory" %>


<asp:Content ID="Content1" ContentPlaceHolderID="holder_head" runat="Server">
    <style type="text/css">
        ::-ms-clear, ::-ms-reveal {
            display: none;
        }

        .selectinput {
            width: 150px;
            margin-right: 10px;
        }

        #dialogdatatb td {
            padding-top: 30px;
        }

        .a {
            text-decoration: none;
            color: #2140fb;
        }

        .machinetd {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
    </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 type="text/javascript">        
        var IsDealer = <%=IsDealer ?"true":"false"%>;
        var IsAdmin =<%=IsAdmin ?"true":"false"%>;
        var contractorid = "<%=ContractorID %>";
        var MachineID = "<%=MachineID %>";
        var RentalID = "<%=RentalID %>";
        var machines;

        function devicerequest(method, param, callback, error) {
            _network.request("MachineDeviceManagement/ManageRentals.aspx", -1, method, param, callback, error || function (e) {
                showmaskbg(false, true);
                showAlert(GetTextByKey('P_MR_PAGEERROR', 'An unknown error occurred.  Please refresh page.'), GetTextByKey('P_MR_QUERY', 'Query'));
            });
        }

        function OnRefresh() {
            showloading(true);

            var searchtxt = "";
            searchtxt = htmlencode($.trim($('#searchinputtxt').val()));
            var startdate = htmlencode($('#startdatetxt').val());
            var enddate = htmlencode($('#enddatetxt').val());

            devicerequest("SearchRentalChangeHistory", contractorid + String.fromCharCode(170) + searchtxt
                + String.fromCharCode(170) + startdate + String.fromCharCode(170) + enddate
                + String.fromCharCode(170) + MachineID + String.fromCharCode(170) + RentalID, function (data) {
                    if (typeof (data) === "string") {
                        showloading(false);
                        showAlert(data, GetTextByKey("P_MR_ERROR", 'Error'));
                        return;
                    }
                    showRentals(data);

                    showloading(false);
                }, function (err) {
                    showloading(false);
                });
        }

        function OnExport() {
            var searchtxt = "";
            searchtxt = htmlencode($.trim($('#searchinputtxt').val()));
            var from = htmlencode($('#startdatetxt').val());
            var to = htmlencode($('#enddatetxt').val());
            var mid = "";

            var sortPath = grid_dt.sortKey;
            if (sortPath === undefined) sortPath = "";
            var desc = grid_dt.sortDirection !== 1;
            window.open("../ExportToFile.aspx?type=rentalchg&cid=" + contractorid + "&mid=" + mid + "&rid=" + RentalID
                + "&from=" + from + "&to=" + to + "&t=" + searchtxt + "&sp=" + sortPath + "&desc=" + desc);
        }

        function OnPrint() {
            var searchtxt = "";
            searchtxt = htmlencode($.trim($('#searchinputtxt').val()));
            var from = htmlencode($('#startdatetxt').val());
            var to = htmlencode($('#enddatetxt').val());
            var mid = "";

            var sortPath = grid_dt.sortKey;
            if (sortPath === undefined) sortPath = "";
            var desc = grid_dt.sortDirection !== 1;
            window.open("PrintRentalChanges.aspx?cid=" + contractorid + "&mid=" + mid + "&rid=" + RentalID
                + "&from=" + from + "&to=" + to + "&t=" + searchtxt + "&sp=" + sortPath + "&desc=" + desc);
        }

        function getLangTermUnit(text) {
            var langtext = text;
            if (text === "Hourly")
                langtext = GetTextByKey("P_MR_HOURLY", "Hourly");
            else if (text === "Daily")
                langtext = GetTextByKey("P_MR_DAILY", "Daily");
            else if (text === "Weekly")
                langtext = GetTextByKey("P_MR_WEEKLY", "Weekly");
            else if (text === "Monthly")
                langtext = GetTextByKey("P_MR_MONTHLY", "Monthly");
            else if (text === "Annually")
                langtext = GetTextByKey("P_MR_ANNUALLY", "Annually");
            return langtext;
        }

        function getLangOutside(text) {
            var langtext = text;
            if (text === "Inside")
                langtext = GetTextByKey("P_MR_INSIDE", "Inside");
            else if (text === "Outside")
                langtext = GetTextByKey("P_MR_OUTSIDE", "Outside");
            return langtext;
        }

        function showRentals(data) {
            var rows = [];
            for (var i = 0; i < data.length; i++) {
                var r = data[i];
                for (var j in r) {
                    if (j === "LastUpdateDate")
                        r[j] = { DisplayValue: r["LastUpdateDateStr"], Value: r[j] };
                    else if (j === "RentalDate")
                        r[j] = { DisplayValue: r["RentalDateStr"], Value: r[j] };
                    else if (j === "ProjectReturnDate")
                        r[j] = { DisplayValue: r["ProjectReturnDateStr"], Value: r[j] };
                    else if (j === "ReturnDate")
                        r[j] = { DisplayValue: r["ReturnDateStr"], Value: r[j] };
                    else if (j === "TermUnit")
                        r[j] = { DisplayValue: getLangTermUnit(r["TermUnit"]), Value: r[j] };
                    else if (j === "Outside")
                        r[j] = { DisplayValue: getLangOutside(r["Outside"]), Value: r[j] };
                }
                rows.push(r);
            }

            grid_dt.setData(rows);
        }

        var grid_dt;
        function InitGridData() {
            $('#btnEdit').attr("disabled", "disabled");

            grid_dt = createGridView('#rentallist');
            var list_columns = [
                { name: 'RentalID', caption: GetTextByKey("P_MR_RENTALID", "Rental ID"), valueIndex: 'RentalID', allowFilter: true, css: { 'width': 120, 'text-align': 'left' } },
                { name: 'LastUpdateUserName', caption: GetTextByKey("P_MR_USERNAME", "User Name"), valueIndex: 'LastUpdateUserName', allowFilter: true, css: { 'width': 150, 'text-align': 'left' } },
                { name: 'LastUpdateDate', caption: GetTextByKey("P_MR_LASTUPDATEDATE", "Last Update Date"), valueIndex: 'LastUpdateDate', css: { 'width': 150, 'text-align': 'left' } },
                //{ name: 'OperateType', caption: "Operate Type", valueIndex: 'OperateType',allowFilter:true, css: { 'width': 120, 'text-align': 'left' } },
                { name: 'VIN', caption: GetTextByKey("P_MR_VINSN", "VIN/SN"), valueIndex: 'VIN', allowFilter: true, css: { 'width': 180, 'text-align': 'left' } },
                { name: 'DisplayName', caption: GetTextByKey("P_MR_ASSETNAME", "Asset Name"), valueIndex: 'DisplayName', allowFilter: true, css: { 'width': 180, 'text-align': 'left' } },
                { name: 'Outside', caption: GetTextByKey("P_MR_OUTSIDEINTERNAL", "Outside/Internal"), valueIndex: 'Outside', allowFilter: true, css: { 'width': 180, 'text-align': 'left' } },
                { name: 'Vendor', caption: GetTextByKey("P_MR_RENTALVENDOR", "Rental Vendor"), valueIndex: 'Vendor', allowFilter: true, css: { 'width': 150, 'text-align': 'left' } },
                { name: 'RentalRate', caption: GetTextByKey("P_MR_RENTALRATE", "Rental Rate"), valueIndex: 'RentalRate', allowFilter: true, css: { 'width': 150, 'text-align': 'right' } },
                { name: 'Term', caption: GetTextByKey("P_MR_TERM", "Term"), valueIndex: 'Term', allowFilter: true, css: { 'width': 150, 'text-align': 'left' } },
                { name: 'TermUnit', caption: GetTextByKey("P_MR_TERMUNIT", "Term Unit"), valueIndex: 'TermUnit', allowFilter: true, allowFilter: true, css: { 'width': 150, 'text-align': 'left' } },
                { name: 'RentalDate', caption: GetTextByKey("P_MR_RENTALDATEON", "Rental Date On"), valueIndex: 'RentalDate', css: { 'width': 150, 'text-align': 'left' } },
                { name: 'ProjectReturnDate', caption: GetTextByKey("P_MR_PROJECTRETURN", "Project Return"), valueIndex: 'ProjectReturnDate', css: { 'width': 150, 'text-align': 'left' } },
                { name: 'ReturnDate', caption: GetTextByKey("P_MR_RETURNDATE", "Return Date"), valueIndex: 'ReturnDate', css: { 'width': 150, 'text-align': 'left' } },
                { name: 'PONumber', caption: GetTextByKey("P_MR_PURCHASEORDERN", "Purchase Order #"), allowFilter: true, valueIndex: 'PONumber', css: { 'width': 150, 'text-align': 'left' } },
                { name: 'InsuredValue', caption: GetTextByKey("P_MR_INSUREDVALUE", "Insured Value"), allowFilter: true, valueIndex: 'InsuredValue', css: { 'width': 150, 'text-align': 'right' } },
                { name: 'Comments', caption: GetTextByKey("P_MR_COMMENTS", "Comments"), valueIndex: 'Comments', css: { 'width': 200, 'text-align': 'left' } }
            ];
            var columns = [];
            // head
            for (var hd in list_columns) {
                var col = {};
                col.name = list_columns[hd].name;
                col.caption = list_columns[hd].caption;
                col.visible = true;
                col.sortable = true;
                col.width = list_columns[hd].css.width;
                col.align = list_columns[hd].css["text-align"]
                col.key = list_columns[hd].valueIndex;
                col.allowFilter = list_columns[hd].allowFilter;
                columns.push(col);
            }
            grid_dt.multiSelect = false;
            grid_dt.columns = columns;
            grid_dt.init();
        }


        $(function () {
            $("#content").applyFleetLanguageText();
            InitGridData();

            if (RentalID !== "") {
                $('#tr_search').css('display', 'none');
            }

            OnRefresh();

            $('#searchinputtxt').keydown(searchEnter);

            $('#startdatetxt').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]);
                }
            });

            $('#enddatetxt').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]);
                }
            });

            $(window).resize(function () {
                $("#rentallist").css("height", $(window).height() - $("#rentallist").offset().top - 4);
                grid_dt && grid_dt.resize();
            }).resize();

            if (!canExport) {
                $('#spExport').hide();
            }
        });

        function searchEnter(e) {
            if (e.keyCode == 13 || e.keyCode == 9) {
                OnRefresh();
            }
        }
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="holder_content" runat="Server">
    <div id="recordcontent" style="padding: 0px; margin: 0px;">
        <div class="page_title" data-lgid="P_MR_RENTALCHANGEHISTORY">Rental Change History</div>
        <table style="width: 100%; border-collapse: collapse; line-height: 32px; min-width: 1200px;">
            <tr id="tr_search">
                <td style="display: none; width: 260px;">
                    <span id="span_contractor" style="padding-left: 5px; display: none; float: left;">
                        <span data-lgid="P_MR_CONTRACTOR_COLON">Contractor:</span>
                        <select style="width: 180px;" id="sel_contractor"></select>
                    </span>
                </td>
                <td style="width: 60px; display: none;">
                    <span style="padding-left: 5px;" data-lgid="P_MR_ASSET_COLON">Asset:</span>
                </td>
                <td style="width: 180px; display: none;">
                    <div id="sel_machine" style="width: 182px; height: 22px; line-height: normal;"></div>
                </td>
                <td style="width: 360px;">
                    <span style="padding-left: 5px;" data-lgid="P_MR_RENTALDATEFROM_COLON">Rental Date From:</span>
                    <span>
                        <input id="startdatetxt" type="text" style="width: 100px;" /></span>
                    <span style="padding-left: 5px;" data-lgid="P_MR_TO_COLON">To</span>
                    <span>
                        <input id="enddatetxt" type="text" style="width: 100px;" /></span>
                </td>
                <td style="width: 320px;">
                    <input id="searchinputtxt" type="text" autocomplete="off" style="width: 180px; margin-left: 10px;" />
                    <input class="search" type="button" onclick="OnRefresh();" value="Search" data-lgid="P_MR_SEARCH" />
                </td>
                <td></td>
            </tr>
            <tr>
                <td colspan="6">
                    <div class="function_title">
                        <span class="sbutton iconrefresh" onclick="OnRefresh();" data-lgid="P_MR_REFRESH">Refresh</span>
                        <span class="sbutton iconprint" onclick="OnPrint();" style="display: none;" data-lgid="P_MR_PRINT">Print</span>
                        <span id="spExport" class="sbutton iconexport" onclick="OnExport();" data-lgid="P_MR_EXPORTTOEXCEL">Export to Excel</span>
                    </div>
                </td>
            </tr>
        </table>
        <div class="clear"></div>
        <div id="rentallist"></div>
    </div>
    <div id="mask_bg" style="display: none;">
        <div class="loading c-spin"></div>
    </div>

</asp:Content>