318 lines
12 KiB
JavaScript
318 lines
12 KiB
JavaScript
|
// Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
|
|||
|
|
// for details on configuring this project to bundle and minify static web assets.
|
|||
|
|
|
|||
|
|
// Write your JavaScript code.
|
|||
|
|
|
|||
|
|
//#region dataTable 預設
|
|||
|
|
$(function () {
|
|||
|
|
$.extend(true, $.fn.dataTable.defaults, {
|
|||
|
|
"paging": true,
|
|||
|
|
"lengthChange": false,
|
|||
|
|
"searching": false,
|
|||
|
|
"ordering": true,
|
|||
|
|
"info": true,
|
|||
|
|
"autoWidth": false,
|
|||
|
|
"responsive": true,
|
|||
|
|
"language": {
|
|||
|
|
"emptyTable": "無資料...",
|
|||
|
|
"processing": "處理中...",
|
|||
|
|
"loadingRecords": "載入中...",
|
|||
|
|
"lengthMenu": "顯示 _MENU_ 項結果",
|
|||
|
|
"zeroRecords": "沒有符合的結果",
|
|||
|
|
"info": "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項",
|
|||
|
|
"infoEmpty": "顯示第 0 至 0 項結果，共 0 項",
|
|||
|
|
"infoFiltered": "(從 _MAX_ 項結果中過濾)",
|
|||
|
|
"infoPostFix": "",
|
|||
|
|
"search": "搜尋:",
|
|||
|
|
"paginate": {
|
|||
|
|
"first": "第一頁",
|
|||
|
|
"previous": "上一頁",
|
|||
|
|
"next": "下一頁",
|
|||
|
|
"last": "最後一頁"
|
|||
|
|
},
|
|||
|
|
"aria": {
|
|||
|
|
"sortAscending": ": 升冪排列",
|
|||
|
|
"sortDescending": ": 降冪排列"
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//驗證是否為空白
|
|||
|
|
jQuery.validator.addMethod("filterspace", function (value, element) {
|
|||
|
|
var str = value;
|
|||
|
|
var result = false;
|
|||
|
|
if (str.length > 0) {
|
|||
|
|
if ($.trim(str) != '') {
|
|||
|
|
result = true;
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
result = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
}, "不可填入空白");
|
|||
|
|
});
|
|||
|
|
//#endregion
|
|||
|
|
|
|||
|
|
$(function () {
|
|||
|
|
|
|||
|
|
$.ajaxSetup({
|
|||
|
|
//headers: {
|
|||
|
|
// Authorization: 'Basic ' + localStorage.getItem('JWT-Authorization'),
|
|||
|
|
// 'Access-Control-Allow-Origin': "*"
|
|||
|
|
//},
|
|||
|
|
beforeSend: function (xhr) {
|
|||
|
|
xhr.setRequestHeader("Authorization", 'Bearer ' + localStorage.getItem('JWT-Authorization'));
|
|||
|
|
},
|
|||
|
|
xhrFields: {
|
|||
|
|
withCredentials: true
|
|||
|
|
},
|
|||
|
|
//contentType: "application/json; charset=utf-8",
|
|||
|
|
//完成请求后触发。即在success或error触发后触发
|
|||
|
|
complete: function (XMLHttpRequest, status) {
|
|||
|
|
if ('400' == XMLHttpRequest.status) {
|
|||
|
|
window.location.href = "/Login/Index";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//})
|
|||
|
|
});
|
|||
|
|
var top_menu;
|
|||
|
|
function GetMenu(baseApiUrl) {
|
|||
|
|
var url = baseApiUrl + 'api/GetMenu';
|
|||
|
|
$.ajax({
|
|||
|
|
type: "POST",
|
|||
|
|
url: url,
|
|||
|
|
data: null,
|
|||
|
|
success: function (rel) {
|
|||
|
|
//rel = JSON.stringify(rel);
|
|||
|
|
if (rel.code != "0000") {
|
|||
|
|
if (rel.code == "9999") {
|
|||
|
|
toast_error(rel.msg);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
toast_warning(rel.msg);
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
top_menu = rel;
|
|||
|
|
//console.log(top_menu);
|
|||
|
|
$('.search > .nav').empty();
|
|||
|
|
top_menu.data.forEach(function (building_item) {
|
|||
|
|
|
|||
|
|
var html = `<li class="nav-item hidden-sm-down mx-30">
|
|||
|
|
<a class="nav-link icon wb-order" onclick="ChangeSideMenu('${building_item.building_guid}',this)" role="button">
|
|||
|
|
<i class="fal fa-building"></i>
|
|||
|
|
<span>${building_item.full_name}</span>
|
|||
|
|
</a>
|
|||
|
|
</li>`
|
|||
|
|
|
|||
|
|
$('.search > .nav').append(html);
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
$('.search > .nav').append(`<li class="nav-item hidden-sm-down mx-30">
|
|||
|
|
<a class="nav-link icon wb-order" href="#" role="button">
|
|||
|
|
<i class="fal fa-bell"></i>
|
|||
|
|
<span> 緊急應變</span>
|
|||
|
|
</a>
|
|||
|
|
</li>`);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (rel.str_jwt != null) {
|
|||
|
|
localStorage.setItem('JWT-Authorization', rel.str_jwt);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function (xhr, textStatus, thrownError) {
|
|||
|
|
alert(textStatus);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//var fileReader = new FileReader();
|
|||
|
|
|
|||
|
|
|
|||
|
|
//let json = JSON.stringify();
|
|||
|
|
|
|||
|
|
//const blob = new Blob("response.json", { type: "application/json" });
|
|||
|
|
|
|||
|
|
//fileReader.readAsText(blob);
|
|||
|
|
|
|||
|
|
//fileReader.onload = function () {
|
|||
|
|
// console.log("讀取結果：", this.result);//當讀取完成之後會回撥這個函式，然後此時檔案的內容儲存到了result中。直接操作即可。
|
|||
|
|
|
|||
|
|
// console.log("讀取結果轉為JSON：");
|
|||
|
|
// let json = JSON.parse(this.result);
|
|||
|
|
// console.log(json.name);
|
|||
|
|
// console.log(json.age);
|
|||
|
|
//}
|
|||
|
|
|
|||
|
|
function readTextFile(file, callback) {
|
|||
|
|
var rawFile = new XMLHttpRequest();
|
|||
|
|
rawFile.overrideMimeType("application/json");
|
|||
|
|
rawFile.open("GET", file, true);
|
|||
|
|
rawFile.onreadystatechange = function () {
|
|||
|
|
if (rawFile.readyState === 4 && rawFile.status == "200") {
|
|||
|
|
callback(rawFile.responseText);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
rawFile.send(null);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//usage:
|
|||
|
|
//readTextFile("/js/response.json", function (text) {
|
|||
|
|
// top_menu = JSON.parse(text);
|
|||
|
|
// console.log(top_menu);
|
|||
|
|
|
|||
|
|
// $('.search > .nav').empty();
|
|||
|
|
// top_menu.data.forEach(function (building_item) {
|
|||
|
|
|
|||
|
|
// var html = `<li class="nav-item hidden-sm-down mx-30">
|
|||
|
|
// <a class="nav-link icon wb-order" onclick="ChangeSideMenu('${building_item.building_guid}')" role="button">
|
|||
|
|
// <i class="fal fa-building"></i>
|
|||
|
|
// <span>${building_item.full_name}</span>
|
|||
|
|
// </a>
|
|||
|
|
// </li>`
|
|||
|
|
|
|||
|
|
// // $('.search > .nav').append(html);
|
|||
|
|
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
// $('.search > .nav').append(`<li class="nav-item hidden-sm-down mx-30">
|
|||
|
|
// <a class="nav-link icon wb-order" href="#" role="button">
|
|||
|
|
// <i class="fal fa-bell"></i>
|
|||
|
|
// <span> 緊急應變</span>
|
|||
|
|
// </a>
|
|||
|
|
// </li>`);
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//}
|
|||
|
|
var selected_building;
|
|||
|
|
function ChangeSideMenu(building_guid,e) {
|
|||
|
|
selected_building = top_menu.data.filter(building => building.building_guid == building_guid)[0];
|
|||
|
|
$('.search > .nav').find('.nav-item').removeClass('active');
|
|||
|
|
$(e).parent('li').addClass("active");
|
|||
|
|
$('#js-nav-menu').navigationDestroy();
|
|||
|
|
$('#js-nav-menu').empty();
|
|||
|
|
selected_building.main_system.forEach(function (main_system_item) {
|
|||
|
|
|
|||
|
|
var sub_html = '';
|
|||
|
|
main_system_item.sub_system.forEach(function (sub_system_item) {
|
|||
|
|
sub_html += `<li onclick="GetsubtoFloor('${sub_system_item.sub_system_guid}',this)">
|
|||
|
|
<a href="javascript:void(0);" title="${sub_system_item.full_name}" data-filter-tags="utilities disabled item" >
|
|||
|
|
<span class="nav-link-text" data-i18n="nav.utilities_disabled_item">${sub_system_item.full_name}</span>
|
|||
|
|
</a>
|
|||
|
|
</li>`;
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var html = `<li onclick = "GetmaintoSub('${main_system_item.main_system_guid}')">
|
|||
|
|
<a href="javascript:void(0);" title="${main_system_item.full_name}" data-filter-tags="category" style="background: #B28F01;">
|
|||
|
|
<i class="fal fa-bolt"></i>
|
|||
|
|
<span class="nav-link-text" data-i18n="nav.category">${main_system_item.full_name}</span>
|
|||
|
|
</a>
|
|||
|
|
<ul>
|
|||
|
|
${sub_html}
|
|||
|
|
</ul>
|
|||
|
|
</li>`;
|
|||
|
|
$('#js-nav-menu').append(html);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#js-nav-menu').append(`<li><hr class="mx-4" style="border-bottom: 1px solid #fff;"></li>
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<a href="javascript:void(0);" title="告警記錄" data-filter-tags="blank page">
|
|||
|
|
<i class="fal fa-alarm-snooze"></i>
|
|||
|
|
<span class="nav-link-text" data-i18n="nav.blankpage">告警記錄</span>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<a href="javascript:void(0);" title="歷史數據" data-filter-tags="blank page">
|
|||
|
|
<i class="fal fa-history"></i>
|
|||
|
|
<span class="nav-link-text" data-i18n="nav.blankpage">歷史數據</span>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<a href="javascript:void(0);" title="報表下載" data-filter-tags="blank page">
|
|||
|
|
<i class="fal fa-download"></i>
|
|||
|
|
<span class="nav-link-text" data-i18n="nav.blankpage">報表下載</span>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<a href="javascript:void(0);" title="操作記錄" data-filter-tags="blank page">
|
|||
|
|
<i class="fal fa-record-vinyl"></i>
|
|||
|
|
<span class="nav-link-text" data-i18n="nav.blankpage">操作記錄</span>
|
|||
|
|
</a>
|
|||
|
|
</li>`);
|
|||
|
|
|
|||
|
|
|
|||
|
|
$('#js-nav-menu').navigation({
|
|||
|
|
accordion: myapp_config.navAccordion,
|
|||
|
|
speed: myapp_config.navSpeed,
|
|||
|
|
closedSign: '<em class="' + myapp_config.navClosedSign + '"></em>',
|
|||
|
|
openedSign: '<em class="' + myapp_config.navOpenedSign + '"></em>',
|
|||
|
|
initClass: myapp_config.navInitalized
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
var selected_mainsystem;
|
|||
|
|
function GetmaintoSub(main) {
|
|||
|
|
selected_mainsystem = selected_building.main_system.filter(mainsystem => mainsystem.main_system_guid == main)[0];
|
|||
|
|
|
|||
|
|
//console.log(selected_mainsystem);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var selected_subsystem;
|
|||
|
|
function GetsubtoFloor(subsystem, e) {
|
|||
|
|
$(e).parent().parent().parent().find('.active').removeClass('active');
|
|||
|
|
$(e).parents('li').addClass('active');
|
|||
|
|
$(e).addClass('active');
|
|||
|
|
selected_subsystem = selected_mainsystem.sub_system.filter(sub_system => sub_system.sub_system_guid == subsystem)[0];
|
|||
|
|
//console.log(selected_subsystem);
|
|||
|
|
var floor_html = '';
|
|||
|
|
$('#navbarColor02').empty();
|
|||
|
|
if (selected_subsystem.drawing != 1) {
|
|||
|
|
floor_html += `<li class="nav-item mr-3 active">
|
|||
|
|
<a class="nav-link" href="#"><i class="fal fa-bookmark"></i> 總覽 <span class="sr-only">(current)</span></a>
|
|||
|
|
</li>`;
|
|||
|
|
}
|
|||
|
|
if (selected_subsystem.floors.length > 0) {
|
|||
|
|
if (selected_subsystem.planimetric_click == 1) {
|
|||
|
|
selected_subsystem.floors.forEach(function (floor_item) {
|
|||
|
|
if (selected_subsystem.drawing == 1) {
|
|||
|
|
if (selected_subsystem.planimetric_floor_guid == floor_item.floor_guid) {
|
|||
|
|
floor_html += `<li class="nav-item mr-3 active" >
|
|||
|
|
<a class="nav-link" href="javascript:void(0);" ><i class="fal fa-bookmark"></i> ${floor_item.full_name}</a>
|
|||
|
|
</li>`;
|
|||
|
|
} else {
|
|||
|
|
floor_html += `<li class="nav-item mr-3">
|
|||
|
|
<a class="nav-link" href="javascript:void(0);"><i class="fal fa-bookmark"></i> ${floor_item.full_name}</a>
|
|||
|
|
</li>`;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
floor_html += `<li class="nav-item mr-3">
|
|||
|
|
<a class="nav-link" href="javascript:void(0);" onclick="GetFloortoDrawing()"><i class="fal fa-bookmark"></i> ${floor_item.full_name}</a>
|
|||
|
|
</li>`;
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var htnl = `
|
|||
|
|
<ul class="navbar-nav mr-auto pl-4" id="navbarColor02_child">
|
|||
|
|
${floor_html}
|
|||
|
|
</ul>`;
|
|||
|
|
$('#navbarColor02').append(htnl);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function GetFloortoDrawing(floorguid,e) {
|
|||
|
|
|
|||
|
|
}
|