2022-11-15 11:25:47 +08:00
<!DOCTYPE html>
<!--
Template Name: SmartAdmin Responsive WebApp - Template build with Twitter Bootstrap 4
Version: 4.5.1
Author: Sunnyat A.
Website: http://gootbootstrap.com
Purchase: https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0?ref=myorange
License: You must have a valid license purchased only from wrapbootstrap.com (link above) in order to legally use this theme for your project.
-->
< html lang = "zh-hant-TW" class = "root-text-lg" >
2022-11-22 12:09:35 +08:00
2022-11-15 11:25:47 +08:00
< head >
< meta charset = "utf-8" >
< title >
Marketing Dashboard - Application Intel - SmartAdmin v4.5.1
< / title >
< meta name = "description" content = "Marketing Dashboard" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui" >
<!-- Call App Mode on ios devices -->
< meta name = "apple-mobile-web-app-capable" content = "yes" / >
<!-- Remove Tap Highlight on Windows Phone IE -->
< meta name = "msapplication-tap-highlight" content = "no" >
<!-- base css -->
2022-11-15 12:54:21 +08:00
< link id = "vendorsbundle" rel = "stylesheet" media = "screen, print" href = "lib/vendors.bundle.css" >
< link id = "appbundle" rel = "stylesheet" media = "screen, print" href = "lib/app.bundle.css" >
2022-11-15 11:25:47 +08:00
< link id = "mytheme" rel = "stylesheet" media = "screen, print" href = "#" >
2022-11-15 12:54:21 +08:00
< link id = "myskin" rel = "stylesheet" media = "screen, print" href = "lib/skins/skin-master.css" >
2022-11-16 14:53:22 +08:00
< link rel = "stylesheet" href = "lib/notifications/toastr/toastr.min.css" / >
2022-12-07 14:19:41 +08:00
< link rel = "stylesheet" href = "lib/dropzone/dropzone.css" / >
2022-11-15 11:25:47 +08:00
<!-- Place favicon.ico in the root directory -->
< link rel = "apple-touch-icon" sizes = "180x180" href = "img/favicon/apple-touch-icon.png" >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "img/favicon/favicon-32x32.png" >
< link rel = "mask-icon" href = "img/favicon/safari-pinned-tab.svg" color = "#5bbad5" >
2022-11-15 15:05:32 +08:00
<!-- Font Awesome -->
< link href = "lib/fontawesome-free/css/all.min.css" rel = "stylesheet" / >
2023-01-05 18:37:12 +08:00
< link href = "lib/jquery-ui/jquery-ui.min.css" rel = "stylesheet" / >
2022-12-05 18:45:24 +08:00
< link href = "lib/chart.js/Chart.min.css" rel = "stylesheet" / >
2022-12-13 18:41:32 +08:00
< link href = "lib/jstree-master/themes/default/style.min.css" rel = "stylesheet" / >
2022-12-13 09:40:10 +08:00
< link href = "lib/jstree-master/themes/default-dark/style.min.css" rel = "stylesheet" / >
2022-12-02 15:46:37 +08:00
< link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet" >
2023-01-04 17:31:34 +08:00
<!-- <link rel="stylesheet" media="screen, print" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap.min.css"> -->
2022-11-22 13:33:49 +08:00
< link rel = "stylesheet" media = "screen, print" href = "https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css" >
2022-11-15 18:47:16 +08:00
< link rel = "stylesheet" href = "css/site.css" / >
2022-11-15 15:05:32 +08:00
< link rel = "stylesheet" href = "css/yourteam/plugins/yt-tooltip/yt-tooltip.css" / >
2022-12-02 15:46:37 +08:00
< link rel = "stylesheet" href = "css/yourteam/plugins/yt-alert/ytpop-alert.css" / >
2022-11-28 23:16:14 +08:00
< link rel = "stylesheet" href = "https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css" type = "text/css" >
2022-11-15 11:25:47 +08:00
< / head >
<!-- BEGIN Body -->
<!-- Possible Classes
* 'header-function-fixed' - header is in a fixed at all times
* 'nav-function-fixed' - left panel is fixed
* 'nav-function-minify' - skew nav to maximize space
* 'nav-function-hidden' - roll mouse on edge to reveal
* 'nav-function-top' - relocate left pane to top
* 'mod-main-boxed' - encapsulates to a container
* 'nav-mobile-push' - content pushed on menu reveal
* 'nav-mobile-no-overlay' - removes mesh on menu reveal
* 'nav-mobile-slide-out' - content overlaps menu
* 'mod-bigger-font' - content fonts are bigger for readability
* 'mod-high-contrast' - 4.5:1 text contrast ratio
* 'mod-color-blind' - color vision deficiency
* 'mod-pace-custom' - preloader will be inside content
* 'mod-clean-page-bg' - adds more whitespace
* 'mod-hide-nav-icons' - invisible navigation icons
* 'mod-disable-animation' - disables css based animations
* 'mod-hide-info-card' - hides info card from left panel
* 'mod-lean-subheader' - distinguished page header
* 'mod-nav-link' - clear breakdown of nav links
>>> more settings are described inside documentation page >>>
-->
2022-11-22 12:09:35 +08:00
2022-11-24 19:23:48 +08:00
< body class = "mod-bg-1 mod-nav-link mod-skin-dark mod-hide-info-card nav-function-top nav-function-fixed mod-lean-subheader desktop chrome webkit pace-done blur" >
2022-11-15 11:25:47 +08:00
<!-- DOC: script to save and load page settings -->
< script >
2022-11-15 15:05:32 +08:00
/**
* This script should be placed right after the body tag for fast execution
* Note: the script is written in pure javascript and does not depend on thirdparty library
**/
'use strict';
2022-11-15 11:25:47 +08:00
2022-11-15 15:05:32 +08:00
var classHolder = document.getElementsByTagName("BODY")[0],
2022-11-15 11:25:47 +08:00
/**
2022-11-15 15:05:32 +08:00
* Load from localstorage
2022-11-15 11:25:47 +08:00
**/
2022-11-15 15:05:32 +08:00
themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
{},
themeURL = themeSettings.themeURL || '',
themeOptions = themeSettings.themeOptions || '';
/**
* Load theme options
**/
if (themeSettings.themeOptions) {
classHolder.className = themeSettings.themeOptions;
console.log("%c✔ Theme settings loaded", "color: #148f32");
}
else {
console.log("%c✔ Heads up! Theme settings is empty or does not exist, loading default settings...", "color: #ed1c24");
}
if (themeSettings.themeURL & & !document.getElementById('mytheme')) {
var cssfile = document.createElement('link');
cssfile.id = 'mytheme';
cssfile.rel = 'stylesheet';
cssfile.href = themeURL;
document.getElementsByTagName('head')[0].appendChild(cssfile);
2022-11-15 11:25:47 +08:00
2022-11-15 15:05:32 +08:00
}
else if (themeSettings.themeURL & & document.getElementById('mytheme')) {
document.getElementById('mytheme').href = themeSettings.themeURL;
}
/**
* Save to localstorage
**/
var saveSettings = function () {
themeSettings.themeOptions = String(classHolder.className).split(/[^\w-]+/).filter(function (item) {
return /^(nav|header|footer|mod|display)-/i.test(item);
}).join(' ');
if (document.getElementById('mytheme')) {
themeSettings.themeURL = document.getElementById('mytheme').getAttribute("href");
};
localStorage.setItem('themeSettings', JSON.stringify(themeSettings));
}
/**
* Reset settings
**/
var resetSettings = function () {
localStorage.setItem("themeSettings", "");
}
2022-11-15 11:25:47 +08:00
< / script >
<!-- BEGIN Page Wrapper -->
< div class = "page-wrapper" >
< div class = "page-inner" >
<!-- BEGIN Left Aside -->
<!-- END Left Aside -->
< div class = "page-content-wrapper" >
<!-- BEGIN Page Header -->
< header class = "page-header" role = "banner" >
2023-01-04 17:31:34 +08:00
<!-- we need this logo when user switches to nav - function - top -->
2022-11-15 11:25:47 +08:00
< div class = "page-logo" >
2022-12-05 18:45:24 +08:00
< a href = "javascript:;" name = "topFunBtn" data-page = "dashboard" class = "page-logo-link press-scale-down d-flex align-items-center position-relative" >
2023-01-04 18:49:37 +08:00
< img src = "img/logo.png" alt = "SmartAdmin WebApp" aria-roledescription = "logo" >
2022-11-15 11:25:47 +08:00
2023-01-04 17:31:34 +08:00
<!-- <span class="page - logo - text mr - 1">SmartAdmin WebApp</span> -->
<!-- <span class="position - absolute text - white opacity - 50 small pos - top pos - right mr - 2 mt - n2"></span>
2022-12-05 18:45:24 +08:00
< i class = "fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300" > < / i > -->
2022-11-15 11:25:47 +08:00
< / a >
< / div >
2023-01-04 17:31:34 +08:00
<!-- DOC: nav menu layout change shortcut -->
2022-11-15 11:25:47 +08:00
< div class = "hidden-md-down dropdown-icon-menu position-relative" >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "header-btn btn js-waves-off" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="nav-function-hidden" title="Hide Navigation">
2022-11-15 11:25:47 +08:00
< i class = "ni ni-menu" > < / i >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "btn js-waves-off" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="nav-function-minify" title="Minify Navigation">
2022-11-15 11:25:47 +08:00
< i class = "ni ni-minify-nav" > < / i >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "btn js-waves-off" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="nav-function-fixed" title="Lock Navigation">
2022-11-15 11:25:47 +08:00
< i class = "ni ni-lock-nav" > < / i >
< / a >
< / li >
< / ul >
< / div >
2023-01-04 17:31:34 +08:00
<!-- DOC: mobile button appears during mobile width -->
2022-11-15 11:25:47 +08:00
< div class = "hidden-lg-up" >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "header-btn btn press-scale-down" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mobile-nav-on">
2022-11-15 11:25:47 +08:00
< i class = "ni ni-menu" > < / i >
< / a >
< / div >
< div class = "dropdown" >
2023-01-09 19:15:27 +08:00
< a class = "dropdown-toggle fs-1" href = "javascript:;" role = "button" id = "buiActDrop"
2022-11-24 19:23:48 +08:00
data-target="buiList" data-toggle="dropdown" aria-haspopup="true">
2022-11-17 09:36:53 +08:00
2022-11-15 11:25:47 +08:00
< / a >
2022-11-16 14:53:22 +08:00
< div id = "buiList" class = "dropdown-menu dropdown-select-menu js-auto-close" >
2022-11-17 09:36:53 +08:00
2022-11-15 11:25:47 +08:00
< / div >
< / div >
2022-12-22 17:18:29 +08:00
< div class = "ml-auto d-flex" id = "froLisPage" >
2022-11-15 11:25:47 +08:00
< / div >
2023-01-04 17:31:34 +08:00
< div class = "ml-auto d-flex mr-3" >
<!-- app user menu -->
< div class = "dropdown" >
< a href = "#" data-toggle = "dropdown" data-target = "logoutList" class = "d-flex align-items-center justify-content-center ml-2" >
<!-- <img src="img/demo/avatars/avatar - admin.png" class="profile - image rounded - circle"
alt="Dr. Codex Lantern">-->
<!-- you can also add username next to the avatar with the codes below: -->
2023-01-09 19:15:27 +08:00
< div class = "row m-0 justify-content-center userblock" >
< i class = "fas fa-user-circle fs-1-5 w-100 text-center" > < / i >
< span id = "usrName" class = "text-truncate text-truncate-header hidden-xs-down" > < / span >
< / div >
2022-11-15 11:25:47 +08:00
< / a >
2023-01-04 17:31:34 +08:00
< div id = "logoutList" class = "dropdown-menu dropdown-menu-right dropdown-lg" >
2022-12-06 14:34:04 +08:00
2022-12-02 18:59:00 +08:00
< a id = "logout" href = "javascript:;" class = "dropdown-item fw-500 pt-3 pb-3" >
< span > 登出< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / div >
< / div >
< / div >
2022-12-02 18:59:00 +08:00
< div class = "ml-2 text-center" >
< label class = "mb-0 fs-1-2" > Diamond Controls< span class = "fs-09 position-absolute" > ®< / span > < / label > < br >
< label class = "mb-0 fs-1-1" > 智慧大樓管理平台< / label >
< / div >
2022-11-15 11:25:47 +08:00
< / header >
<!-- END Page Header -->
<!-- BEGIN Page Content -->
<!-- the #js - page - content id is needed for some plugins to initialize -->
<!-- @RenderBody() -->
2022-11-15 12:54:21 +08:00
< div id = "app" >
< / div >
2022-11-15 11:25:47 +08:00
<!-- this overlay is activated only when mobile menu is triggered -->
2022-11-22 12:09:35 +08:00
< div class = "page-content-overlay" data-action = "toggle" data-class = "mobile-nav-on" > < / div >
2023-01-04 17:31:34 +08:00
< div id = "sysMonNavbar" class = "yt-navbar yt-left-navbar" >
< div class = "yt-navbar-content" >
< ul id = "sysMonBtnList" >
< / ul >
< / div >
< / div >
2022-11-22 12:09:35 +08:00
<!-- END Page Content -->
2022-11-15 11:25:47 +08:00
<!-- BEGIN Page Footer -->
<!-- <footer class="page - footer" role="contentinfo">
< div class = "d-flex align-items-center flex-1 text-muted" >
< span class = "hidden-md-down fw-700" > 2022 © SmartAdmin by < a href = 'https://www.gotbootstrap.com' class = 'text-primary fw-500' title = 'gotbootstrap.com' target = '_blank' > gotbootstrap.com< / a > < / span >
< / div >
< div >
< ul class = "list-table m-0" >
< li > < a href = "intel_introduction.html" class = "text-secondary fw-700" > About< / a > < / li >
< li class = "pl-3" > < a href = "info_app_licensing.html" class = "text-secondary fw-700" > License< / a > < / li >
< li class = "pl-3" > < a href = "info_app_docs.html" class = "text-secondary fw-700" > Documentation< / a > < / li >
< li class = "pl-3 fs-xl" > < a href = "https://wrapbootstrap.com/user/MyOrange" class = "text-secondary" target = "_blank" > < i class = "fal fa-question-circle" aria-hidden = "true" > < / i > < / a > < / li >
< / ul >
< / div >
< / footer > -->
<!-- END Page Footer -->
<!-- BEGIN Shortcuts -->
<!-- END Shortcuts -->
<!-- BEGIN Color profile -->
<!-- this area is hidden and will not be seen on screens or screen readers -->
<!-- we use this only for CSS color refernce for JS stuff -->
< p id = "js-color-profile" class = "d-none" >
< span class = "color-primary-50" > < / span >
< span class = "color-primary-100" > < / span >
< span class = "color-primary-200" > < / span >
< span class = "color-primary-300" > < / span >
< span class = "color-primary-400" > < / span >
< span class = "color-primary-500" > < / span >
< span class = "color-primary-600" > < / span >
< span class = "color-primary-700" > < / span >
< span class = "color-primary-800" > < / span >
< span class = "color-primary-900" > < / span >
< span class = "color-info-50" > < / span >
< span class = "color-info-100" > < / span >
< span class = "color-info-200" > < / span >
< span class = "color-info-300" > < / span >
< span class = "color-info-400" > < / span >
< span class = "color-info-500" > < / span >
< span class = "color-info-600" > < / span >
< span class = "color-info-700" > < / span >
< span class = "color-info-800" > < / span >
< span class = "color-info-900" > < / span >
< span class = "color-danger-50" > < / span >
< span class = "color-danger-100" > < / span >
< span class = "color-danger-200" > < / span >
< span class = "color-danger-300" > < / span >
< span class = "color-danger-400" > < / span >
< span class = "color-danger-500" > < / span >
< span class = "color-danger-600" > < / span >
< span class = "color-danger-700" > < / span >
< span class = "color-danger-800" > < / span >
< span class = "color-danger-900" > < / span >
< span class = "color-warning-50" > < / span >
< span class = "color-warning-100" > < / span >
< span class = "color-warning-200" > < / span >
< span class = "color-warning-300" > < / span >
< span class = "color-warning-400" > < / span >
< span class = "color-warning-500" > < / span >
< span class = "color-warning-600" > < / span >
< span class = "color-warning-700" > < / span >
< span class = "color-warning-800" > < / span >
< span class = "color-warning-900" > < / span >
< span class = "color-success-50" > < / span >
< span class = "color-success-100" > < / span >
< span class = "color-success-200" > < / span >
< span class = "color-success-300" > < / span >
< span class = "color-success-400" > < / span >
< span class = "color-success-500" > < / span >
< span class = "color-success-600" > < / span >
< span class = "color-success-700" > < / span >
< span class = "color-success-800" > < / span >
< span class = "color-success-900" > < / span >
< span class = "color-fusion-50" > < / span >
< span class = "color-fusion-100" > < / span >
< span class = "color-fusion-200" > < / span >
< span class = "color-fusion-300" > < / span >
< span class = "color-fusion-400" > < / span >
< span class = "color-fusion-500" > < / span >
< span class = "color-fusion-600" > < / span >
< span class = "color-fusion-700" > < / span >
< span class = "color-fusion-800" > < / span >
< span class = "color-fusion-900" > < / span >
< / p >
<!-- END Color profile -->
< / div >
< / div >
< / div >
<!-- END Page Wrapper -->
<!-- BEGIN Messenger -->
2022-11-22 12:09:35 +08:00
< div class = "modal fade js-modal-messenger modal-backdrop-transparent" tabindex = "-1" role = "dialog"
2022-11-24 19:23:48 +08:00
aria-hidden="true">
2022-11-15 11:25:47 +08:00
< div class = "modal-dialog modal-dialog-right" >
< div class = "modal-content h-100" >
< div class = "dropdown-header bg-trans-gradient d-flex align-items-center w-100" >
< div class = "d-flex flex-row align-items-center mt-1 mb-1 color-white" >
< span class = "mr-2" >
2022-11-22 12:09:35 +08:00
< span class = "rounded-circle profile-image d-block"
2022-11-24 19:23:48 +08:00
style="background-image:url('img/demo/avatars/avatar-d.png'); background-size: cover;">< / span >
2022-11-15 11:25:47 +08:00
< / span >
< div class = "info-card-text" >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" class = "fs-lg text-truncate text-truncate-lg text-white"
2022-11-24 19:23:48 +08:00
data-toggle="dropdown" aria-expanded="false">
2022-11-15 11:25:47 +08:00
Tracey Chang
< i class = "fal fa-angle-down d-inline-block ml-1 text-white fs-md" > < / i >
< / a >
< div class = "dropdown-menu" >
< a class = "dropdown-item" href = "#" > Send Email< / a >
< a class = "dropdown-item" href = "#" > Create Appointment< / a >
< a class = "dropdown-item" href = "#" > Block User< / a >
< / div >
< span class = "text-truncate text-truncate-md opacity-80" > IT Director< / span >
< / div >
< / div >
2022-11-22 12:09:35 +08:00
< button type = "button" class = "close text-white position-absolute pos-top pos-right p-2 m-1 mr-2"
2022-11-24 19:23:48 +08:00
data-dismiss="modal" aria-label="Close">
2022-11-15 11:25:47 +08:00
< span aria-hidden = "true" > < i class = "fal fa-times" > < / i > < / span >
< / button >
< / div >
< div class = "modal-body p-0 h-100 d-flex" >
<!-- BEGIN msgr - list -->
2022-11-24 19:23:48 +08:00
< div class = "msgr-list d-flex flex-column bg-faded border-faded border-top-0 border-right-0 border-bottom-0 position-absolute pos-top pos-bottom" >
2022-11-15 11:25:47 +08:00
< div >
2022-11-24 19:23:48 +08:00
< div class = "height-4 width-3 h3 m-0 d-flex justify-content-center flex-column color-primary-500 pl-3 mt-2" >
2022-11-15 11:25:47 +08:00
< i class = "fal fa-search" > < / i >
< / div >
2022-11-22 12:09:35 +08:00
< input type = "text" class = "form-control bg-white" id = "msgr_listfilter_input"
2022-11-24 19:23:48 +08:00
placeholder="Filter contacts" aria-label="FriendSearch"
data-listfilter="#js-msgr-listfilter">
2022-11-15 11:25:47 +08:00
< / div >
< div class = "flex-1 h-100 custom-scroll" >
< div class = "w-100" >
< ul id = "js-msgr-listfilter" class = "list-unstyled m-0" >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "d-table w-100 px-2 py-2 text-dark hover-white"
2022-11-24 19:23:48 +08:00
data-filter-tags="tracey chang online">
2022-11-15 11:25:47 +08:00
< div class = "d-table-cell align-middle status status-success status-sm " >
2022-11-22 12:09:35 +08:00
< span class = "profile-image-md rounded-circle d-block"
2022-11-24 19:23:48 +08:00
style="background-image:url('img/demo/avatars/avatar-d.png'); background-size: cover;">< / span >
2022-11-15 11:25:47 +08:00
< / div >
< div class = "d-table-cell w-100 align-middle pl-2 pr-2" >
< div class = "text-truncate text-truncate-md" >
Tracey Chang
< small class = "d-block font-italic text-success fs-xs" >
Online
< / small >
< / div >
< / div >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "d-table w-100 px-2 py-2 text-dark hover-white"
2022-11-24 19:23:48 +08:00
data-filter-tags="oliver kopyuv online">
2022-11-15 11:25:47 +08:00
< div class = "d-table-cell align-middle status status-success status-sm " >
2022-11-22 12:09:35 +08:00
< span class = "profile-image-md rounded-circle d-block"
2022-11-24 19:23:48 +08:00
style="background-image:url('img/demo/avatars/avatar-b.png'); background-size: cover;">< / span >
2022-11-15 11:25:47 +08:00
< / div >
< div class = "d-table-cell w-100 align-middle pl-2 pr-2" >
< div class = "text-truncate text-truncate-md" >
Oliver Kopyuv
< small class = "d-block font-italic text-success fs-xs" >
Online
< / small >
< / div >
< / div >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "d-table w-100 px-2 py-2 text-dark hover-white"
2022-11-24 19:23:48 +08:00
data-filter-tags="dr john cook phd away">
2022-11-15 11:25:47 +08:00
< div class = "d-table-cell align-middle status status-warning status-sm " >
2022-11-22 12:09:35 +08:00
< span class = "profile-image-md rounded-circle d-block"
2022-11-24 19:23:48 +08:00
style="background-image:url('img/demo/avatars/avatar-e.png'); background-size: cover;">< / span >
2022-11-15 11:25:47 +08:00
< / div >
< div class = "d-table-cell w-100 align-middle pl-2 pr-2" >
< div class = "text-truncate text-truncate-md" >
Dr. John Cook PhD
< small class = "d-block font-italic fs-xs" >
Away
< / small >
< / div >
< / div >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "d-table w-100 px-2 py-2 text-dark hover-white"
2022-11-24 19:23:48 +08:00
data-filter-tags="ali amdaney online">
2022-11-15 11:25:47 +08:00
< div class = "d-table-cell align-middle status status-success status-sm " >
2022-11-22 12:09:35 +08:00
< span class = "profile-image-md rounded-circle d-block"
2022-11-24 19:23:48 +08:00
style="background-image:url('img/demo/avatars/avatar-g.png'); background-size: cover;">< / span >
2022-11-15 11:25:47 +08:00
< / div >
< div class = "d-table-cell w-100 align-middle pl-2 pr-2" >
< div class = "text-truncate text-truncate-md" >
Ali Amdaney
< small class = "d-block font-italic fs-xs text-success" >
Online
< / small >
< / div >
< / div >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "d-table w-100 px-2 py-2 text-dark hover-white"
2022-11-24 19:23:48 +08:00
data-filter-tags="sarah mcbrook online">
2022-11-15 11:25:47 +08:00
< div class = "d-table-cell align-middle status status-success status-sm" >
2022-11-22 12:09:35 +08:00
< span class = "profile-image-md rounded-circle d-block"
2022-11-24 19:23:48 +08:00
style="background-image:url('img/demo/avatars/avatar-h.png'); background-size: cover;">< / span >
2022-11-15 11:25:47 +08:00
< / div >
< div class = "d-table-cell w-100 align-middle pl-2 pr-2" >
< div class = "text-truncate text-truncate-md" >
Sarah McBrook
< small class = "d-block font-italic fs-xs text-success" >
Online
< / small >
< / div >
< / div >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "d-table w-100 px-2 py-2 text-dark hover-white"
2022-11-24 19:23:48 +08:00
data-filter-tags="ali amdaney offline">
2022-11-15 11:25:47 +08:00
< div class = "d-table-cell align-middle status status-sm" >
2022-11-22 12:09:35 +08:00
< span class = "profile-image-md rounded-circle d-block"
2022-11-24 19:23:48 +08:00
style="background-image:url('img/demo/avatars/avatar-a.png'); background-size: cover;">< / span >
2022-11-15 11:25:47 +08:00
< / div >
< div class = "d-table-cell w-100 align-middle pl-2 pr-2" >
< div class = "text-truncate text-truncate-md" >
oliver.kopyuv@gotbootstrap.com
< small class = "d-block font-italic fs-xs" >
Offline
< / small >
< / div >
< / div >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "d-table w-100 px-2 py-2 text-dark hover-white"
2022-11-24 19:23:48 +08:00
data-filter-tags="ali amdaney busy">
2022-11-15 11:25:47 +08:00
< div class = "d-table-cell align-middle status status-danger status-sm" >
2022-11-22 12:09:35 +08:00
< span class = "profile-image-md rounded-circle d-block"
2022-11-24 19:23:48 +08:00
style="background-image:url('img/demo/avatars/avatar-j.png'); background-size: cover;">< / span >
2022-11-15 11:25:47 +08:00
< / div >
< div class = "d-table-cell w-100 align-middle pl-2 pr-2" >
< div class = "text-truncate text-truncate-md" >
oliver.kopyuv@gotbootstrap.com
< small class = "d-block font-italic fs-xs text-danger" >
Busy
< / small >
< / div >
< / div >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "d-table w-100 px-2 py-2 text-dark hover-white"
2022-11-24 19:23:48 +08:00
data-filter-tags="ali amdaney offline">
2022-11-15 11:25:47 +08:00
< div class = "d-table-cell align-middle status status-sm" >
2022-11-22 12:09:35 +08:00
< span class = "profile-image-md rounded-circle d-block"
2022-11-24 19:23:48 +08:00
style="background-image:url('img/demo/avatars/avatar-c.png'); background-size: cover;">< / span >
2022-11-15 11:25:47 +08:00
< / div >
< div class = "d-table-cell w-100 align-middle pl-2 pr-2" >
< div class = "text-truncate text-truncate-md" >
oliver.kopyuv@gotbootstrap.com
< small class = "d-block font-italic fs-xs" >
Offline
< / small >
< / div >
< / div >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "d-table w-100 px-2 py-2 text-dark hover-white"
2022-11-24 19:23:48 +08:00
data-filter-tags="ali amdaney inactive">
2022-11-15 11:25:47 +08:00
< div class = "d-table-cell align-middle" >
2022-11-22 12:09:35 +08:00
< span class = "profile-image-md rounded-circle d-block"
2022-11-24 19:23:48 +08:00
style="background-image:url('img/demo/avatars/avatar-m.png'); background-size: cover;">< / span >
2022-11-15 11:25:47 +08:00
< / div >
< div class = "d-table-cell w-100 align-middle pl-2 pr-2" >
< div class = "text-truncate text-truncate-md" >
+714651347790
< small class = "d-block font-italic fs-xs opacity-50" >
Missed Call
< / small >
< / div >
< / div >
< / a >
< / li >
< / ul >
< div class = "filter-message js-filter-message" > < / div >
< / div >
< / div >
< div >
< a class = "fs-xl d-flex align-items-center p-3" >
< i class = "fal fa-cogs" > < / i >
< / a >
< / div >
< / div >
<!-- END msgr - list -->
<!-- BEGIN msgr -->
< div class = "msgr d-flex h-100 flex-column bg-white" >
<!-- BEGIN custom - scroll -->
< div class = "custom-scroll flex-1 h-100" >
< div id = "chat_container" class = "w-100 p-4" >
<!-- start .chat - segment -->
< div class = "chat-segment" >
< div class = "time-stamp text-center mb-2 fw-400" >
Jun 19
< / div >
< / div >
<!-- end .chat - segment -->
<!-- start .chat - segment -->
< div class = "chat-segment chat-segment-sent" >
< div class = "chat-message" >
< p >
Hey Tracey, did you get my files?
< / p >
< / div >
< div class = "text-right fw-300 text-muted mt-1 fs-xs" >
3:00 pm
< / div >
< / div >
<!-- end .chat - segment -->
<!-- start .chat - segment -->
< div class = "chat-segment chat-segment-get" >
< div class = "chat-message" >
< p >
Hi
< / p >
< p >
Sorry going through a busy time in office. Yes I analyzed the solution.
< / p >
< p >
It will require some resource, which I could not manage.
< / p >
< / div >
< div class = "fw-300 text-muted mt-1 fs-xs" >
3:24 pm
< / div >
< / div >
<!-- end .chat - segment -->
<!-- start .chat - segment -->
< div class = "chat-segment chat-segment-sent chat-start" >
< div class = "chat-message" >
< p >
Okay
< / p >
< / div >
< / div >
<!-- end .chat - segment -->
<!-- start .chat - segment -->
< div class = "chat-segment chat-segment-sent chat-end" >
< div class = "chat-message" >
< p >
2022-11-22 12:09:35 +08:00
Sending you some dough today, you can allocate the resources to this
project.
2022-11-15 11:25:47 +08:00
< / p >
< / div >
< div class = "text-right fw-300 text-muted mt-1 fs-xs" >
3:26 pm
< / div >
< / div >
<!-- end .chat - segment -->
<!-- start .chat - segment -->
< div class = "chat-segment chat-segment-get chat-start" >
< div class = "chat-message" >
< p >
Perfect. Thanks a lot!
< / p >
< / div >
< / div >
<!-- end .chat - segment -->
<!-- start .chat - segment -->
< div class = "chat-segment chat-segment-get" >
< div class = "chat-message" >
< p >
I will have them ready by tonight.
< / p >
< / div >
< / div >
<!-- end .chat - segment -->
<!-- start .chat - segment -->
< div class = "chat-segment chat-segment-get chat-end" >
< div class = "chat-message" >
< p >
Cheers
< / p >
< / div >
< / div >
<!-- end .chat - segment -->
<!-- start .chat - segment for timestamp -->
< div class = "chat-segment" >
< div class = "time-stamp text-center mb-2 fw-400" >
Jun 20
< / div >
< / div >
<!-- end .chat - segment for timestamp -->
< / div >
< / div >
<!-- END custom - scroll -->
<!-- BEGIN msgr__chatinput -->
< div class = "d-flex flex-column" >
2022-11-24 19:23:48 +08:00
< div class = "border-faded border-right-0 border-bottom-0 border-left-0 flex-1 mr-3 ml-3 position-relative shadow-top" >
2022-11-15 11:25:47 +08:00
< div class = "pt-3 pb-1 pr-0 pl-0 rounded-0" tabindex = "-1" >
2022-11-22 12:09:35 +08:00
< div id = "msgr_input" contenteditable = "true"
2022-11-24 19:23:48 +08:00
data-placeholder="Type your message here..."
class="height-10 form-content-editable">< / div >
2022-11-15 11:25:47 +08:00
< / div >
< / div >
< div class = "height-8 px-3 d-flex flex-row align-items-center flex-wrap flex-shrink-0" >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" class = "btn btn-icon fs-xl width-1 mr-1"
2022-11-24 19:23:48 +08:00
data-toggle="tooltip" data-original-title="More options" data-placement="top">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-ellipsis-v-alt color-fusion-300" > < / i >
< / a >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" class = "btn btn-icon fs-xl mr-1" data-toggle = "tooltip"
2022-11-24 19:23:48 +08:00
data-original-title="Attach files" data-placement="top">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-paperclip color-fusion-300" > < / i >
< / a >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" class = "btn btn-icon fs-xl mr-1" data-toggle = "tooltip"
2022-11-24 19:23:48 +08:00
data-original-title="Insert photo" data-placement="top">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-camera color-fusion-300" > < / i >
< / a >
< div class = "ml-auto" >
< a href = "javascript:void(0);" class = "btn btn-info" > Send< / a >
< / div >
< / div >
< / div >
<!-- END msgr__chatinput -->
< / div >
<!-- END msgr -->
< / div >
< / div >
< / div >
< / div >
2022-12-28 13:12:08 +08:00
<!-- <button id="testsysbtn" class="btn btn - info col - 1">系統監控(測試用)</button> -->
2022-11-15 11:25:47 +08:00
<!-- END Messenger -->
<!-- BEGIN Page Settings -->
<!-- END Page Settings -->
<!-- base vendor bundle:
DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations
+ pace.js (recommended)
+ jquery.js (core)
+ jquery-ui-cust.js (core)
+ popper.js (core)
+ bootstrap.js (core)
+ slimscroll.js (extension)
+ app.navigation.js (core)
+ ba-throttle-debounce.js (core)
+ waves.js (extension)
+ smartpanels.js (extension)
+ src/../jquery-snippets.js (core) -->
2022-11-22 13:33:49 +08:00
<!-- verdors.bundle.js 已含有 jquery Library v3.5.1 -->
2022-11-15 12:54:21 +08:00
< script src = "lib/vendors.bundle.js" > < / script >
2022-11-22 13:33:49 +08:00
<!-- toast 第三方套件 若 require 此套件只能用 define 使用，先暫時 html 引用 -->
2022-11-16 14:53:22 +08:00
< script src = "lib/notifications/toastr/toastr.min.js" > < / script >
< script src = "js/toast.js" > < / script >
2022-11-22 13:33:49 +08:00
< script src = "lib/echarts.min.js" > < / script >
<!-- The order of scripts is irrelevant. Please check out the plugin pages for more details about these plugins below: -->
< script src = "lib/statistics/easypiechart/easypiechart.bundle.js" > < / script >
2022-11-16 15:09:59 +08:00
2022-12-02 15:46:37 +08:00
2022-11-28 18:08:50 +08:00
2022-11-22 13:33:49 +08:00
<!-- Bajascript -->
< script src = "js/bajascript/bscriptReq.js" > < / script >
<!-- <script type='text/javascript' src='/module/js/com/tridium/js/ext/require/require.min.js?version=1496767636459'></script> -->
< script src = 'js/bajascript/require.js' > < / script >
2022-11-25 18:46:40 +08:00
2022-11-29 12:46:19 +08:00
< script src = "https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.js" > < / script >
< script src = "js/forge/forgemodel.js" > < / script >
2022-12-02 15:46:37 +08:00
< script src = "js/yourteam/plugins/yt-alert/ytpop-alert.js" > < / script >
2022-11-28 18:08:50 +08:00
2022-11-24 19:23:48 +08:00
2022-11-22 13:33:49 +08:00
< script type = 'text/javascript' >
define('niagaraSystemProperties', function () {
return {
};
});
< / script >
2022-11-23 15:38:52 +08:00
< script src = "js/n4js/bajatest.js" > < / script >
2022-12-02 18:59:00 +08:00
< script src = "js/n4js/electricmeterbaja.js" > < / script >
2022-11-22 13:33:49 +08:00
< script src = "js/bajascript/require.config.js" > < / script >
< script src = "js/FileSaver.js" > < / script >
2022-12-02 15:46:37 +08:00
2022-11-28 18:08:50 +08:00
2022-11-22 13:33:49 +08:00
< script >
2022-12-02 15:46:37 +08:00
2022-11-22 13:33:49 +08:00
/*$('#js-page-content').smartPanel();*/
2022-12-12 10:53:31 +08:00
var cookies = null;
var jwt = null;
2022-12-06 14:34:04 +08:00
var loadingTip = '';
2022-11-16 14:53:22 +08:00
var pageAct = {}; //記錄全頁面已選擇項目
2023-01-10 18:39:07 +08:00
var timeOuters = [];
2022-12-26 18:32:21 +08:00
pageAct.AreaTag = "";
2022-11-29 18:58:38 +08:00
if (location.href.indexOf("ord") != -1) {
location.href = "/file/index.html"
}
2023-01-07 17:57:47 +08:00
var lastPage = sessionStorage.getItem("lastPage");
2022-12-02 15:46:37 +08:00
// 執行初步 Loading
var loadEle = pageLoading();
2022-12-31 18:03:16 +08:00
var errRecTable = null, opeRecTable = null;
2023-01-07 17:57:47 +08:00
var tolSubList = [];
2022-11-17 09:36:53 +08:00
2022-11-22 13:33:49 +08:00
/**
2022-12-03 16:45:20 +08:00
* 頁面 Loading 建立
* */
function pageLoading(text = null) {
let background = $(`< div class = "loading-bg" > < / div > `);
let aleObj = YT.Alert.Tip(text || "讀取中，請稍後", "show");
$(background)[0]._aleObj = aleObj;
$("body").css("overflow", "hidden");
$("body .page-content-wrapper").append(background);
$(background).animate({ opacity: 1 }, 300);
return background;
2022-11-22 13:33:49 +08:00
}
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
try {
$(function () {
// 二次引用 jquery.js
// - 在 require 內部程序需要引用 jquery， ，
// - 上方 HTML 引用套件若有使用 jquery 內存數據程序 (ex: $(x).data() , $(x).trigger("custom event") , $.fn.custom ...)
// - 會被清洗，有類似程序需放入 loadPack1 Function rquired 引用
// (原 datatable.bundle.js require 會出問題，先以 cdn datatable.min.js引用)
require(["jquery"], loadedBasePack);
2022-12-12 15:06:35 +08:00
2022-12-03 16:45:20 +08:00
})
2022-11-22 13:33:49 +08:00
2022-12-03 16:45:20 +08:00
/**
* jquery.js 二次引用後 Callback，
* */
function loadedBasePack() {
require(
[
2022-12-14 10:53:28 +08:00
"lib/bootstrap/bootstrap.bundle.min",
2022-12-03 16:45:20 +08:00
"lib/app.bundle",
"lib/app.menu",
"datatables.net.b4",
"n4js/alarmbaja",
"n4js/historybaja",
2023-01-04 15:25:24 +08:00
"n4js/accmanbaja",
2022-12-03 16:45:20 +08:00
"lib/statistics/flot/flot.bundle",
"lib/statistics/peity/peity.bundle",
2022-12-05 18:45:24 +08:00
"lib/jquery-validation/dist/jquery.validate",
2023-01-09 19:15:27 +08:00
/*"lib/jquery-validation/dist/additional-methods.min",*/ /* 會影響 messages_zh_TW 文字呈現 */
2022-12-05 14:36:30 +08:00
"lib/jquery-validation/dist/localization/messages_zh_TW",
2023-01-05 18:37:12 +08:00
"lib/jquery-ui/jquery-ui.min",
2022-12-05 18:45:24 +08:00
"lib/chart.js/Chart.min",
2022-12-13 09:40:10 +08:00
"lib/dropzone/dropzone-min",
"lib/jstree-master/jstree.min",
2023-01-11 10:18:20 +08:00
"lib/notifications/sweetalert2/sweetalert2.bundle",
2022-12-03 16:45:20 +08:00
], loadedMasterPack);
2022-12-06 14:34:04 +08:00
2022-12-03 16:45:20 +08:00
}
/**
* 第三方套件引用後 Callback，
* */
function loadedMasterPack() {
require(
[
"yourteam/yourteam.utility.class",
2022-12-12 10:53:31 +08:00
"yourteam/yourteam.ajax.class",
2022-12-03 16:45:20 +08:00
"yourteam/yourteam.jquery.datatables",
"yourteam/plugins/yt-tooltip/yt-tooltip",
"yourteam/plugins/yt-tab/yt-tab",
2023-01-04 17:31:34 +08:00
"yourteam/plugins/yt-navbar/yt-navbar",
2022-12-03 16:45:20 +08:00
"style",
], function () {
require(["init", "site"], loadedJsPack)
});
2022-12-02 15:46:37 +08:00
}
2022-11-16 14:53:22 +08:00
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
/**
* 全數套件讀取完成 Callback
* */
function loadedJsPack() {
2022-12-12 10:53:31 +08:00
cookies = new YourTeam.Utility.Cookie();
jwt = cookies.get("JWT-Authorization");
2022-12-26 18:32:21 +08:00
pageAct.AreaTag = initAreaTag;
2022-12-03 16:45:20 +08:00
loadEvent();
2022-12-12 15:06:35 +08:00
2022-12-03 16:45:20 +08:00
if (!jwt) {
2022-12-13 09:40:10 +08:00
if (location.href.indexOf("localhost:5966") != -1) {
location.href = "login.html";
}
2022-12-03 16:45:20 +08:00
myBaja = new MyBaja();
myBaja.setMyUserAccount(Login);
} else {
isValidLogin();
}
2022-12-12 15:06:35 +08:00
2022-12-03 16:45:20 +08:00
$(loadEle).Loading("close");
}
2022-11-16 14:53:22 +08:00
2022-12-03 16:45:20 +08:00
/**
* 登入驗證完成 Callback
* */
function isValidLogin() {
2023-01-07 17:57:47 +08:00
2023-01-04 17:31:34 +08:00
getUserInfo();
2022-12-22 17:18:29 +08:00
iniFroList();
2022-12-07 18:59:53 +08:00
showMainSys();
2022-12-03 16:45:20 +08:00
getBuiList();
getSysMonBtnList();
checkDevState();
2023-01-10 18:39:07 +08:00
2022-12-03 16:45:20 +08:00
2023-01-07 17:57:47 +08:00
if (lastPage) {
let lastPageAct = {};
if (isJSON(sessionStorage.getItem("pageAct"))) {
lastPageAct = JSON.parse(sessionStorage.getItem("pageAct"));
}
2023-01-09 19:15:27 +08:00
if (lastPageAct.sysSubTag & & lastPage == "systemMonitor") {
2023-01-07 17:57:47 +08:00
$(`#subSysBtn${lastPageAct.sysSubTag}`).click();
2023-01-09 19:15:27 +08:00
$("#sysMonTopBtn").YTTab("set");
2023-01-07 17:57:47 +08:00
} else {
2023-01-09 19:15:27 +08:00
$(`[data-tabname=topFunBtn][data-page=${lastPage}]`).YTTab("setAndClick");
2023-01-07 17:57:47 +08:00
}
/*$(`[name=topFunBtn][data-page=${lastPage}]`).click();*/
} else {
$("#app").load("_dashboard.html", loadCallback);
}
2023-01-10 18:39:07 +08:00
timeOutGetData();
2023-01-07 17:57:47 +08:00
2022-12-03 16:45:20 +08:00
function getBuiList() {
let url = baseApiUrl + "/api/Device/GetBuild";
ytAjax = new YourTeam.Ajax(url, null, function (res) {
if (!res || res.code != "0000" || !res.data) {
2022-11-17 09:36:53 +08:00
2022-12-03 16:45:20 +08:00
} else {
let strHtml = ``;
$.each(res.data, (index, buiObj) => {
2022-12-22 18:01:17 +08:00
strHtml += `< a id = "buiBtn${buiObj.building_tag}" data-urn = "${buiObj.urn_3D}" class = "dropdown-item" href = "javascript:;" > ${buiObj.full_name}< / a > `;
2022-12-03 16:45:20 +08:00
})
$("#buiList").append(strHtml).droSetItem(); //droSetItem 預設第一筆 active
}
}, null, "POST").send();
}
2022-11-15 18:47:16 +08:00
2022-12-03 16:45:20 +08:00
//lily test
function checkDevState() {
//TPE_B1_LT_L1
//main_system_tag: pageAct.sysMainTag,
//building_tag: pageAct.buiTag,
//floor_tag: pageAct.floTag,
let systemPath = "TPE_B1";
// if (pageAct != undefined & & pageAct != null & & pageAct.sysMainTag != null & & pageAct.buiTag != null) {
// systemPath = "TPE_" + pageAct.buiTag + "_" + pageAct.sysMainTag + "_" + "EL";
// }
getOneSystemAlarmStateByBaja(systemPath, callbackForCheckDevState);
// console.log("systemP: " + systemPath);
// console.log("devList: " + deviceList[0].device_guid + ", " + deviceList[3].device_guid + ", " + deviceList[8].device_guid);
//callbackForCheckDevState("test");
}
2022-11-22 13:33:49 +08:00
2022-12-03 16:45:20 +08:00
function callbackForCheckDevState(result) {
console.log("------ " + result);
// $.each(deviceList, (index, devObj) => {
// if ((`${devObj.device_guid}`) == '4ed28a93-5025-11ed-b23e-0242ac110002'
// || (`${devObj.device_guid}`) == '5d9fdff0-5343-43fe-86f4-bd73cdb15111') {
// var str = "";
// $(`#${devObj.device_guid}`).empty();
// str = `< span class = "status status-danger d-inline-block" > < img src = "${baseImgUrl + varPathImg + devObj.device_master_icon}" class = "profile-image rounded-circle" onerror = "defDev(this)" alt = "..." > < / span > ${devObj.full_name}`;
// $(`#${devObj.device_guid}`).append(str);
// }
// })
console.log(result);
}
2022-11-22 13:33:49 +08:00
}
2022-12-03 16:45:20 +08:00
// page loaded callback
function loadCallback() {
initTabsByEle();
resetYTTooltip();
2023-01-04 17:31:34 +08:00
$("#sysMonTopBtn").YTNavbar("hide");
2022-12-03 16:45:20 +08:00
}
2022-11-22 13:33:49 +08:00
2022-12-03 16:45:20 +08:00
// 事件先行讀取
function loadEvent() {
onEvent("click", "[name=topFunBtn]", function () {
_ytTabInited = [];
let page = $(this).data("page");
2023-01-09 19:15:27 +08:00
if (!page) {
return;
}
2022-12-03 16:45:20 +08:00
if (page != "systemMonitor") {
$("#sysMonBtnList .dropdown-item").removeClass("active");
pageAct.sysMainTag = null;
2023-01-09 19:15:27 +08:00
pageAct.sysSubTag = null;
2023-01-07 17:57:47 +08:00
} else {
setSysTagForPageAct(this);
2023-01-09 19:15:27 +08:00
$("#sysMonTopBtn").YTTab("set");
$(`#subSysBtn${pageAct.sysSubTag}`).YTTab("set");
2022-12-03 16:45:20 +08:00
}
$.each(tolSubList, (idx, sub) => {
sub.unsubscribeAll();
sub.detach();
})
2023-01-04 17:31:34 +08:00
tolSubList = [];
2022-12-06 14:34:04 +08:00
endPageLoading();
2022-12-14 17:34:13 +08:00
$(".yt-alert").YTAlert().hide();
2022-12-12 15:06:35 +08:00
2023-01-10 18:39:07 +08:00
if (typeof timeOuters != "undefined" & & timeOuters) {
2022-12-09 18:20:41 +08:00
$.each(timeOuters, (idx, timeOut) => {
clearInterval(timeOut);
})
timeOuters = [];
}
2023-01-04 17:31:34 +08:00
getUserInfo();
2023-01-09 19:15:27 +08:00
2023-01-07 17:57:47 +08:00
sessionStorage.setItem("lastPage", page);
sessionStorage.setItem("pageAct", JSON.stringify(pageAct));
2022-12-03 16:45:20 +08:00
$("#app").load(`_${page}.html`, loadCallback);
2022-12-02 18:59:00 +08:00
2022-12-03 16:45:20 +08:00
})
2022-11-22 13:33:49 +08:00
2022-12-03 16:45:20 +08:00
onEvent("click", "#logout", function () {
localStorage.removeItem("JWT-Authorization");
location.href = "/logout";
})
2022-11-22 13:33:49 +08:00
2023-01-09 19:15:27 +08:00
onEvent("click", "#sysMonBtnList a", function (e) {
//pageAct.sysMainTag = $(this).data("subSysObj").main_system_tag;
//pageAct.sysSubTag = $(this).data("subSysObj").sub_system_tag;
//pageAct.sysSubName = $(this).data("subSysObj").full_name;
//pageAct.sysSubObj = $(this).data("subSysObj");
//getDevItem();
})
2022-11-22 13:37:21 +08:00
2022-12-03 16:45:20 +08:00
onEvent("active:change", "#buiList", function (e, actEle) {
if (actEle) {
pageAct.buiTag = $(actEle).prop("id").split("buiBtn")[1];
2022-12-07 18:59:53 +08:00
pageAct.urn = $(actEle).data("urn");
2022-12-03 16:45:20 +08:00
}
2022-12-22 18:01:17 +08:00
2022-12-03 16:45:20 +08:00
})
2022-11-30 18:37:07 +08:00
2022-12-26 18:32:21 +08:00
onEvent("yt:tab:change", "#lightSch-tab", function () {
if (pageAct.sysMainTag == "LT" & & $("#lightSchModal").length != 0) {
loadLightSchTable();
$("#lightSchModal").modal("show");
}
})
2023-01-04 17:31:34 +08:00
2023-01-09 19:15:27 +08:00
onEvent("yt:tab:prechange", "[data-tabname=topFunBtn]", function (e, arg) {
if ($(this)[0].id == "sysMonTopBtn" || !$(this).data("page")) {
arg.cancel = true;
}
})
2022-12-28 13:12:08 +08:00
onEvent("click", "#testsysbtn", function () {
2023-01-04 17:31:34 +08:00
2022-12-28 13:12:08 +08:00
})
2022-12-26 18:32:21 +08:00
2022-12-12 15:06:35 +08:00
$(window).on("timeout:3s", function () {
2023-01-11 10:18:20 +08:00
2022-12-12 15:06:35 +08:00
getSystemAlarmByBaja((data) => {
if (typeof getAlarmSub != "undefined" & & getAlarmSub) {
getAlarmSub(data);
}
alarmIconBlink();
})
2023-01-10 18:39:07 +08:00
showWarToast();
2022-12-12 15:06:35 +08:00
})
2022-12-02 12:18:58 +08:00
}
2022-12-03 16:45:20 +08:00
// 登入驗證
function Login(account) {
console.log(account)
/*if ($("#login-form").valid()) {*/
2022-12-12 15:06:35 +08:00
2022-12-03 16:45:20 +08:00
var url = baseApiUrl + "/api/Login/";
var send_data = {
account: account,
password: "rJ2T5Kkj"
2022-12-02 12:18:58 +08:00
}
2022-12-03 16:45:20 +08:00
if (location.href.indexOf("localhost:5966") != -1) {
location.href = "login.html";
}
$.ajax({
method: "post",
url: url,
data: JSON.stringify(send_data),
async: false,
contentType: "application/json; charset=UTF-8",
dataType: 'json',
success: function (rel) {
if (rel.code != "0000") {
2023-01-11 10:18:20 +08:00
toast_error(rel.msg || common.SysErr);
2022-12-03 16:45:20 +08:00
return;
}
else {
/*toast_ok(rel.msg);*/
2022-12-23 13:22:50 +08:00
cookies.create("JWT-Authorization", rel.data.token, 12 * 60 * 60 * 1000);
2022-12-03 16:45:20 +08:00
isValidLogin();
}
},
error: function (xhr, textStatus, thrownError) {
2023-01-11 10:18:20 +08:00
alert(common.SysErr);
2022-12-03 16:45:20 +08:00
}
});
2022-12-02 12:18:58 +08:00
2022-12-03 16:45:20 +08:00
}
2022-12-02 12:18:58 +08:00
2022-12-03 16:45:20 +08:00
//==============================================================================
// ↓ 系統監控 - 共用 Function ↓
//==============================================================================
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
// Card - 基本資料 Table
function drawInfoTabBlo(devGuid) {
2022-12-02 15:46:37 +08:00
2022-12-03 16:45:20 +08:00
let tabEle = $(`< table class = "table table-bordered table-striped text-center m-0" > `);
let tbody = tabEle.append("< tbody > ");
let columnNames = ["設備編號", "設備名稱"];
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
$.each(columnNames, (index, colName) => {
let tr = $("< tr > < / tr > ");
let td = $("< td > < / td > ");
td.text(colName);
tr.append(td);
tbody.append(tr);
})
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
let url = baseApiUrl + "/api/Device/GetBaseDevice";
let sendData = {
device_guid: devGuid,
};
objSendData.Data = sendData;
ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
if (!res || res.code != "0000" || !res.data) {
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
} else {
tbody.find("tr").eq(0).append(creEle("td", res.data.device_number));
tbody.find("tr").eq(1).append(creEle("td", res.data.full_name));
}
}, null, "POST").send();
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
return tabEle.prop("outerHTML");
}
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
// Card - 異常紀錄 block
function drawErrRecTabBlo() {
let strHtml = `< table id = "errRecTable" class = "table table-bordered table-striped text-center m-0 w-100" >
2022-11-24 19:23:48 +08:00
2023-01-04 17:31:34 +08:00
< / table > `
2022-12-03 16:45:20 +08:00
return strHtml;
}
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
// Card - 運維紀錄 block
function drawOpeRecTabBlo() {
let strHtml = `< table id = "opeRecTable" class = "table table-bordered table-striped text-center m-0 w-100" >
2022-11-24 19:23:48 +08:00
2023-01-04 17:31:34 +08:00
< / table > `
2022-12-03 16:45:20 +08:00
return strHtml;
}
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
// Card 呈現初始化
2022-12-31 18:03:16 +08:00
function initPopover(type = null, extOption = {}, selector = "[name=devItem]") {
if (type == null & & pageAct.sysMainTag == "LT") {
type = "light";
}
2022-12-28 13:12:08 +08:00
$(selector).each((index, ele) => {
2022-12-03 16:45:20 +08:00
let devNum = $(ele).data("number"); //設備編號
let devGuid = $(ele).data("id"); //guid
let devName = $(ele).data("name"); //full_name
2022-12-26 18:32:21 +08:00
let lightHtml = type == "light" ? `< button type = "button" id = "lightSch-tab" class = "btn btn-icon nav-link" role = "tab" data-tabname = "cardTab" data-target = "#lightSch" > < i class = "fas fa-calendar-alt" > < / i > < / button > ` : "";
2022-12-28 13:12:08 +08:00
let option = {
2022-12-03 16:45:20 +08:00
html: `< div class = "card m-1 border device-wrap" >
2023-01-10 18:39:07 +08:00
< div class = "card-header p-3" >
< div class = "position-absolute w-50" style = "word-break: break-all;" >
< label class = "m-0 mt-2" > ${devName}< / label >
< / div >
< div id = "card-tab" class = "row justify-content-end nav nav-tabs" role = "tablist" >
< button type = "button" id = "state-tab" class = "btn btn-icon nav-link active" role = "tab" data-tabname = "cardTab" data-target = "#state" > < i class = "fa fa-desktop icon" > < / i > < / button >
${lightHtml}
< button type = "button" id = "info-tab" class = "btn btn-icon nav-link" role = "tab" data-tabname = "cardTab" data-target = "#info" > < i class = "fa fa-cog icon" > < / i > < / button >
< button type = "button" id = "errRec-tab" class = "btn btn-icon nav-link" role = "tab" data-tabname = "cardTab" data-target = "#errRec" > < i class = "fas fa-exclamation-triangle" > < / i > < / button >
< button type = "button" id = "opeRec-tab" class = "btn btn-icon nav-link" role = "tab" data-tabname = "cardTab" data-target = "#opeRec" > < i class = "fa fa-bars icon" > < / i > < / button >
< button class = "btn p-2" > < i class = "fas fa-times fs-1 text-white-50" data-close = "yttooltip" > < / i > < / button >
< / div >
< / div >
< div class = "card-body p-2 tab-content" >
< div id = "state" class = "show active" data-tabname = "cardTab" data-tabrole = "child" style = "height:100%;width:100%" >
${drawStateTabBlo(devNum)}
< / div >
< div id = "info" data-tabname = "cardTab" data-tabrole = "child" >
< / div >
< div id = "errRec" data-tabname = "cardTab" data-tabrole = "child" >
${drawErrRecTabBlo()}
< / div >
< div id = "opeRec" data-tabname = "cardTab" data-tabrole = "child" >
${drawOpeRecTabBlo()}
< / div >
< / div >
< / div > `,
2022-12-03 16:45:20 +08:00
group: "device",
onShow: function (tooltipEle, oriEle) {
2023-01-10 18:39:07 +08:00
// 執行 pop 視窗上方 Tab 類別
new YT.Tab({ tabName: "cardTab" })
let devObj = $(oriEle).data("devobj");
// 讀取運維列表
2022-12-03 16:45:20 +08:00
loadOpeRecTable(devGuid);
2023-01-10 18:39:07 +08:00
// 讀取異常列表
2022-12-03 16:45:20 +08:00
loadErr($(oriEle).data("number"));
2023-01-10 18:39:07 +08:00
// 讀取設備基本資料列表
2022-12-28 13:12:08 +08:00
$(tooltipEle).find("#info").html(typeof drawInfoTabBlo != "undefined" ? drawInfoTabBlo(devGuid) : "");
2023-01-10 18:39:07 +08:00
// 聚焦熱點
2023-01-04 17:31:34 +08:00
if ($(oriEle).data("dbId")) {
2022-12-31 18:03:16 +08:00
controlFocusHotspot($(oriEle).data("dbId"));
}
2023-01-10 18:39:07 +08:00
// 3D 視角 ZOOM IN 聚焦
moveViewToDevice(devObj?.forge_dbid);
// pop 視窗卡片可拖移功能初始化
2023-01-05 18:37:12 +08:00
$(tooltipEle).draggable({
cursor: "move",
2023-01-07 17:57:47 +08:00
handle: ".card-header", // 只能通过卡片的标题栏拖拽
containment: "document",
scroll: true
2023-01-05 18:37:12 +08:00
});
2023-01-10 18:39:07 +08:00
// pop 視窗卡片可縮放功能初始化
2023-01-05 18:37:12 +08:00
$(tooltipEle).resizable({
resize: function (event,ui) {
let iframe = $(ui.element).find("iframe");
if (iframe.length != 0) {
2023-01-07 17:57:47 +08:00
if (ui.size.width != ui.originalSize.width) {
iframe.css("width", "100%");
} else if (ui.size.height != ui.originalSize.height) {
iframe.css("height", "100%");
}
2023-01-05 18:37:12 +08:00
}
2023-01-07 17:57:47 +08:00
let cardBodyHeight = $(ui.element).find(".card-body").css("height");
$(ui.element).find(".scrolledTable").css("height", cardBodyHeight)
errRecTable.draw(false)
},
minWidth: 200,
minHeight:150,
2023-01-05 18:37:12 +08:00
});
2023-01-10 18:39:07 +08:00
// 電梯管理 - Card table 更新
2022-12-31 18:03:16 +08:00
typeof subDeviceSetTable != "undefined" ? subDeviceSetTable($(oriEle).data("number")) : ""
2022-12-28 18:47:09 +08:00
},
onHide: function (tooltipEle, oriEle) {
2023-01-10 18:39:07 +08:00
// 3D 熱點解除
2023-01-04 17:31:34 +08:00
controlFocusHotspot($(oriEle).data("dbId"), false);
2022-12-31 18:03:16 +08:00
// sysMonFloor Echart 解除 focus
typeof chartUnFocus != "undefined" ? chartUnFocus(oriEle) : "";
2022-12-03 16:45:20 +08:00
}
2022-12-28 13:12:08 +08:00
};
$.extend(option, extOption);
$(ele).YTTooltip(option);
2022-11-24 19:23:48 +08:00
})
2022-12-03 16:45:20 +08:00
}
2022-11-25 18:46:40 +08:00
2023-01-10 18:39:07 +08:00
// 卡片設備名稱點擊事件
function devItemNameEvent() {
onEvent("click", "[name=devItemName]", function () {
let devNum = $(this).data("number");
let devObj = $(`[name=devItem][data-number=${devNum}]`).data("devobj");
moveViewToDevice(devObj.forge_dbid);
})
}
2022-12-03 16:45:20 +08:00
// Card - 運維紀錄 Table
function loadOpeRecTable(devGuid) {
2022-12-31 18:03:16 +08:00
if (opeRecTable) {
opeRecTable.destroy();
}
2022-12-03 16:45:20 +08:00
let url = baseApiUrl + "/api/Device/GetOpeDevice?device_guid=" + devGuid;
let tag = "#opeRecTable";
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
let column_defs = [
{ "targets": [0], "width": "8%", "sortable": true },
{ "targets": [1], "width": "8%", "sortable": true },
{ "targets": [2], "width": "7%", "sortable": true },
{ "targets": [3], "width": "7%", "sortable": true },
];
let columns = [
{
"title": "類型",
"data": "work_type_name",
},
{
"title": "項目",
"data": "fix_do",
},
{
"title": "處理人員",
"data": "work_person_name",
},
{
"title": "發生/完成時間",
"data": "finishTime",
"render": function (data, type, row) {
return row.createdAt + "< br > " + data;
},
},
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
];
2023-01-07 17:57:47 +08:00
opeRecTable = new YourTeam.JqDataTables.getTableByAjax(url, tag, null, columns, column_defs, null, null, null, null, null, null, "< 'scrolledTable'tpi>");
2022-11-24 19:23:48 +08:00
}
2022-12-03 16:45:20 +08:00
2022-12-26 18:32:21 +08:00
function loadLightSchTable(devGuid) {
/*let url = baseApiUrl + "/api/Device/GetOpeDevice?device_guid=" + devGuid;*/
let url = `https://63772efc5c47776512165937.mockapi.io/api/GetLightSche`;
let tag = "#lightSchTable";
let column_defs = [
{ "targets": [0], "width": "14%", "sortable": true },
{ "targets": [1], "width": "14%", "sortable": true },
{ "targets": [2], "width": "14%", "sortable": true },
{ "targets": [3], "width": "14%", "sortable": true },
{ "targets": [4], "width": "14%", "sortable": true },
{ "targets": [5], "width": "14%", "sortable": true },
{ "targets": [6], "width": "16%", "sortable": true },
];
let columns = [
{
"title": "序號",
"data": null,
2023-01-04 17:31:34 +08:00
"render": function (data, type, row, meta) {
2022-12-26 18:32:21 +08:00
return meta.row + 1;
},
},
{
"title": "排程名稱",
"data": "sch_name",
},
{
"title": "設備數量",
"data": "dev_cnt",
},
{
"title": "排程設定",
"data": "sch_set",
},
{
"title": "動作",
"data": "action",
},
{
"title": "狀態",
"data": "status",
},
{
"title": "功能",
"data": "sch_id",
"render": function (data, type, row) {
let btnDiv = creDiv(["row", "m-0", "justify-content-center"], { "style": "gap:10px" });
let icon = creI(["fas", "fa-pencil-alt"]);
btnDiv.append(creBtnHtml("觸發執行", "lightSchTabTogBtn" + data, null, ["btn", "btn-success"]));
btnDiv.append(creBtn("修改", "lightSchTabEdiBtn" + data, null, ["btn", "btn-danger"], { "toggle": "modal", "target": "#delModal" }).append(icon));
return btnDiv.outerHtml();
},
},
];
let lightSchTable = new YourTeam.JqDataTables.getTableByAjax(url, tag, null, columns, column_defs, null, null, null, null, null, null, "tpi");
}
2023-01-04 17:31:34 +08:00
function controlFocusHotspot(dbId, open = true) {
2023-01-05 18:37:12 +08:00
changeColorForHotspot(dbId, open ? "focus" : null);
2022-12-31 18:03:16 +08:00
changeScaleForHotspot(dbId, open);
}
2022-12-03 16:45:20 +08:00
// Baja 取得異常紀錄
function loadErr(allPath) {
if (allPath != undefined & & allPath != null) {
2023-01-04 17:31:34 +08:00
2022-12-31 18:03:16 +08:00
getOneDeviceAlarmTop10ByBaja(allPath, callbackForErr);
2022-12-03 16:45:20 +08:00
}
else {
console.log("no device");
}
2022-11-24 19:23:48 +08:00
}
2022-12-03 16:45:20 +08:00
// Card - 異常紀錄 Table
function callbackForErr(result) {
2022-12-31 18:03:16 +08:00
if (errRecTable) {
errRecTable.destroy();
}
2022-12-03 16:45:20 +08:00
let tag = "#errRecTable";
let datas;
let column_defs = [
{ "targets": [0], "width": "15%", "sortable": true },
{ "targets": [1], "width": "25%", "sortable": true },
{ "targets": [2], "width": "25%", "sortable": true },
{ "targets": [3], "width": "35%", "sortable": true },
];
let columns = [
{
"title": "異常ID",
"data": "uuid",
},
{
"title": "異常原因",
"data": "msgText",
},
{
"title": "ACK確認",
"data": "ackState",
},
{
"title": "發生/完成時間",
"data": "normalTime",
"render": function (data, type, row) {
return row.timestamp + "< br > " + data;
},
2022-11-24 19:23:48 +08:00
},
2022-12-03 16:45:20 +08:00
];
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
let json_object = JSON.parse(result);
datas = json_object['data'];
2023-01-07 17:57:47 +08:00
errRecTable = new YourTeam.JqDataTables.getTableByStatic(tag, datas, columns, column_defs, null, null, null, null, "< 'scrolledTable'tpi>");
2022-11-24 19:23:48 +08:00
2022-12-03 16:45:20 +08:00
}
2022-11-25 18:46:40 +08:00
2022-12-03 16:45:20 +08:00
//根據 data-type 設置顏色 (判斷後台是否有設定，若無則帶預設)
function setLightColor() {
$(".dev-card").each((index, ele) => {
let type = $(ele).find("[data-light-type]").data("light-type");
let isFlashing = false;
let color = "#000";
switch (type) {
case "normal":
color = pageAct.sysSubObj.device_normal_color ?? "var(--theme-success)";
isFlashing = pageAct.sysSubObj.device_normal_flashing == "1";
break;
case "close":
color = pageAct.sysSubObj.device_close_color ?? "var(--theme-secondary)";
isFlashing = pageAct.sysSubObj.device_close_flashing == "1";
break;
case "error":
color = pageAct.sysSubObj.device_error_color ?? "var(--theme-danger)";
isFlashing = pageAct.sysSubObj.device_error_flashing == "1";
break;
}
$(ele).find("[data-light-type]").css("background-color", color);
//是否閃爍
if (isFlashing) {
$(ele).addClass("light-flash");
}
})
}
2022-12-31 18:03:16 +08:00
function crePosPopover(position, obj) {
let _position = {};
_position.tpLeft = position[0];
_position.tpTop = position[1];
_position.tpOffHeight = 24;
let parentEle = creDiv();
parentEle.append(`< a href = "javascript:;" name = "devItem" class = " ml-2 mb-0 " > 詳細資料< / a > `);
parentEle.data("id", obj.device_guid);
parentEle.data("number", obj.device_number);
parentEle.data("dbId", obj._dbId);
parentEle.data("name", obj.full_name);
initPopover(null, _position, parentEle);
return parentEle;
}
2022-12-03 16:45:20 +08:00
//==============================================================================
// ↑ 系統監控 - 共用 Function ↑
//==============================================================================
2022-12-06 14:34:04 +08:00
} catch (e) {
2022-12-03 16:45:20 +08:00
$(loadEle).Loading("close");
2022-11-25 18:46:40 +08:00
}
2023-01-07 17:57:47 +08:00
function setSysTagForPageAct(obj) {
pageAct.sysMainTag = $(obj).data("subSysObj").main_system_tag;
pageAct.sysSubTag = $(obj).data("subSysObj").sub_system_tag;
pageAct.sysSubName = $(obj).data("subSysObj").full_name;
pageAct.sysSubObj = $(obj).data("subSysObj");
getDevItem();
}
2023-01-06 18:39:55 +08:00
function getDevItem() {
let url = baseApiUrl + "/api/Device/GetDeviceItem";
objSendData.Data = {
main_system_tag: pageAct.sysMainTag,
sub_system_tag: pageAct.sysSubTag,
}
ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
if (!res || res.code != "0000" || !res.data) {
} else {
pageAct.devItems = res.data;
}
}, null, "POST").send();
}
2022-12-12 15:06:35 +08:00
function alarmIconBlink(data) {
if (data?.data.length != 0) {
$(".page-header [name=topFunBtn][data-page=alert] i").addClass("blink");
} else {
$(".page-header [name=topFunBtn][data-page=alert] i").removeClass("blink");
}
}
function timeOutGetData() {
let timeOut3s = null, timeOut5m = null;
let events = $._data($(window)[0], "events");
2023-01-10 18:39:07 +08:00
2022-12-12 15:06:35 +08:00
if (Object.keys(events).findIndex(x => x == "timeout:3s") != -1) {
timeOut3s = setInterval(() => {
$(window).trigger("timeout:3s");
}, 3000)
}
if (Object.keys(events).findIndex(x => x == "timeout:5m") != -1) {
timeOut5m = setInterval(() => {
$(window).trigger("timeout:5m");
}, 5 * 60 * 1000)
}
timeOuters = timeOuters.concat([timeOut3s, timeOut5m]);
}
2022-12-07 09:25:43 +08:00
function showMainSys() {
2022-12-12 15:06:35 +08:00
let url = baseApiUrl + "/Utility/isShowMaiSys";
ytAjax = new YourTeam.Ajax(url, null, function (res) {
if (!res || res.code != "0000") {
2022-12-07 09:25:43 +08:00
} else {
pageAct.mainStatus = res.data;
2022-12-12 15:06:35 +08:00
}
2022-12-07 09:25:43 +08:00
}, null, "POST").send();
2022-12-12 15:06:35 +08:00
}
2022-12-06 14:34:04 +08:00
function startPageLoading() {
if (!loadingTip) {
loadingTip = YT.Alert.Tip("資料讀取中...", "show");
}
}
function endPageLoading() {
if (loadingTip != null) {
$(loadingTip.ele).YTAlert().hide();
loadingTip = null;
}
}
2022-12-22 17:18:29 +08:00
function iniFroList() {
url = baseApiUrl + '/api/GetUsrFroList'
let hasMonitor = false;
ytAjax = new YourTeam.Ajax(url, null, function (res) {
if (!res || res.code != "0000" || !res.data) {
} else {
let strHtml = `< div class = "btn-group mx-4" >
2023-01-09 19:15:27 +08:00
< a href = "javascript:;" name = "topFunBtn" data-page = "dashboard" data-tabname = "topFunBtn" class = "text-center" >
2023-01-04 17:31:34 +08:00
< i class = "fal fa-home fa-2x" > < / i > < br > 首頁
< / a >
<!-- <div class="dropdown - menu">
< button class = "dropdown-item" type = "button" > Action< / button >
< button class = "dropdown-item" type = "button" > Another action< / button >
< button class = "dropdown-item" type = "button" > Something else here< / button >
< / div > -->
< / div > `;
2022-12-22 17:18:29 +08:00
$.each(res.data, function (i, v) {
2022-12-28 13:00:17 +08:00
if (v.authCode == 'PF1') {
2022-12-22 17:18:29 +08:00
strHtml += `< div class = "btn-group mx-4" >
2023-01-09 19:15:27 +08:00
< a href = "javascript:;" id = "sysMonTopBtn" class = "text-center" data-toggle = "navbar" data-target = "#sysMonNavbar" data-tabname = "topFunBtn" aria-haspopup = "true" aria-expanded = "false" >
2023-01-04 17:31:34 +08:00
< i class = "fal fa-tv fa-2x" > < / i > < br > ${v.subName}
< / a >
2022-12-22 17:18:29 +08:00
2023-01-04 17:31:34 +08:00
< / div > `;
2022-12-22 17:18:29 +08:00
hasMonitor = true;
}
else {
2023-01-09 19:15:27 +08:00
let icon = v.authCode == 'PF2' ? 'fa-chart-pie' : v.authCode == 'PF3' ? 'fa-chart-area' : v.authCode == 'PF4' ? 'fa-chart-line' : v.authCode == 'PF5' ? 'fa-bell' : v.authCode == 'PF6' ? 'fa-server' : v.authCode == 'PF7' ? 'fa-image' : v.authCode == 'PF8' ? 'fa-user' : '';
2022-12-22 17:18:29 +08:00
strHtml += `< div class = "btn-group mx-4" >
2023-01-09 19:15:27 +08:00
< a href = "javascript:;" name = "topFunBtn" data-tabname = "topFunBtn" class = "dropdown-toggle no-arrow text-center"
2023-01-04 17:31:34 +08:00
data-page="${v.showView}">
< i class = "fal ${icon} fa-2x" > < / i > < br > ${v.subName}
< / a >
< / div > `;
2022-12-22 17:18:29 +08:00
}
});
$('#froLisPage').html(strHtml);
2023-01-04 17:31:34 +08:00
$("#sysMonTopBtn").YTNavbar("init");
2022-12-22 17:18:29 +08:00
}
}, null, "POST").send();
}
function getSysMonBtnList() {
let url = baseApiUrl + "/api/Device/GetMainSub";
let sendData = {
building_tag: pageAct.buiTag,
};
objSendData.Data = sendData;
ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
if (!res || res.code != "0000" || !res.data) {
2022-12-22 18:01:17 +08:00
2022-12-22 17:18:29 +08:00
} else {
$("#sysMonBtnList").html("")
2023-01-07 17:57:47 +08:00
2022-12-22 17:18:29 +08:00
$.each(res.data.history_Main_Systems, (index, mainSysObj) => {
$.each(mainSysObj.history_Sub_systems, (index2, subSysObj) => {
let page = "systemMonitor";
if (subSysObj.sub_system_tag == "EL") {
page = "sysElevator";
}
2023-01-04 17:31:34 +08:00
let li = creEle("li");
2023-01-04 18:49:37 +08:00
let a = creA(subSysObj.full_name, { "href": "javascript:;" }, [], `subSysBtn${subSysObj.sub_system_tag}`, { page: page, tabname: "systemMonitor" }, "topFunBtn");
2023-01-04 17:31:34 +08:00
li.append(a);
a.data("subSysObj", subSysObj)
2022-12-22 17:18:29 +08:00
subSysObj.main_system_tag = mainSysObj.main_system_tag;
2023-01-04 17:31:34 +08:00
$("#sysMonBtnList").append(li);
2022-12-22 17:18:29 +08:00
})
})
}
}, null, "POST").send();
}
2023-01-04 15:25:24 +08:00
function getLogo() {
2023-01-05 18:42:49 +08:00
url = baseApiUrl + '/api/GetLogo';
ytAjax = new YourTeam.Ajax(url, null, function (res) {
$('[name=webLogo]').attr('src', baseImgUrl + '/img/' + res.data);
}, null, "POST").send();
2023-01-04 15:25:24 +08:00
}
2023-01-04 17:34:09 +08:00
2023-01-04 17:31:34 +08:00
function getUserInfo() {
let url = baseApiUrl + varApiUrl + "getUserFull";
ytAjax = new YourTeam.Ajax(url, null, function (res) {
if (!res || res.code != "0000") {
} else {
pageAct.userInfo = res.data;
let user = res.data;
$("#usrName").text(user.full_name);
}
}, null, "POST").send();
}
2023-01-10 18:39:07 +08:00
function showWarToast() {
2023-01-11 10:18:20 +08:00
//let options = {
// "closeButton": false,
// "debug": false,
// "newestOnTop": true,
// "progressBar": false,
// "positionClass": "toast-top-right",
// "preventDuplicates": false,
// "onclick": null,
// "showDuration": "300",
// "hideDuration": "1000",
// "timeOut": 0,
// "extendedTimeOut": 0,
// "showEasing": "swing",
// "hideEasing": "linear",
// "showMethod": "fadeIn",
// "hideMethod": "fadeOut",
// "tapToDismiss": false
//}
//if ($("#toast-container .toast").length < 2 ) {
// let strConHtml = `< div class = "col-12" >
// < div class = "row m-0" >
// < span class = "m-0" > 異常編號：< span > 001< / span > < / span >
// < / div >
// < div class = "row m-0" >
// < span class = "m-0" > 異常等級：< span > 2< / span > < / span >
// < / div >
// < div class = "row m-0" >
// < span class = "m-0" > 異常類別：< span > S01< / span > < / span >
// < / div >
// < div class = "row m-0" >
// < span class = "m-0" > 設備名稱：< span > 電表01< / span > < / span >
// < / div >
// < div class = "row m-0" >
// < span class = "m-0" > 異常訊息：< span > 壞掉< / span > < / span >
// < / div >
// < / div > `;
// let titleHtml = `< div class = "col-12" >
// < div class = "row m-0" >
// < span class = "fs-1" > 異常通知< / span >
// < span class = "ml-auto" > 2023/01/01 12:00:00< / span >
// < / div >
// < / div > `
// toastr.warning(strConHtml, titleHtml, options)
//}
2023-01-10 18:39:07 +08:00
}
2022-11-15 11:25:47 +08:00
< / script >
2022-11-22 13:33:49 +08:00
2022-11-15 11:25:47 +08:00
< / body >
<!-- END Body -->
2022-11-22 12:09:35 +08:00
< / html >
