fleet-contractor/Site/Security/CurfewMovementTolerance.aspx

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

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style type="text/css">
        .selectinput {
            width: 150px;
            margin-right: 10px;
        }

        .no_wrap th {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .max160 {
            max-width: 160px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        #dialog_user_randompass {
            width: auto;
            height: 16px;
            margin: 3px 4px 0 4px;
        }

        .ctl_button {
            font-family: 'CalciteWebCoreIcons';
            display: block;
            margin: 6px auto;
            width: 60px;
            height: 22px;
            line-height: 21px;
            padding: 0;
        }

        .group_table .main_table {
            table-layout: fixed;
        }

            .group_table .main_table thead tr {
                display: block;
            }

            .group_table .main_table tbody {
                height: 280px;
                display: block;
                overflow-y: auto;
            }

            .group_table .main_table th {
                width: 165px;
            }

            .group_table .main_table td {
                width: 165px;
                white-space: nowrap;
                word-break: keep-all;
            }

                .group_table .main_table td div {
                    width: 165px;
                    overflow: hidden;
                    white-space: nowrap;
                    word-break: keep-all;
                    text-overflow: ellipsis;
                }


        .table_holder {
            border-collapse: collapse;
            height: 400px;
        }

            .table_holder thead th {
                text-align: left;
            }

            .table_holder tbody tr {
                line-height: 28px;
                height: 28px;
            }

            .table_holder td {
                vertical-align: top;
            }

            .table_holder .td_controller {
                vertical-align: middle;
                padding: 40px 8px;
            }

            .table_holder .scroller {
                height: 400px;
                overflow-y: auto;
                width: 410px;
            }

        .ctl_button {
            font-family: 'CalciteWebCoreIcons';
            display: block;
            margin: 6px auto;
            width: 60px;
            height: 22px;
            line-height: 21px;
            padding: 0;
        }

        .machine_filter {
            height: 32px;
            line-height: 32px;
        }

            .machine_filter select {
                height: 23px;
                min-width: 100px;
                max-width: 300px;
            }

            .machine_filter span {
                margin-left: 8px;
            }

        .ybutton {
            width: auto;
            line-height: normal;
            margin-left: 6px;
            border: none;
            background: rgb(249, 189, 117);
            padding: 5px 14px;
            cursor: pointer;
        }

            .ybutton:hover {
                background: #d7690E;
            }

        .machines {
            /*table-layout: fixed;*/
            word-break: keep-all;
        }

            .machines td {
                padding-right: 5px;
                white-space: nowrap;
            }

        .middlechk {
            width: auto;
            height: 13px;
            margin-top: 0px;
            margin-bottom: 1px;
            vertical-align: middle;
        }
    </style>
    <script>
        curfewquery = function (method, param, callback, error, nolog) {
            _network.request("Security/CurfewMovementTolerance.aspx", -1, method, param, callback, error || function (e) {
                showAlert(GetTextByKey("P_CMT_FAILEDTOLOADDATA", 'Failed to load data: ') + e.statusText, GetTextByKey("P_CMT_SCHEDULEASSETS", 'Schedule Assets'));
            });
        }

        function showToleranceList(data) {
            grid_dt.setData(data);
        }

        var grid_dt;
        function InitGridData() {
            grid_dt = createGridView1('#tolerancelist');
            var list_columns = [
                { name: 'JobSiteName', caption: GetTextByKey("P_CMT_JOBSITES", 'Jobsite'), valueIndex: 'JobSiteName', allowFilter: true, css: { 'width': 500, 'text-align': 'left' } },
                { name: 'Tolerance', caption: GetTextByKey("P_CMT_TOLERANCE", 'Tolerance'), valueIndex: 'Tolerance', allowFilter: true, css: { 'width': 150, '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;
                if (col.name === "Tolerance") {
                    col.type = GridView1.ColumnTypes.Input;
                    col.attrs = { 'maxlength': 8 };
                    col.filter = function (item) {
                        return item.Tolerance;
                    };
                    col.onChanged = function (item, value) {
                        item.Tolerance = value;
                        item.Changed = true;
                    }
                }
                columns.push(col);
            }
            grid_dt.multiSelect = false;
            grid_dt.columns = columns;
            grid_dt.init();
        }

        function OnRefresh() {
            showloading(true);

            curfewquery("GetCurfewMovementTolerance", '', function (data) {
                showloading(false);
                if (typeof (data) === "string") {
                    showAlert(data, GetTextByKey("P_CMT_ERROR", 'Error'));
                    return;
                }
                $('#dialog_defaulttolerance').val(data.DefaultTolerance);
                showToleranceList(data.JobSites);
            }, function (err) {
                showloading(false);
            });
        }

        function OnSave() {
            var defaulttolerance = $.trim($('#dialog_defaulttolerance').val());
            var alerttitle = GetTextByKey("P_CMT_SAVESAVECURFEWMOVEMENTTOLERANCE", "Save Curfew Movement Tolerance");

            if (defaulttolerance !== "" && isNaN(defaulttolerance)) {
                showAlert(GetTextByKey("P_CMT_DEFAULTTOLERANCEFORMATERROR", 'Default Tolerance format error.'), alerttitle);
                return;
            }
            var jobsite = [];
            grid_dt.source
            for (var i = 0; i < grid_dt.source.length; i++) {
                var js = grid_dt.source[i];
                if (!js.Changed)
                    continue;
                if (js.Tolerance !== "" && isNaN(js.Tolerance)) {
                    showAlert(GetTextByKey("P_CMT_JOBSITETOLERANCEFORMATERROR", 'Jobsite Tolerance format error.'), alerttitle);
                    return;
                }
                else {
                    var jsitem = {
                        'JobSiteId': js.JobSiteId,
                        'Tolerance': js.Tolerance
                    };
                    if (jsitem.Tolerance === "")
                        jsitem.Tolerance = 0;
                    jobsite.push(jsitem);
                }
            }

            var item = {
                'DefaultTolerance': defaulttolerance,
                'JobSites': jobsite
            };
            if (item.DefaultTolerance === "")
                item.DefaultTolerance = 0;

            var param = JSON.stringify(item);
            param = htmlencode(param);
            curfewquery('UpdateCurfewMovementTolerance', param, function (data) {
                if (data !== 'OK') {
                    showAlert(data, alerttitle);
                } else {
                    showAlert(GetTextByKey("P_CMT_SAVSUCCESSFULLY", 'Saved Successfully.'), alerttitle);
                    //OnRefresh();
                }
            }, function (err) {
                showAlert(GetTextByKey("P_CMT_FAILEDTOSAVECURFEWMOVEMENTTOLERANCE", 'Failed to save curfew movement tolerance.'), alerttitle);
            });
        }

        $(function () {
            setPageTitle(GetTextByKey("P_CURFEWMOVEMENTTOLERANCE", 'Curfew Movement Tolerance'), true);
            InitGridData();

            OnRefresh();

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

        });

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div style="min-width: 400px;">
        <div class="page_title" data-lgid="P_CURFEWMOVEMENTTOLERANCE">Curfew Movement Tolerance</div>
        <div class="function_title">
            <span class="sbutton iconsave" onclick="OnSave();" data-lgid="P_CMT_SAVE">Save</span>
            <span class="sbutton iconrefresh" onclick="OnRefresh();" data-lgid="P_CMT_REFRESH">Refresh</span>
        </div>
        <div class="clear"></div>
        <div>
            <table style="margin-top: 3px; margin-bottom: 3px;">
                <tr>
                    <td class="label" data-lgid="P_CMT_DEFAULTTOILERANCE">Default Tolerance:</td>
                    <td>
                        <input type="text" id="dialog_defaulttolerance" maxlength="8" autocomplete="off" /></td>
                </tr>
            </table>
        </div>
        <div id="tolerancelist"></div>
        <div id="mask_bg" style="display: none;">
            <div class="loading c-spin"></div>
        </div>
    </div>
</asp:Content>