641 lines
22 KiB
JavaScript
641 lines
22 KiB
JavaScript
|
||
|
||
|
||
|
||
/******************************全局代码******************************/
|
||
var currentLocationHistoryMachine;
|
||
var LocationHistoryInfo;
|
||
var allJobSiteMachine = [];//全部已显示机器的数据字典，Key为"MID"+Machine.ID,Value为Machine对象
|
||
var machineStates = [];//所以tab下的相同机器使用同一个State状态对象
|
||
|
||
var enableInfoWindow = true;//是否显示InfoWindow
|
||
var showMapSlider = true;
|
||
var currentbasemap = "topo";
|
||
|
||
function getMachineStateObj(machineid) {
|
||
var stateObj = machineStates["MID" + machineid];
|
||
if (!stateObj) {
|
||
stateObj = { Selected: false, Highlight: false, ShowSummary: false }
|
||
machineStates["MID" + machineid] = stateObj;
|
||
}
|
||
return stateObj;
|
||
}
|
||
|
||
function resetMachineState() {
|
||
machineStates = [];
|
||
clearLocationHistory();
|
||
$("#locationhistoryDiv").hide();
|
||
$("#tripDiv").hide();
|
||
|
||
allJobsites = [];
|
||
allGroups = [];
|
||
}
|
||
|
||
function initPlayBar() {
|
||
$.playBar.addBar($("#divPlayBar"), 0);//第一个参数是需要显示播放器的容器，第二个参数为时间，单位毫秒
|
||
$.playBar.changeBarColor("#FFA500");//设置进度条颜色
|
||
$.playBar.changeFontColor("#000000")//设置时间颜色
|
||
//$.playBar.Stop()//进度条停止
|
||
//$.playBar.Begin()//进度条开始
|
||
//$.playBar.restTime(1000)//重新设置时间，并重新开始播放
|
||
//var t = $.playBar.getTheTime()//获得当前的时间
|
||
|
||
$.playBar.onPlayClick = onPlayClick;
|
||
}
|
||
|
||
function onPlayClick(last) {
|
||
var r = getLocationHistory(last);
|
||
if (r === 1) {
|
||
if (last)
|
||
$.playBar.PlayEnd();
|
||
else
|
||
$.playBar.Play();
|
||
}
|
||
}
|
||
|
||
|
||
function openSetLocationHistory() {
|
||
$('#dialog_locationhistory .dialog-title span.title').text(GetTextByKey("P_MA_LOCATIONHISTORY", 'Location History'));
|
||
//$('#mask_bg').show();
|
||
getLocationPrimaryDataSource();
|
||
$('#locationhistoryDiv').show();
|
||
}
|
||
|
||
|
||
|
||
function locationHistoryClick(e) {
|
||
locationTimeperiodChange();
|
||
$('#tripDiv').hide();
|
||
$('#tbTrips').empty();
|
||
|
||
if (PopupViewShowing) {
|
||
if (e) {
|
||
$('#mask_bg').show();
|
||
$('#dialog_lochis')
|
||
.css({
|
||
'top': 50,
|
||
'right': 100,
|
||
'bottom': 50,
|
||
'left': 100,
|
||
})
|
||
.showDialog();
|
||
execIframeFunc("getlocationhis", [e.data.CompanyID, e.data.ID, e.data.DisplayName], "iframelochis");
|
||
}
|
||
return;
|
||
}
|
||
if (e)
|
||
currentLocationHistoryMachine = e.data;
|
||
if (currentLocationHistoryMachine) {
|
||
$.playBar.Clear();
|
||
LocationHistoryInfo = null;
|
||
mapHelper.clearLocationHistory();
|
||
|
||
var mText = currentLocationHistoryMachine.DisplayName;
|
||
if (!mText || mText == "")
|
||
mText += " - " + currentLocationHistoryMachine.DisplayName;
|
||
$("#spMachineName").text(mText);
|
||
|
||
openSetLocationHistory();
|
||
}
|
||
}
|
||
|
||
function locationTimeperiodChange() {
|
||
var currentdate = getCurrentDate();
|
||
var timeperiod = $("#dialog_timeperiod").val();
|
||
var disabled = false;
|
||
|
||
if (timeperiod !== "4") {
|
||
disabled = true;
|
||
var time = new Date(currentdate);
|
||
var nowtime = new Date(currentdate);
|
||
var hours = nowtime.getHours();
|
||
var minutes = nowtime.getMinutes();
|
||
if (timeperiod === "2") {
|
||
time.setDate(time.getDate() - 1);
|
||
nowtime.setDate(nowtime.getDate() - 1);
|
||
}
|
||
else if (timeperiod === "3") {
|
||
time.setDate(time.getDate() - 6);
|
||
}
|
||
else if (timeperiod === "5") {
|
||
time.setDate(time.getDate() - 1);
|
||
}
|
||
|
||
time = time.getMonth() + 1 + "/" + time.getDate() + "/" + time.getFullYear();
|
||
nowtime = nowtime.getMonth() + 1 + "/" + nowtime.getDate() + "/" + nowtime.getFullYear();
|
||
$('#dateFrom').val(time);
|
||
$('#dateTo').val(nowtime);
|
||
$('#dialog_starttimehour').val('00');
|
||
$('#dialog_starttimeminute').val('00');
|
||
$('#dialog_endtimehour').val('23');
|
||
$('#dialog_endtimeminute').val('59');
|
||
|
||
if (timeperiod === "5") {
|
||
var s_minutes = minutes + 1;
|
||
var s_hours = hours;
|
||
|
||
if (minutes == 59) {
|
||
s_hours = s_hours + 1;
|
||
s_minutes = 0;
|
||
}
|
||
|
||
$('#dialog_starttimehour').val(setTimeSelect(s_hours));
|
||
$('#dialog_starttimeminute').val(setTimeSelect(s_minutes));
|
||
$('#dialog_endtimehour').val(setTimeSelect(hours));
|
||
$('#dialog_endtimeminute').val(setTimeSelect(minutes));
|
||
}
|
||
} }
|
||
|
||
var lastHisFromDT;
|
||
var lastHisToDT;
|
||
function getLocationHistory(last) {
|
||
var dtfrom = $("#dateFrom").val();
|
||
var dtto = $("#dateTo").val();
|
||
|
||
var start_hour = $('#dialog_starttimehour').val();
|
||
var start_minute = $('#dialog_starttimeminute').val();
|
||
var end_hour = $('#dialog_endtimehour').val();
|
||
var end_minute = $('#dialog_endtimeminute').val();
|
||
|
||
dtfrom = dtfrom.replace("-", "/") + " " + start_hour + ":" + start_minute + ":" + "00";
|
||
dtto = dtto.replace("-", "/") + " " + end_hour + ":" + end_minute + ":" + "59";
|
||
|
||
if (new Date(dtfrom) > new Date(dtto)) {
|
||
_dialog.showAlert(GetTextByKey("P_MV_FROMDATETIMEMUSTBEPRIORTOTODATETIME", 'From Date/Time must be prior to To Date/Time.'), GetTextByKey("P_MA_LOCATIONHISTORY", 'Location History'));
|
||
return;
|
||
}
|
||
|
||
if ($.playBar.getAllTime() > 0 && lastHisFromDT == dtfrom && lastHisToDT == dtto)
|
||
return 1;
|
||
else {
|
||
$.playBar.Clear();
|
||
LocationHistoryInfo = null;
|
||
mapHelper.clearLocationHistory();
|
||
lastHisFromDT = dtfrom;
|
||
lastHisToDT = dtto;
|
||
}
|
||
|
||
var cid = currentLocationHistoryMachine.CompanyID;
|
||
var mid = currentLocationHistoryMachine.ID;
|
||
var p = mid + ";" + dtfrom + ";" + dtto;
|
||
var notShow00loc = $("#chkExclude00Loc").is(":checked");
|
||
p += ";" + cid + ";" + (notShow00loc ? "1" : "0") + ";" + Datasource;
|
||
|
||
$("#btnHisLoading").show();
|
||
_network.mapviewquery("GetHistoryLocation", p, function (data) {
|
||
$("#btnHisLoading").hide();
|
||
if (data && data.Machine.ID === currentLocationHistoryMachine.ID) {
|
||
showLocationHistory(data, last);
|
||
}
|
||
}, function () {
|
||
$("#btnHisLoading").hide();
|
||
});
|
||
}
|
||
|
||
function showLocationHistory(data, last) {
|
||
LocationHistoryInfo = data
|
||
//currentTimer = setInterval(function () { locationHistoryTimer(data) }, 1000);
|
||
|
||
if (LocationHistoryInfo.Machine && LocationHistoryInfo.Locations) {
|
||
$.playBar.onBarChanged = doShowLocationHistory;
|
||
if (last) {
|
||
$.playBar.restTime(LocationHistoryInfo.Locations.length * 1000, true, true);
|
||
} else {
|
||
$.playBar.restTime(LocationHistoryInfo.Locations.length * 1000)//重新设置时间，并重新开始播放
|
||
}
|
||
}
|
||
}
|
||
|
||
function doShowLocationHistory(time, fromStart) {
|
||
var pointIndex = parseInt(time / 1000) - 1;
|
||
if (pointIndex < 0)
|
||
pointIndex = 0;
|
||
if (LocationHistoryInfo.Machine && LocationHistoryInfo.Locations) {
|
||
if (fromStart) {
|
||
mapHelper.showLocationHistoryFromStart(LocationHistoryInfo.Machine, LocationHistoryInfo.Locations, pointIndex, true);
|
||
}
|
||
else if (pointIndex < LocationHistoryInfo.Locations.length) {
|
||
mapHelper.showLocationHistory(LocationHistoryInfo.Machine, LocationHistoryInfo.Locations[pointIndex], true);
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
function clearLocationHistory() {
|
||
$.playBar.Clear();
|
||
LocationHistoryInfo = null;
|
||
if (isMapLoaded)
|
||
mapHelper.clearLocationHistory();
|
||
}
|
||
|
||
function setUserParams() {
|
||
_network.mapviewquery("SetUserParams", JSON.stringify(userParams), function (data) {
|
||
});
|
||
}
|
||
|
||
function displayFilerIcon() {
|
||
var filterText = $("#txtMachineSearchText").val();
|
||
filterText += $("#txtJobSiteSearchText").val();
|
||
filterText += $("#txtAssetGroupSearchText").val();
|
||
|
||
var unshownmachines = assetObject.getUnShownMachines();
|
||
var unshownjss = jobsiteObject.getUnShownJobsites();
|
||
var unshownjsmachines = jobsiteObject.getUnShownMachines();
|
||
|
||
if ($.trim(filterText) === ""
|
||
&& $("#selOnroad").val() == "-1"
|
||
&& $("#exclude00Div").attr("state") == "0"//!($("#chkExcludeNoLoc").prop("checked"))
|
||
&& unshownmachines.length == 0
|
||
&& unshownjss.length == 0
|
||
&& unshownjsmachines.length == 0)
|
||
$("#filterIconDiv").hide();
|
||
else
|
||
$("#filterIconDiv").show();
|
||
}
|
||
|
||
function doDirections(lat, lng) {
|
||
var directionURL = "https://www.google.com/maps/dir/?api=1&destination=" + lat + "," + lng + "&travelmode=driving";
|
||
window.open(directionURL);
|
||
}
|
||
|
||
function doWeather(lat, lng) {
|
||
var weatherURL = "https://www.wunderground.com/weather/" + lat + "," + lng;
|
||
window.open(weatherURL);
|
||
}
|
||
|
||
function doLocationHistory(cid, id, name) {
|
||
if (selectedAsset)
|
||
selectedAsset.State.Highlight = false;
|
||
var m = { CompanyID: cid, ID: id, DisplayName: decodeURIComponent(name) };
|
||
var e = { data: m };
|
||
locationHistoryClick(e);
|
||
}
|
||
|
||
|
||
// Machine
|
||
_network.mapviewquery = function (method, param, callback, error, nolog) {
|
||
_network.request("mapview.ashx?tp=ashx", -1, method, param, callback, error, nolog);
|
||
}
|
||
|
||
function getNowFormatDate() {
|
||
_network.mapviewquery("GetNowFormatDate", '', function (data) {
|
||
$("#refreshTimeDiv").text(GetTextByKey("P_MV_LASTREFRESHED", "Last Refreshed: ") + data);
|
||
});
|
||
}
|
||
|
||
function treeIconClick(e) {
|
||
var t = $(e.target);
|
||
var subItems = t.parent().children(".subul");
|
||
if (t.hasClass("treeiconc")) {
|
||
t.removeClass("treeiconc").addClass("treeicone");
|
||
subItems.show();
|
||
}
|
||
else {
|
||
t.removeClass("treeicone").addClass("treeiconc");
|
||
subItems.hide();
|
||
}
|
||
}
|
||
|
||
function isAssetMatch(asset, filter) {
|
||
if (!filter || filter == "") return true;
|
||
if (asset) {
|
||
filter = filter.toLowerCase();
|
||
if (asset.ID.toString().indexOf(filter) >= 0
|
||
|| asset.VIN.toLowerCase().indexOf(filter) >= 0
|
||
|| asset.Name.toLowerCase().indexOf(filter) >= 0
|
||
|| asset.Name2.toLowerCase().indexOf(filter) >= 0
|
||
|| asset.Make.toLowerCase().indexOf(filter) >= 0
|
||
|| asset.Model.toLowerCase().indexOf(filter) >= 0
|
||
|| asset.AssetType.toLowerCase().indexOf(filter) >= 0)
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
|
||
function openVideoDialog(url) {
|
||
var videourl = $.trim(decodeURIComponent(url));
|
||
var form = new $form();
|
||
form.createForm('', $('body'), 600, 400);
|
||
var gridcontent = $('<div style="height: 100%"><video width="100%" height="100%" src="' + videourl + '" controls="controls" autoplay="autoplay"></video></div>');
|
||
form.bodyCtrlAppend(gridcontent);
|
||
form.show();
|
||
form.maskbg && form.maskbg.css('z-index', 650);
|
||
form.formCtrl && form.formCtrl.css('z-index', 700);
|
||
form.maskbg.hide();
|
||
}
|
||
|
||
var _videoRequestAssetID;
|
||
function openRequestVideoDialog(assetid, logid) {
|
||
_videoRequestAssetID = assetid;
|
||
var loc;
|
||
if (logid === undefined) {
|
||
loc = assetLocations[assetid];
|
||
$('#dialog_hlogid').val("-1");
|
||
}
|
||
else {
|
||
loc = assetHisLocations[logid];
|
||
$('#dialog_hlogid').val(logid);
|
||
}
|
||
var dtstr = loc.LocationTimeText;
|
||
|
||
var timestr;
|
||
var dt;
|
||
if (!loc || !loc.LocationTimeText || loc.LocationTimeText == "") {
|
||
var dt = new Date(currentdate);
|
||
timestr = dt.getMonth() + 1 + "/" + dt.getDate() + "/" + dt.getFullYear();
|
||
}
|
||
else {
|
||
dt = new Date(dtstr);
|
||
timestr = dt.getMonth() + 1 + "/" + dt.getDate() + "/" + dt.getFullYear();
|
||
}
|
||
$('#dialog_videodate').val(timestr);
|
||
var h = dt.getHours();
|
||
h = (h < 10 ? '0' : '') + h;
|
||
$('#dialog_videohour').val(h);
|
||
var m = dt.getMinutes();
|
||
m = (m < 10 ? '0' : '') + m;
|
||
$('#dialog_videominute').val(m);
|
||
$("#dialog_videoct").prop("checked", false);
|
||
$("#dialog_videoct").change();
|
||
|
||
$('#mask_bg').show();
|
||
$('#dialog_requestvideo')
|
||
.attr('act', 'edit')
|
||
.css({
|
||
'width': 300,
|
||
'top': (document.documentElement.clientHeight - $('#dialog_requestvideo').height()) / 4,
|
||
'left': (document.documentElement.clientWidth - $('#dialog_requestvideo').width()) / 2
|
||
}).showDialogfixed();
|
||
}
|
||
|
||
function requestVideo() {
|
||
var ct = $("#dialog_videoct").prop("checked") ? 1 : 0;
|
||
var dt = $("#dialog_videodate").val();
|
||
var hour = $('#dialog_videohour').val();
|
||
var minute = $('#dialog_videominute').val();
|
||
dt = dt.replace("-", "/") + " " + hour + ":" + minute + ":" + "00";
|
||
|
||
var sec = $('#r30sec').prop("checked") ? 1 : 0;
|
||
|
||
var loc;
|
||
if ($('#dialog_hlogid').val() == "-1")
|
||
loc = assetLocations[_videoRequestAssetID];
|
||
else
|
||
loc = assetHisLocations[parseInt($('#dialog_hlogid').val())];
|
||
|
||
var cid = loc.CompanyID;
|
||
var logid = loc.LogId;
|
||
var src = loc.DataSource;
|
||
var subsrc = loc.SubSource;
|
||
var et = loc.EventType;
|
||
var msguid = loc.MsgUID;
|
||
|
||
_network.mapviewquery("RequestVideo", JSON.stringify([cid, _videoRequestAssetID, ct, dt, sec, logid, src, subsrc, et, msguid]), function (data) {
|
||
if (data == "OK") {
|
||
_dialog.showAlert(GetTextByKey("P_MV_REQUESTVIDEOSUCCESSFULLY", 'A video has been successfully requested for this Asset at the timestamp indicated. The requested video will be emailed to you once it is available. If the Asset or Camera are currently offline, the requested video will be sent as soon as it is available.'), GetTextByKey("P_MV_REQUESTVIDEO", 'Request Video'));
|
||
}
|
||
else {
|
||
_dialog.showAlert(GetTextByKey("P_MV_REQUESTVIDEOFAILED", 'Request video failed.'), GetTextByKey("P_MV_REQUESTVIDEO", 'Request Video'));
|
||
}
|
||
}, function () {
|
||
});
|
||
}
|
||
|
||
|
||
function openTrips(detail) {
|
||
$("#tbTrips").empty();
|
||
getAssetTripLins(detail);
|
||
}
|
||
|
||
|
||
function getLocationPrimaryDataSource() {
|
||
var cid = currentLocationHistoryMachine.CompanyID || "";
|
||
var mid = currentLocationHistoryMachine.ID;
|
||
var p = mid + ";" + cid;
|
||
|
||
_network.mapviewquery("GetLocationPrimaryDataSource", p, function (data) {
|
||
if (data && data.Item1.toLowerCase() === "calamp")
|
||
$("#btnLoadTrip").show();
|
||
else
|
||
$("#btnLoadTrip").hide();
|
||
}, function () {
|
||
});
|
||
}
|
||
|
||
function getAssetTripLins(detail) {
|
||
var cid = currentLocationHistoryMachine.CompanyID;
|
||
var mid = currentLocationHistoryMachine.ID;
|
||
var dtfrom = $("#dateFrom").val();
|
||
var dtto = $("#dateTo").val();
|
||
|
||
var start_hour = $('#dialog_starttimehour').val();
|
||
var start_minute = $('#dialog_starttimeminute').val();
|
||
var end_hour = $('#dialog_endtimehour').val();
|
||
var end_minute = $('#dialog_endtimeminute').val();
|
||
|
||
dtfrom = dtfrom.replace("-", "/") + " " + start_hour + ":" + start_minute + ":" + "00";
|
||
dtto = dtto.replace("-", "/") + " " + end_hour + ":" + end_minute + ":" + "59";
|
||
|
||
if (new Date(dtfrom) > new Date(dtto)) {
|
||
return;
|
||
}
|
||
if (detail)
|
||
$("#tripDiv").css({ 'left': 'unset', 'right': 11, 'bottom': 0, 'height': '65%' });
|
||
else
|
||
$("#tripDiv").css({ 'left': 0, 'right': 'unset', 'bottom': 52, 'height': 450 });
|
||
|
||
$("#tripDiv").show();
|
||
|
||
var p = mid + ";" + dtfrom + ";" + dtto;
|
||
p += ";" + cid
|
||
|
||
_network.mapviewquery("GetAssetTripLins", p, function (data) {
|
||
showAssetTripLins(data);
|
||
}, function () {
|
||
});
|
||
}
|
||
|
||
function showAssetTripLins(data) {
|
||
var tb = $("#tbTrips");
|
||
tb.empty();
|
||
for (var i = 0; i < data.length; i++) {
|
||
var trip = data[i];
|
||
var color = getTripColor(trip);
|
||
var tr = $("<tr style='border-bottom: 1px solid lightgray;'></tr>");
|
||
tb.append(tr);
|
||
|
||
var td = $('<td></td>').css('width', 30);
|
||
tr.append(td);
|
||
var div = $(' <div class="div_check"></div>');
|
||
var id = "tripitem" + i;
|
||
var chk = $('<input type="checkbox" value="1" name="" id="' + id + '"/>').data("trip", trip).data("row", tr);
|
||
var label = $('<label for="' + id + '" class="la1_check"></label>');
|
||
label.css('background-color', color);
|
||
div.append(chk).append(label);
|
||
td.append(div);
|
||
|
||
chk.click(function (e) {
|
||
var t = $(e.target).data("trip");
|
||
var row = $(e.target).data("row");
|
||
if (t && (t.TripOn || t.TripOff)) {
|
||
if ($(e.target).prop("checked")) {
|
||
mapHelper.changeLineColor(t.TripOn ? t.TripOn.LocalAsofTime : null, t.TripOff ? t.TripOff.LocalAsofTime : null, getTripColorArray(t));
|
||
row.css("background-color", "lightgray");
|
||
}
|
||
else {
|
||
mapHelper.changeLineColor(t.TripOn ? t.TripOn.LocalAsofTime : null, t.TripOff ? t.TripOff.LocalAsofTime : null, null);
|
||
row.css("background-color", "white");
|
||
}
|
||
}
|
||
});
|
||
|
||
td = $("<td></td>").css('width', 150);
|
||
tr.append(td);
|
||
var span = $('<span></span>').text(trip.TripOnLocalAsofTimeStr);
|
||
td.append(span).append($('<br>'));
|
||
span = $('<span></span>').text(trip.TripOffLocalAsofTimeStr);
|
||
td.append(span);
|
||
|
||
td = $("<td></td>").css('width', 180);
|
||
tr.append(td);
|
||
span = $('<span class="tripaddress_span"></span>').attr('title', trip.TripOnAddress).text(trip.TripOnAddress);
|
||
td.append(span).append($('<br>'));
|
||
span = $('<span class="tripaddress_span"></span>').attr('title', trip.TripOffAddress).text(trip.TripOffAddress);
|
||
td.append(span);
|
||
|
||
td = $("<td></td>").css({ 'width': 100, "text-align": "right" });
|
||
tr.append(td);
|
||
span = $('<span></span>').text(trip.TripDistance ? trip.TripDistance : "");
|
||
td.append(span);
|
||
span = $('<span></span>').text(trip.TripDistance ? " " + trip.TripDistanceUnit : "");
|
||
td.append(span);
|
||
|
||
td = $("<td></td>").css('width', 60);
|
||
tr.append(td);
|
||
span = $('<span style="padding-left:6px;"></span>').text(trip.TripTimeStr);
|
||
td.append(span);
|
||
}
|
||
}
|
||
|
||
function getTripColor(trip) {
|
||
var color = "#c8c4c4";
|
||
if (trip.Color === 0)
|
||
color = "#0000FF";
|
||
else if (trip.Color === 1)
|
||
color = "#4FBC20";
|
||
else if (trip.Color === 2)
|
||
color = "#FF00FF";
|
||
else if (trip.Color === 3)
|
||
color = "#FFFF00";
|
||
else if (trip.Color === 4)
|
||
color = "#ebbeb3";
|
||
else if (trip.Color === 5)
|
||
color = "#ff0000";
|
||
|
||
return color;
|
||
}
|
||
|
||
function getTripColorArray(trip) {
|
||
var color = [225, 95, 72];
|
||
if (trip.Color === 0)
|
||
color = [0x0, 0x0, 0xFF];
|
||
else if (trip.Color === 1)
|
||
color = [0x4F, 0xBC, 0x20];
|
||
else if (trip.Color === 2)
|
||
color = [0xFF, 0x0, 0xFF];
|
||
else if (trip.Color === 3)
|
||
color = [0xFF, 0xFF, 0x0];
|
||
else if (trip.Color === 4)
|
||
color = [0xEB, 0xBE, 0xB3];
|
||
else if (trip.Color === 5)
|
||
color = [0xFF, 0x00, 0x00];
|
||
|
||
return color;
|
||
}
|
||
|
||
|
||
var imgTypes = [".jfif", ".jpg", ".jpeg", ".bmp", ".png", ".tiff", ".gif"];
|
||
var printTypes = ['.pdf', ".jfif", ".jpg", ".jpeg", ".bmp", ".png", ".tiff", ".gif"];//types to be loaded to print
|
||
function getAssetMapAttachments(cid, assetid) {
|
||
showmaskbg(true);
|
||
$('#dialog_assetattachments').css({
|
||
'top': (document.documentElement.clientHeight - $('#dialog_assetattachments').height()) / 4,
|
||
'left': (document.documentElement.clientWidth - $('#dialog_assetattachments').width()) / 2
|
||
}).showDialogfixed();
|
||
|
||
var div_aatts = $("#divassetattachments").empty();
|
||
div_aatts.find(".attachmentsmask").show();
|
||
_network.mapviewquery("GetAssetMapAttachments", JSON.stringify([cid, assetid]), function (data) {
|
||
div_aatts.find(".attachmentsmask").hide();
|
||
if (data && data.length > 0) {
|
||
for (var i = 0; i < data.length; i++) {
|
||
var att = data[i];
|
||
if (imgTypes.indexOf(att.FileType.toLowerCase()) >= 0)
|
||
att.ThumbnailUrl = att.Url + "&thumb=1";
|
||
var div = createAttaDiv(att);
|
||
|
||
if ($.inArray(att.FileType.toLowerCase(), printTypes) >= 0) {
|
||
var sprint = $('<span class="attaprint"></span>').attr('title', GetTextByKey("P_WO_PRINT", 'Print')).click(att, function (e) {
|
||
openPrintFrame(e.data.AttachmentType, e.data.AttachmentIdStr);
|
||
});
|
||
div.append(sprint);
|
||
}
|
||
|
||
if (att.FileType.toLowerCase() != "url") {
|
||
var sdownload = $('<span class="attadownload"></span>').attr('title', GetTextByKey("P_WO_DOWNLOAD", 'Download')).click(att, function (e) {
|
||
openDownloadFrame(e.data.Url + "&d=1");
|
||
});
|
||
div.append(sdownload);
|
||
}
|
||
|
||
div_aatts.append(div);
|
||
}
|
||
}
|
||
}, function () {
|
||
div_aatts.find(".attachmentsmask").hide();
|
||
});
|
||
}
|
||
|
||
function createAttaDiv(att, iswoatta) {
|
||
var div = $('<div class="divatt"></div>').attr('title', att.Name);
|
||
|
||
if (!att.FileType || att.FileType == "") att.FileType = ".jpg";
|
||
if (imgTypes.indexOf(att.FileType.toLowerCase()) >= 0) {
|
||
var pic = $('<img class="picture"></img>').attr('src', att.ThumbnailUrl);
|
||
pic.click(att, function (e) {
|
||
window.open(e.data.Url, "_blank")
|
||
});
|
||
div.append(pic);
|
||
}
|
||
else {
|
||
var sdown = $('<img class="picture" />').click(att, function (e) {
|
||
window.open(e.data.Url);
|
||
});
|
||
setAttachemntIcon(att.FileType, sdown);
|
||
div.append(sdown);
|
||
}
|
||
return div
|
||
}
|
||
|
||
function setAttachemntIcon(filetype, sdown) {
|
||
if ([".doc", ".docx"].indexOf(filetype) >= 0) {
|
||
sdown.attr('src', 'img/icon/word.jpg')
|
||
} else if ([".xls", ".xlsx"].indexOf(filetype) >= 0) {
|
||
sdown.attr('src', 'img/icon/excel.jpg')
|
||
} else if ([".ppt", ".pptx"].indexOf(filetype) >= 0) {
|
||
sdown.attr('src', 'img/icon/ppt.jpg')
|
||
} else if ([".pdf", ".xps"].indexOf(filetype) >= 0) {
|
||
sdown.attr('src', 'img/icon/pdf.jpg')
|
||
} else if ([".mp4", ".mov", ".avi", ".mkv", ".3gp", ".ts", ".m2ts"].indexOf(filetype) >= 0) {
|
||
sdown.attr('src', 'img/icon/vedio.jpg')
|
||
} else if ([".zip", ".rar", ".7z"].indexOf(filetype) >= 0) {
|
||
sdown.attr('src', 'img/icon/zip.jpg')
|
||
} else if ([".msg"].indexOf(filetype) >= 0) {
|
||
sdown.attr('src', 'img/icon/msg.jpg')
|
||
} else if ([".xml"].indexOf(filetype) >= 0) {
|
||
sdown.attr('src', 'img/icon/xml.jpg')
|
||
} else {
|
||
sdown.attr('src', 'img/icon/txt.jpg')
|
||
}
|
||
}
|