976 lines
40 KiB
Plaintext
976 lines
40 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/IronIntelMasterPage.master" AutoEventWireup="true" CodeFile="FilterQ.aspx.cs" Inherits="FilterQ" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="holder_head" runat="Server">
|
|
<link rel="stylesheet" href="<%=GetFileUrlWithVersion("css/jquery.datetimepicker.css")%>" />
|
|
<script src="<%=GetFileUrlWithVersion("js/jquery.datetimepicker.full.js")%>"></script>
|
|
<script src="<%=GetFileUrlWithVersion("js/filterq.js")%>"></script>
|
|
<script type="text/javascript">
|
|
var isdealer = <%=IsDealer ? "true" : "false"%>;
|
|
var iscontractor = <%=IsContractor ? "true" : "false"%>;
|
|
var ship_dates = [];
|
|
var column_sort = '';
|
|
var isasc = true;
|
|
var task_complete = -1;
|
|
|
|
$(function () {
|
|
setPageTitle("Filter Q", true);
|
|
setFavoriteDisplay(true, 250);
|
|
|
|
|
|
function findIt(item, key) {
|
|
if (!item)
|
|
return false;
|
|
if (typeof item.CurrentJob === 'string' && item.CurrentJob.toLowerCase().indexOf(key) >= 0) { return true; }
|
|
if ((typeof item.JobContact === 'string' && item.JobContact.toLowerCase().indexOf(key) >= 0) ||
|
|
(typeof item.JobContactNumber === 'string' && item.JobContactNumber.toLowerCase().indexOf(key) >= 0) ||
|
|
(typeof item.JobAddress1 === 'string' && item.JobAddress1.toLowerCase().indexOf(key) >= 0) ||
|
|
(typeof item.JobAddress2 === 'string' && item.JobAddress2.toLowerCase().indexOf(key) >= 0) ||
|
|
(typeof item.JobAddressCity === 'string' && item.JobAddressCity.toLowerCase().indexOf(key) >= 0) ||
|
|
(typeof item.JobAddressState === 'string' && item.JobAddressState.toLowerCase().indexOf(key) >= 0) ||
|
|
(typeof item.JobAddressZip === 'string' && item.JobAddressZip.toLowerCase().indexOf(key) >= 0)) { return true; }
|
|
if (typeof item.OrgMachineCode === 'string' && item.OrgMachineCode.toLowerCase().indexOf(key) >= 0) { return true; }
|
|
if (typeof item.ManufactuerMake === 'string' && item.ManufactuerMake.toLowerCase().indexOf(key) >= 0) { return true; }
|
|
if (typeof item.Model === 'string' && item.Model.toLowerCase().indexOf(key) >= 0) { return true; }
|
|
if (typeof item.SN === 'string' && item.SN.toLowerCase().indexOf(key) >= 0) { return true; }
|
|
if (typeof item.CumulativeHours === 'number' && item.CumulativeHours.toString().indexOf(key) >= 0) { return true; }
|
|
if (typeof item.MachineTaskHourCheck === 'number' && item.MachineTaskHourCheck.toString().indexOf(key) >= 0) { return true; }
|
|
if (typeof item.DiffToService === 'number' && item.DiffToService.toString().indexOf(key) >= 0) { return true; }
|
|
if (typeof item.EstDueDate === 'string' && item.EstDueDate.indexOf(key) >= 0) { return true; }
|
|
if (typeof item.EstShipDate === 'string' && item.EstShipDate.indexOf(key) >= 0) { return true; }
|
|
return false;
|
|
}
|
|
|
|
var expandall = false;
|
|
|
|
function searchit() {
|
|
if (!expandall) {
|
|
$('#bodyFilters .subheader_tr').each(function (e) {
|
|
var tr = $(this);
|
|
var row = tr.data('row');
|
|
if (row) {
|
|
var trs = [];
|
|
fillGroup(row, trs, true);
|
|
$(trs).insertAfter(tr);
|
|
tr.removeData('row');
|
|
}
|
|
});
|
|
expandall = true;
|
|
}
|
|
|
|
var key = $(this).val().toLowerCase();
|
|
|
|
var trs = $('#bodyFilters').children('tr');
|
|
var disp = '';
|
|
for (var i = 0; i < trs.length; i++) {
|
|
var tr = $(trs[i]);
|
|
if (!key || key.length == 0) {
|
|
if (tr.hasClass('subheader_tr')) {
|
|
tr.css('display', '');
|
|
disp = tr.find('em').hasClass('expand') ? '' : 'none';
|
|
} else {
|
|
tr.css('display', disp);
|
|
}
|
|
tr.children('.hide').css('display', '');
|
|
if (tr.hasClass('top')) {
|
|
tr.children('[rspan]').each(function (e) {
|
|
$(this).attr('rowspan', $(this).attr('rspan'));
|
|
});
|
|
}
|
|
} else {
|
|
if (tr.hasClass('subheader_tr')) {
|
|
tr.css('display', 'none');
|
|
continue;
|
|
}
|
|
var item = tr.data('item');
|
|
//if (item == undefined) {
|
|
// item = tr.prev().data('item');
|
|
//}
|
|
//if (!findIt(item, key)) {
|
|
// tr.css('display', 'none');
|
|
//} else {
|
|
// tr.css('display', '');
|
|
// // and search whether its top is visible
|
|
// // TODO:
|
|
// //if (!tr.hasClass('top')) {
|
|
// // var tps = tr.prevAll('.top');
|
|
// // if (tps.length > 0) {
|
|
// // if ($(tps[tps.length - 1]).css('display') == 'none') {
|
|
// // tr.children('.hide').css('display', 'table-cell');
|
|
// // }
|
|
// // }
|
|
// //}
|
|
//}
|
|
//if (tr.hasClass('top')) {
|
|
// tr.children('[rspan]').attr('rowspan', '');
|
|
//} else {
|
|
// tr.children('.hide').css('display', 'table-cell');
|
|
//}
|
|
if (item) {
|
|
if (!findIt(item, key)) {
|
|
tr.css('display', 'none');
|
|
tr.next().css('display', 'none');
|
|
} else {
|
|
tr.css('display', '');
|
|
tr.next().css('display', '');
|
|
}
|
|
if (tr.hasClass('top')) {
|
|
tr.children('[rspan]').attr('rowspan', '');
|
|
} else {
|
|
tr.children('.hide').css('display', 'table-cell');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
OnRefresh();
|
|
|
|
// prepare search
|
|
$('#search_bar').bind('propertychange', searchit).bind('input', searchit);
|
|
|
|
$('#popup_editor').detach().appendTo($(document.body));
|
|
$('#mask_editor_bg').detach().appendTo($(document.body));
|
|
|
|
$('#popup_editor').dialog(function () {
|
|
if (editor_saved) {
|
|
OnRefresh();
|
|
} else {
|
|
showmaskbg(false);
|
|
}
|
|
}, false);
|
|
$('#popup_editor input.datetime').datetimepicker({
|
|
timepicker: false,
|
|
format: 'm/d/Y'
|
|
});
|
|
|
|
// editor
|
|
function changed() {
|
|
editor_changed = true;
|
|
}
|
|
$('#popup_editor .editor input[type="text"]').bind('propertychange', changed).bind('input', changed).change(changed);
|
|
$('#popup_editor .editor input[type="checkbox"]').change(changed);
|
|
$('#popup_editor .editor select').change(changed);
|
|
$('#popup_editor .editor textarea').change(changed);
|
|
|
|
function stopPropagation(e) {
|
|
if (e && e.stopPropagation) {
|
|
e.stopPropagation();
|
|
}
|
|
}
|
|
function hideFilters(e) {
|
|
$('.filter_holder').css('display', 'none');
|
|
$('.ship_holder').css('display', 'none');
|
|
}
|
|
$('.filter_holder').click(stopPropagation);
|
|
$('.ship_holder').click(stopPropagation);
|
|
$('#filter_shipdate').click(function (e) {
|
|
hideFilters();
|
|
$('.filter_holder').css('display', $('.filter_holder').css('display') == 'none' ? 'block' : 'none');
|
|
stopPropagation(e);
|
|
});
|
|
$('#filter_task').click(function (e) {
|
|
hideFilters();
|
|
$('.ship_holder').css('display', $('.ship_holder').css('display') == 'none' ? 'block' : 'none');
|
|
stopPropagation(e);
|
|
});
|
|
$('#filter_button').click(function (e) {
|
|
var inps = $('#ul_shipdates input:checked');
|
|
ship_dates = [];
|
|
for (var i = 0; i < inps.length; i++) {
|
|
ship_dates.push($(inps[i]).val());
|
|
}
|
|
hideFilters();
|
|
OnRefresh();
|
|
});
|
|
$('#filter_task_button').click(function (e) {
|
|
task_complete = -1;
|
|
if ($('#radio_task_yes').prop('checked')) {
|
|
task_complete = 1;
|
|
} else if ($('#radio_task_no').prop('checked')) {
|
|
task_complete = 0;
|
|
}
|
|
hideFilters();
|
|
OnRefresh();
|
|
});
|
|
// sort
|
|
$('#filter_header').click(function (e) {
|
|
var target = $(e.target);
|
|
if (target.is('span')) {
|
|
var ths = $('#filter_header').children('th');
|
|
for (var i = 0; i < ths.length; i++) {
|
|
$(ths[i]).children('em:first').removeClass('asc').removeClass('desc');
|
|
}
|
|
var c = target.text();
|
|
if (column_sort == c) {
|
|
isasc = !isasc;
|
|
} else {
|
|
isasc = true;
|
|
column_sort = c;
|
|
}
|
|
target.parents('th:first').children('em:first').addClass(isasc ? 'asc' : 'desc');
|
|
OnRefresh();
|
|
}
|
|
});
|
|
$(document.body).click(hideFilters);
|
|
});
|
|
|
|
function OnSave() {
|
|
if (!isdealer && !iscontractor) {
|
|
return;
|
|
}
|
|
|
|
var trs = $('#bodyFilters').children('tr');
|
|
var items = [];
|
|
for (var i = 0; i < trs.length; i++) {
|
|
var tr = $(trs[i]);
|
|
if (tr.hasClass('subheader_tr'))
|
|
continue;
|
|
|
|
var inp;
|
|
var item = tr.data('item');
|
|
|
|
if (item === undefined) {
|
|
continue;
|
|
}
|
|
|
|
if (isdealer) {
|
|
//inp = tr.find('.job_contact');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.JobContact = inp.val();
|
|
//inp = tr.find('.job_contact_number');
|
|
//if (AlertLimit(inp, 12)) { return; }
|
|
//item.JobContactNumber = inp.val();
|
|
//inp = tr.find('.job_address1');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.JobAddress1 = inp.val();
|
|
//inp = tr.find('.job_address2');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.JobAddress2 = inp.val();
|
|
//inp = tr.find('.job_address_city');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.JobAddressCity = inp.val();
|
|
//inp = tr.find('.job_address_state');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.JobAddressState = inp.val();
|
|
//inp = tr.find('.job_address_zip');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.JobAddressZip = inp.val();
|
|
//inp = tr.find('.org_machine_code');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.OrgMachineCode = inp.val();
|
|
//inp = tr.find('.manufactuer_make');
|
|
//if (AlertLimit(inp, 20)) { return; }
|
|
//item.ManufactuerMake = inp.val();
|
|
//inp = tr.find('.model');
|
|
//if (AlertLimit(inp, 200)) { return; }
|
|
//item.Model = inp.val();
|
|
//inp = tr.find('.sn');
|
|
//if (AlertLimit(inp, 100)) { return; }
|
|
//item.SN = inp.val();
|
|
//inp = tr.find('.cumulative_hours');
|
|
//if (AlertNumber(inp)) { return; }
|
|
//item.CumulativeHours = parseFloat(inp.val());
|
|
//inp = tr.find('.machine_task_hour_check');
|
|
//if (AlertInt(inp)) { return; }
|
|
//item.MachineTaskHourCheck = parseInt(inp.val());
|
|
//inp = tr.find('.diff_to_service');
|
|
//if (AlertNumber(inp)) { return; }
|
|
//item.DiffToService = parseFloat(inp.val());
|
|
|
|
//inp = tr.find('.est_service_needed_by');
|
|
//if (AlertDate(inp)) { return; }
|
|
//item.ESTServiceNeededBy = inp.val();
|
|
//inp = tr.find('.est_shop_date');
|
|
//if (AlertDate(inp)) { return; }
|
|
//item.ESTShopDate = inp.val();
|
|
item.ESTServiceNeededBy = item.EstDueDate;
|
|
item.ESTShopDate = item.EstShipDate;
|
|
}
|
|
|
|
if (isdealer) {
|
|
//inp = tr.find('.organization_name');
|
|
//if (AlertLimit(inp, 20)) { return; }
|
|
//item.OrganizationName = inp.val();
|
|
inp = tr.find('.ups_tracking_number');
|
|
if (AlertLimit(inp, 100)) { return; }
|
|
item.UPSTrackingNumber = inp.val();
|
|
item.TaskComplete = tr.find('.task_complete').prop('checked');
|
|
}
|
|
if (iscontractor || isdealer) {
|
|
//inp = tr.find('.hours_at_service');
|
|
//if (AlertNumber(inp)) { return; }
|
|
//item.TaskCompletedHours = parseFloat(inp.val());
|
|
item.RequestJREToService = tr.find('.request_jre_to_service').prop('checked');
|
|
if (iscontractor) {
|
|
item.Approved = tr.find('.approved_by').prop('checked');
|
|
}
|
|
//item.Priority = tr.find('.priority').val();
|
|
if (iscontractor) {
|
|
inp = tr.find('.po');
|
|
if (AlertLimit(inp, 20)) { return; }
|
|
item.CustomerPO = inp.val();
|
|
}
|
|
if (isdealer) {
|
|
inp = tr.find('.wonumber');
|
|
if (AlertLimit(inp, 20)) { return; }
|
|
item.CustomerWO = inp.val();
|
|
}
|
|
//inp = tr.find('.alt_shipaddress');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.AlternateAddress1 = inp.val();
|
|
//inp = tr.find('.alt_shipaddress2');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.AlternateAddress2 = inp.val();
|
|
//inp = tr.find('.alt_shipaddress_city');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.AlternateAddressCity = inp.val();
|
|
//inp = tr.find('.alt_shipaddress_state');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.AlternateAddressState = inp.val();
|
|
//inp = tr.find('.alt_shipaddress_zip');
|
|
//if (AlertLimit(inp, 50)) { return; }
|
|
//item.AlternateAddressZip = inp.val();
|
|
inp = tr.find('.shipnotes');
|
|
if (AlertLimit(inp, 250)) { return; }
|
|
item.ShipNotes = inp.val();
|
|
}
|
|
items.push(item);
|
|
}
|
|
|
|
showloading(true);
|
|
|
|
var json = JSON.stringify(items);
|
|
json = htmlencode(json);
|
|
filterQuery('SaveFilterQ', json, function (data) {
|
|
showloading(false);
|
|
if (data == true) {
|
|
alert('Save data successful.');
|
|
window.location = window.location;
|
|
} else {
|
|
alert('Error when save data: ' + data);
|
|
}
|
|
}, function (err) {
|
|
console.log(err);
|
|
showloading(false);
|
|
alert('Error occurs when save data.');
|
|
});
|
|
}
|
|
</script>
|
|
<style type="text/css">
|
|
#host_main {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.hide {
|
|
display: none;
|
|
}
|
|
|
|
.function_bar {
|
|
line-height: 30px;
|
|
margin: 0;
|
|
}
|
|
|
|
.search_span {
|
|
position: absolute;
|
|
left: 18px;
|
|
font-family: CalciteWebCoreIcons;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.search_span:before {
|
|
content: '\e67b';
|
|
}
|
|
|
|
.expand_button {
|
|
background: rgb(68,114,196);
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 1px solid rgb(47,82,143);
|
|
float: right;
|
|
cursor: pointer;
|
|
font-family: CalciteWebCoreIcons;
|
|
padding: 0;
|
|
}
|
|
|
|
#search_bar {
|
|
border: 1px solid #a9a9a9;
|
|
padding: 2px;
|
|
width: 360px;
|
|
margin-left: 4px;
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.subheader_tr {
|
|
background: #eee;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.icon {
|
|
font-family: CalciteWebCoreIcons;
|
|
font-style: normal;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.icon.expand:before {
|
|
content: '\e682';
|
|
}
|
|
|
|
.icon.collapse:before {
|
|
content: '\e681';
|
|
}
|
|
|
|
.icon.filter {
|
|
float: right;
|
|
margin: 2px;
|
|
}
|
|
|
|
.icon.filter:before {
|
|
content: '\e653';
|
|
}
|
|
|
|
.icon.asc,
|
|
.icon.desc {
|
|
font-size: 9px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.icon.asc:before {
|
|
content: '\e609';
|
|
}
|
|
|
|
.icon.desc:before {
|
|
content: '\e608';
|
|
}
|
|
|
|
.subheader {
|
|
padding-left: 6px;
|
|
}
|
|
|
|
|
|
#filter_content {
|
|
position: fixed;
|
|
width: 100%;
|
|
bottom: 0;
|
|
top: 145px;
|
|
overflow: auto;
|
|
}
|
|
|
|
#filterTable {
|
|
font-family: Arial;
|
|
margin: 0 4px;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
margin-top: 1px;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
#filterTable td.input textarea {
|
|
font-family: Arial;
|
|
min-height: 12px;
|
|
line-height: 13px;
|
|
}
|
|
|
|
#filterTable,
|
|
#filterTable input,
|
|
#filterTable select,
|
|
#filterTable textarea {
|
|
font-size: 11px;
|
|
}
|
|
|
|
#filterTable th,
|
|
#filterTable td {
|
|
padding: 0;
|
|
border: 1px solid #ddd;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#filterTable td {
|
|
padding: 2px;
|
|
word-break: break-word;
|
|
}
|
|
|
|
#filterTable td.input {
|
|
padding: 2px 1px;
|
|
text-align: center;
|
|
/*background: rgb(255,255,177);*/
|
|
}
|
|
|
|
#filterTable td.ro {
|
|
background: none;
|
|
}
|
|
|
|
#filterTable td.input input,
|
|
#filterTable td.input textarea {
|
|
border: /*1px inset rgb(238, 238, 238)*/ none;
|
|
padding: 0;
|
|
margin: 0;
|
|
background: rgb(255,255,177);
|
|
width: 100%;
|
|
}
|
|
|
|
#filterTable td.input input:focus,
|
|
#filterTable td.input textarea:focus {
|
|
outline: none;
|
|
}
|
|
|
|
#filterTable thead th {
|
|
background: #ccc;
|
|
word-break: break-word;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
|
|
#filterTable thead th span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#filterTable thead th span:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#filterTable thead tr.second_header th {
|
|
background: rgb(235,235,186);
|
|
}
|
|
|
|
.priority {
|
|
width: 100%;
|
|
border: none;
|
|
background: rgb(255,255,177);
|
|
}
|
|
|
|
.priority:focus {
|
|
outline: none;
|
|
}
|
|
|
|
/*.ups_tracking_number { width: 103px; }
|
|
.hours_at_service { width: 74px; }
|
|
.po { width: 77px; }
|
|
.wonumber { width: 74px; }
|
|
.alt_shipaddress { width: 156px; }
|
|
.alt_shipaddress2 { width: 156px; }
|
|
.alt_shipaddress_city { width: 136px; }
|
|
.alt_shipaddress_state { width: 166px; }
|
|
.alt_shipaddress_zip { width: 146px; }
|
|
.shipnotes { width: 100%; }*/
|
|
|
|
.errorText {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#filterTable td.input input.red,
|
|
#filterTable td.input textarea.red {
|
|
/*border: 1px solid red;*/
|
|
background: #ef9999;
|
|
}
|
|
|
|
#lbl_calc {
|
|
font-family: Arial;
|
|
min-height: 12px;
|
|
line-height: 13px;
|
|
font-size: 11px;
|
|
padding: 0;
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.collapse-table {
|
|
border: none;
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.collapse-table td {
|
|
border: 1px solid #a9a9a9;
|
|
padding: 6px;
|
|
}
|
|
|
|
.collapse-table .item {
|
|
height: 18px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.collapse-table .item span.caption {
|
|
color: #6b6b6b;
|
|
}
|
|
|
|
.collapse-table .item span.val {
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.collapse-table .grid .item span.caption {
|
|
display: table-cell;
|
|
width: 150px;
|
|
}
|
|
|
|
.collapse-table .grid .item span.val {
|
|
display: table-cell;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.collapse-table .grid .item span.val input {
|
|
width: 300px;
|
|
}
|
|
|
|
.collapse-table .item span input {
|
|
border: none;
|
|
}
|
|
|
|
.collapse-table .item span input:disabled {
|
|
background: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.collapse-table .item span input:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.ship_notes {
|
|
height: 18px;
|
|
padding: 0px;
|
|
width: 300px;
|
|
vertical-align: bottom;
|
|
border: none;
|
|
resize: none;
|
|
font-family: Arial;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.ship_notes:hover,
|
|
.priority_val:hover {
|
|
outline: none;
|
|
}
|
|
|
|
.date_em {
|
|
font-family: CalciteWebCoreIcons;
|
|
font-size: 16px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.task_complete {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.priority_val {
|
|
border: none;
|
|
}
|
|
|
|
.editor,
|
|
.editor input,
|
|
.editor textarea,
|
|
.editor select {
|
|
background: rgb(255,255,177);
|
|
font-size: 13px;
|
|
}
|
|
|
|
.editor .caption {
|
|
background: #fff;
|
|
padding: 3px 0;
|
|
}
|
|
|
|
.filter_panel {
|
|
position: absolute;
|
|
background: white;
|
|
border: 1px solid #c6c6c6;
|
|
display: none;
|
|
min-width: 100px;
|
|
}
|
|
|
|
.filter_holder .scroller {
|
|
max-height: 240px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.filter_holder ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
/*min-width: 110px;*/
|
|
}
|
|
|
|
.filter_holder ul li {
|
|
padding: 0 10px 0 6px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.filter_holder ul li input {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 22px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.filter_holder ul li label {
|
|
padding-left: 4px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.filter_holder ul li:hover {
|
|
background: #e6e6e6;
|
|
}
|
|
|
|
.ship_holder {
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.ship_holder div {
|
|
height: 22px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.ship_holder input {
|
|
margin: 0 4px;
|
|
padding: 0;
|
|
height: 22px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.funcs {
|
|
padding: 4px;
|
|
text-align: right;
|
|
}
|
|
|
|
.funcs input {
|
|
border: none;
|
|
background: rgb(249, 189, 117);
|
|
cursor: pointer;
|
|
height: 22px;
|
|
padding: 2px 6px;
|
|
}
|
|
|
|
.funcs input:hover {
|
|
background: #d7690E;
|
|
}
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="holder_content" runat="Server">
|
|
<div class="search_bar" style="line-height: 30px; padding-top: 10px;">
|
|
<input type="password" style="display: none" autocomplete="new-password" />
|
|
<input type="text" id="search_bar" class="text_bar" />
|
|
<span class="search_span"></span>
|
|
</div>
|
|
<div class="function_title">
|
|
<span class="sbutton iconsave" onclick="OnSave();">Save</span>
|
|
<span class="sbutton icondelete" onclick="OnCancel();">Cancel</span>
|
|
<span class="sbutton iconrefresh" onclick="OnRefresh();">Refresh</span>
|
|
<span id="span_loading" class="loading c-spin" style="display: none;"></span>
|
|
</div>
|
|
<div id="filter_content">
|
|
<table id="filterTable">
|
|
<thead>
|
|
<tr style="height: 26px;" id="filter_header">
|
|
<% if (IsDealer)
|
|
{ %>
|
|
<th style="min-width: 159px; width: 159px;" rowspan="2"><em class="icon"></em><span>ORGANIZATION NAME</span></th>
|
|
<% } %>
|
|
<th style="min-width: 91px; width: 91px;"><em class="icon"></em><span>EQUIPMENT CODE</span></th>
|
|
<th style="min-width: 241px; width: 241px;" rowspan="2"><em class="icon"></em><span>CURRENT JOBSITE</span></th>
|
|
<th style="min-width: 220px;" colspan="<%=IsDealer ? 4 : 3%>"><em class="icon"></em><span>JOBSITE CONTACT</span></th>
|
|
<th style="min-width: 100px;"><em class="icon"></em><span>INFO</span></th>
|
|
<th style="min-width: 91px; width: 91px;">
|
|
<em class="icon"></em>
|
|
<em class="icon filter" id="filter_shipdate"></em>
|
|
<span>ESTIMATED SHIP DATE</span>
|
|
<div class="filter_holder filter_panel">
|
|
<div class="scroller">
|
|
<ul id="ul_shipdates"></ul>
|
|
</div>
|
|
<div class="funcs">
|
|
<input type="button" value="Filter" id="filter_button" />
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th style="min-width: 91px; width: 91px;"><em class="icon"></em><span>HOURS TO SERVICE</span></th>
|
|
<%--</tr>
|
|
<tr class="second_header">--%>
|
|
<% if (IsDealer)
|
|
{ %>
|
|
<th style="min-width: 74px; width: 74px;">
|
|
<em class="icon"></em>
|
|
<em class="icon filter" id="filter_task"></em>
|
|
<span>TASK COMPLETE?</span>
|
|
<div class="ship_holder filter_panel">
|
|
<div>
|
|
<input type="radio" name="radio_task" value="-1" id="radio_task_all" checked="checked" /><label for="radio_task_all">All</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" name="radio_task" value="1" id="radio_task_yes" /><label for="radio_task_yes">Yes</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" name="radio_task" value="0" id="radio_task_no" /><label for="radio_task_no">No</label>
|
|
</div>
|
|
<div class="funcs">
|
|
<input type="button" value="Filter" id="filter_task_button" />
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th style="min-width: 90px; width: 90px;"><em class="icon"></em><span>UPS TRACKING NUMBER</span></th>
|
|
<% } %>
|
|
<th style="min-width: 84px; width: 84px;"><em class="icon"></em><span>REQUEST JRE TO SERVICE</span></th>
|
|
<th style="min-width: 66px; width: 66px;"><em class="icon"></em><span>APPROVED</span></th>
|
|
<%--<th>PRIORITY</th>--%>
|
|
<% if (IsContractor)
|
|
{ %>
|
|
<th style="min-width: 91px; width: 91px;"><em class="icon"></em><span>PO</span></th>
|
|
<% } %>
|
|
<% if (IsDealer)
|
|
{ %>
|
|
<th style="min-width: 91px; width: 91px;"><em class="icon"></em><span>WONUMBER</span></th>
|
|
<% } %>
|
|
<th style="min-width: 200px;" colspan="<%=IsDealer ? 1 : 3%>"><em class="icon"></em><span>SHIP NOTES</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="bodyFilters"></tbody>
|
|
</table>
|
|
<div style="visibility: hidden; position: absolute; top: 0;">
|
|
<label id="lbl_calc"></label>
|
|
</div>
|
|
</div>
|
|
<div id="mask_bg" style="display: none;"><div class="loading c-spin"></div></div>
|
|
<%-- popup editor --%>
|
|
<div id="popup_editor" class="dialog" style="display: none; width: 500px;">
|
|
<div class="dialog-title">
|
|
<span class="title">Editor</span>
|
|
<em class="dialog-close" style="float: right;"></em>
|
|
</div>
|
|
<div class="dialog-content" style="padding-bottom: 10px;">
|
|
<table class="collapse-table">
|
|
<tr>
|
|
<td>
|
|
<div class="item"><span class="caption">Jobsite: </span><span class="val jobsite"></span></div>
|
|
<div class="item"><span class="caption">Organization Name: </span><span class="val org_name"></span></div>
|
|
</td>
|
|
<td style="width: 200px;">
|
|
<div class="item"><span class="caption">Equipment Code: </span><span class="val eqp_code"></span></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" class="grid">
|
|
<div class="item"><span class="caption">Jobsite Contact: </span><span class="val jobsite_contact"></span></div>
|
|
<div class="item"><span class="caption">Contact Number: </span><span class="val contact_number"></span></div>
|
|
<div class="item"><span class="caption">Address 1: </span><span class="val addrses1"></span></div>
|
|
<div class="item"><span class="caption">Address 2: </span><span class="val address2"></span></div>
|
|
<div class="item"><span class="caption">City: </span><span class="val city"></span></div>
|
|
<div class="item"><span class="caption">State: </span><span class="val state"></span></div>
|
|
<div class="item"><span class="caption">Zip: </span><span class="val zip"></span></div>
|
|
<div class="item"><span class="caption">Make: </span><span class="val make"></span></div>
|
|
<div class="item"><span class="caption">Model: </span><span class="val model"></span></div>
|
|
<div class="item"><span class="caption">SN: </span><span class="val sn"></span></div>
|
|
<div class="item"><span class="caption">Hours: </span><span class="val hours"></span></div>
|
|
<div class="item"><span class="caption">Service Needed: </span><span class="val service_needed"></span></div>
|
|
<div class="item"><span class="caption">Hours to Service: </span><span class="val due"></span></div>
|
|
<%-- editable --%>
|
|
<div class="item editor">
|
|
<span class="caption">Est. Due Date:<span class="date_em"></span> </span><span class="val">
|
|
<input type="text" class="est_due_date datetime" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">Est. Ship Date:<span class="date_em"></span> </span><span class="val">
|
|
<input type="text" class="est_ship_date datetime" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">UPS Tracking Number: </span><span class="val">
|
|
<input type="text" class="ups_tracking" maxlength="100" /></span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" class="grid">
|
|
<%-- <div class="item editor"><span class="caption">Hours at Service: </span><span class="val"><input type="text" class="hours_atservice" /></span></div>--%>
|
|
<div class="item editor">
|
|
<span class="caption">Priority: </span><span class="val" style="padding-left: 2px;">
|
|
<select class="priority_val">
|
|
<option value="standard" selected="selected">Standard</option>
|
|
<option value="next">Next Day Air</option>
|
|
<option value="2nd">2nd Day Air</option>
|
|
</select></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">WO Number: </span><span class="val">
|
|
<input type="text" class="wo_number" maxlength="20" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">Alt Ship Address 1: </span><span class="val">
|
|
<input type="text" class="alt_ship_address1" maxlength="50" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">Alt Ship Address 2: </span><span class="val">
|
|
<input type="text" class="alt_ship_address2" maxlength="50" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">Alt Ship City: </span><span class="val">
|
|
<input type="text" class="alt_ship_city" maxlength="50" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">Alt Ship State: </span><span class="val">
|
|
<input type="text" class="alt_ship_state" maxlength="50" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">Alt Ship Zip: </span><span class="val">
|
|
<input type="text" class="alt_ship_zip" maxlength="50" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">Alt Job: </span><span class="val">
|
|
<input type="text" class="alt_job" maxlength="200" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">Alt Jobsite Contact: </span><span class="val">
|
|
<input type="text" class="alt_jobsite_contact" maxlength="200" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">Ship Notes: </span><span class="val">
|
|
<textarea class="ship_notes" maxlength="250"></textarea></span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan="2">
|
|
<div class="item editor">
|
|
<span class="caption">Request JRE to Service: </span><span class="val">
|
|
<input type="checkbox" class="req_jre" style="vertical-align: middle;" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">PO: </span><span class="val">
|
|
<input type="text" class="po" maxlength="20" style="width: 90px;" /></span>
|
|
<span class="caption">Approved: </span><span class="val">
|
|
<input type="checkbox" class="po_approved" style="vertical-align: middle;" /></span>
|
|
</div>
|
|
<div class="item editor">
|
|
<span class="caption">Task Complete: </span><span class="val">
|
|
<input type="checkbox" class="task_complete" /></span>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<input type="button" value="Save" style="width: 100%; height: 26px;" onclick="SaveEditor();" />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div style="float: left;">
|
|
<input type="button" value="Previous" style="height: 26px; width: 90px;" onclick="FillNext(-1);" />
|
|
</div>
|
|
<div style="float: right;">
|
|
<input type="button" value="Next" style="height: 26px; width: 90px;" onclick="FillNext(1);" />
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="maskbg" style="display: none;"></div>
|
|
</div>
|
|
<div class="maskbg" id="mask_editor_bg" style="display: none;"></div>
|
|
</asp:Content>
|