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-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" / >
2022-11-22 13:33:49 +08:00
< link rel = "stylesheet" media = "screen, print" href = "https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap.min.css" >
< 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-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 -->
< aside class = "page-sidebar hidden-lg-up" >
< div class = "page-logo" >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "page-logo-link press-scale-down d-flex align-items-center position-relative"
2022-11-24 19:23:48 +08:00
data-toggle="modal" data-target="#modal-shortcut">
2022-11-15 11:25:47 +08:00
< img src = "img/logo.png" alt = "SmartAdmin WebApp" aria-roledescription = "logo" >
< span class = "page-logo-text mr-1" > System< / span >
< span class = "position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2" > < / span >
< i class = "fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300" > < / i >
< / a >
< / div >
<!-- BEGIN PRIMARY NAVIGATION -->
< nav id = "js-primary-nav" class = "primary-nav" role = "navigation" >
< div class = "nav-filter" >
< div class = "position-relative" >
2022-11-22 12:09:35 +08:00
< input type = "text" id = "nav_filter_input" placeholder = "Filter menu" class = "form-control"
2022-11-24 19:23:48 +08:00
tabindex="0">
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn-primary btn-search-close js-waves-off"
2022-11-24 19:23:48 +08:00
data-action="toggle" data-class="list-filter-active" data-target=".page-sidebar">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-chevron-up" > < / i >
< / a >
< / div >
< / div >
< div class = "info-card" >
2022-11-22 12:09:35 +08:00
< img src = "img/demo/avatars/avatar-admin.png" class = "profile-image rounded-circle"
2022-11-24 19:23:48 +08:00
alt="Dr. Codex Lantern">
2022-11-15 11:25:47 +08:00
< div class = "info-card-text" >
< a href = "#" class = "d-flex align-items-center text-white" >
< span class = "text-truncate text-truncate-sm d-inline-block" >
Dr. Codex Lantern
< / span >
< / a >
< span class = "d-inline-block text-truncate text-truncate-sm" > Toronto, Canada< / span >
< / div >
< img src = "img/card-backgrounds/cover-2-lg.png" class = "cover" alt = "cover" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "pull-trigger-btn" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="list-filter-active" data-target=".page-sidebar" data-focus="nav_filter_input">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-angle-down" > < / i >
< / a >
< / div >
< ul id = "js-nav-menu" class = "nav-menu" >
< li class = "active open" >
< a href = "#" title = "Application Intel" data-filter-tags = "application intel" >
< i class = "fal fa-info-circle" > < / i >
< span class = "nav-link-text" data-i18n = "nav.application_intel" > Application Intel< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "intel_analytics_dashboard.html" title = "Analytics Dashboard"
2022-11-24 19:23:48 +08:00
data-filter-tags="application intel analytics dashboard">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.application_intel_analytics_dashboard">
Analytics
Dashboard
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li class = "active" >
2022-11-22 12:09:35 +08:00
< a href = "intel_marketing_dashboard.html" title = "Marketing Dashboard"
2022-11-24 19:23:48 +08:00
data-filter-tags="application intel marketing dashboard">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.application_intel_marketing_dashboard">
Marketing
Dashboard
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "intel_introduction.html" title = "Introduction"
2022-11-24 19:23:48 +08:00
data-filter-tags="application intel introduction">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.application_intel_introduction">Introduction< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "intel_privacy.html" title = "Privacy"
2022-11-24 19:23:48 +08:00
data-filter-tags="application intel privacy">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.application_intel_privacy">Privacy< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "#" title = "Theme Settings" data-filter-tags = "theme settings" >
< i class = "fal fa-cog" > < / i >
< span class = "nav-link-text" data-i18n = "nav.theme_settings" > Theme Settings< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "settings_how_it_works.html" title = "How it works"
2022-11-24 19:23:48 +08:00
data-filter-tags="theme settings how it works">
< span class = "nav-link-text" data-i18n = "nav.theme_settings_how_it_works" >
How it
works
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "settings_layout_options.html" title = "Layout Options"
2022-11-24 19:23:48 +08:00
data-filter-tags="theme settings layout options">
< span class = "nav-link-text" data-i18n = "nav.theme_settings_layout_options" >
Layout
Options
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "settings_theme_modes.html" title = "Theme Modes (beta)"
2022-11-24 19:23:48 +08:00
data-filter-tags="theme settings theme modes (beta)">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.theme_settings_theme_modes_(beta)">Theme Modes (beta)< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "settings_skin_options.html" title = "Skin Options"
2022-11-24 19:23:48 +08:00
data-filter-tags="theme settings skin options">
< span class = "nav-link-text" data-i18n = "nav.theme_settings_skin_options" >
Skin
Options
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "settings_saving_db.html" title = "Saving to Database"
2022-11-24 19:23:48 +08:00
data-filter-tags="theme settings saving to database">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.theme_settings_saving_to_database">Saving to Database< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "#" title = "Documentation" data-filter-tags = "documentation" >
< i class = "fal fa-book" > < / i >
< span class = "nav-link-text" data-i18n = "nav.documentation" > Documentation< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "docs_general.html" title = "General Docs"
2022-11-24 19:23:48 +08:00
data-filter-tags="documentation general docs">
< span class = "nav-link-text" data-i18n = "nav.documentation_general_docs" >
General
Docs
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "docs_project_structure.html" title = "Project Structure"
2022-11-24 19:23:48 +08:00
data-filter-tags="documentation project structure">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.documentation_project_structure">Project Structure< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "docs_flavors_editions.html" title = "Flavors & Editions"
2022-11-24 19:23:48 +08:00
data-filter-tags="documentation flavors & editions">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.documentation_flavors_& _editions">Flavors & Editions< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "docs_community_support.html" title = "Community Support"
2022-11-24 19:23:48 +08:00
data-filter-tags="documentation community support">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.documentation_community_support">Community Support< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "docs_premium_support.html" title = "Premium Support"
2022-11-24 19:23:48 +08:00
data-filter-tags="documentation premium support">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.documentation_premium_support">Premium Support< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "docs_licensing.html" title = "Licensing"
2022-11-24 19:23:48 +08:00
data-filter-tags="documentation licensing">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.documentation_licensing">Licensing< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "docs_buildnotes.html" title = "Build Notes"
2022-11-24 19:23:48 +08:00
data-filter-tags="documentation build notes">
< span class = "nav-link-text" data-i18n = "nav.documentation_build_notes" >
Build
Notes
< / span >
2022-11-15 11:25:47 +08:00
< span class = "" > v4.5.1< / span >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-title" > Tools & Components< / li >
< li >
< a href = "#" title = "UI Components" data-filter-tags = "ui components" >
< i class = "fal fa-window" > < / i >
< span class = "nav-link-text" data-i18n = "nav.ui_components" > UI Components< / span >
< / a >
< ul >
< li >
< a href = "ui_alerts.html" title = "Alerts" data-filter-tags = "ui components alerts" >
< span class = "nav-link-text" data-i18n = "nav.ui_components_alerts" > Alerts< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_accordion.html" title = "Accordions"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components accordions">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.ui_components_accordions">Accordions< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
< a href = "ui_badges.html" title = "Badges" data-filter-tags = "ui components badges" >
< span class = "nav-link-text" data-i18n = "nav.ui_components_badges" > Badges< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_breadcrumbs.html" title = "Breadcrumbs"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components breadcrumbs">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.ui_components_breadcrumbs">Breadcrumbs< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
< a href = "ui_buttons.html" title = "Buttons" data-filter-tags = "ui components buttons" >
< span class = "nav-link-text" data-i18n = "nav.ui_components_buttons" > Buttons< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_button_group.html" title = "Button Group"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components button group">
< span class = "nav-link-text" data-i18n = "nav.ui_components_button_group" >
Button
Group
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
< a href = "ui_cards.html" title = "Cards" data-filter-tags = "ui components cards" >
< span class = "nav-link-text" data-i18n = "nav.ui_components_cards" > Cards< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_carousel.html" title = "Carousel"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components carousel">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.ui_components_carousel">Carousel< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_collapse.html" title = "Collapse"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components collapse">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.ui_components_collapse">Collapse< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_dropdowns.html" title = "Dropdowns"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components dropdowns">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.ui_components_dropdowns">Dropdowns< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_list_filter.html" title = "List Filter"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components list filter">
< span class = "nav-link-text" data-i18n = "nav.ui_components_list_filter" >
List
Filter
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
< a href = "ui_modal.html" title = "Modal" data-filter-tags = "ui components modal" >
< span class = "nav-link-text" data-i18n = "nav.ui_components_modal" > Modal< / span >
< / a >
< / li >
< li >
< a href = "ui_navbars.html" title = "Navbars" data-filter-tags = "ui components navbars" >
< span class = "nav-link-text" data-i18n = "nav.ui_components_navbars" > Navbars< / span >
< / a >
< / li >
< li >
< a href = "ui_panels.html" title = "Panels" data-filter-tags = "ui components panels" >
< span class = "nav-link-text" data-i18n = "nav.ui_components_panels" > Panels< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_pagination.html" title = "Pagination"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components pagination">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.ui_components_pagination">Pagination< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_popovers.html" title = "Popovers"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components popovers">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.ui_components_popovers">Popovers< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_progress_bars.html" title = "Progress Bars"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components progress bars">
< span class = "nav-link-text" data-i18n = "nav.ui_components_progress_bars" >
Progress
Bars
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_scrollspy.html" title = "ScrollSpy"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components scrollspy">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.ui_components_scrollspy">ScrollSpy< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_side_panel.html" title = "Side Panel"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components side panel">
< span class = "nav-link-text" data-i18n = "nav.ui_components_side_panel" >
Side
Panel
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_spinners.html" title = "Spinners"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components spinners">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.ui_components_spinners">Spinners< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_tabs_pills.html" title = "Tabs & Pills"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components tabs & pills">
< span class = "nav-link-text" data-i18n = "nav.ui_components_tabs_&_pills" >
Tabs &
Pills
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
< a href = "ui_toasts.html" title = "Toasts" data-filter-tags = "ui components toasts" >
< span class = "nav-link-text" data-i18n = "nav.ui_components_toasts" > Toasts< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "ui_tooltips.html" title = "Tooltips"
2022-11-24 19:23:48 +08:00
data-filter-tags="ui components tooltips">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.ui_components_tooltips">Tooltips< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "#" title = "Utilities" data-filter-tags = "utilities" >
< i class = "fal fa-bolt" > < / i >
< span class = "nav-link-text" data-i18n = "nav.utilities" > Utilities< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "utilities_borders.html" title = "Borders"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities borders">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.utilities_borders" > Borders< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "utilities_clearfix.html" title = "Clearfix"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities clearfix">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.utilities_clearfix" > Clearfix< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "utilities_color_pallet.html" title = "Color Pallet"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities color pallet">
< span class = "nav-link-text" data-i18n = "nav.utilities_color_pallet" >
Color
Pallet
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "utilities_display_property.html" title = "Display Property"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities display property">
< span class = "nav-link-text" data-i18n = "nav.utilities_display_property" >
Display
Property
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
< a href = "utilities_fonts.html" title = "Fonts" data-filter-tags = "utilities fonts" >
< span class = "nav-link-text" data-i18n = "nav.utilities_fonts" > Fonts< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "utilities_flexbox.html" title = "Flexbox"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities flexbox">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.utilities_flexbox" > Flexbox< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "utilities_helpers.html" title = "Helpers"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities helpers">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.utilities_helpers" > Helpers< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "utilities_position.html" title = "Position"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities position">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.utilities_position" > Position< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "utilities_responsive_grid.html" title = "Responsive Grid"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities responsive grid">
< span class = "nav-link-text" data-i18n = "nav.utilities_responsive_grid" >
Responsive
Grid
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
< a href = "utilities_sizing.html" title = "Sizing" data-filter-tags = "utilities sizing" >
< span class = "nav-link-text" data-i18n = "nav.utilities_sizing" > Sizing< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "utilities_spacing.html" title = "Spacing"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities spacing">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.utilities_spacing" > Spacing< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "utilities_typography.html" title = "Typography"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities typography fonts headings bold lead colors sizes link text states list styles truncate alignment">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.utilities_typography">Typography< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" title = "Menu child"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities menu child">
< span class = "nav-link-text" data-i18n = "nav.utilities_menu_child" >
Menu
child
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" title = "Sublevel Item"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities menu child sublevel item">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.utilities_menu_child_sublevel_item">
Sublevel
Item
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" title = "Another Item"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities menu child another item">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.utilities_menu_child_another_item">
Another
Item
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li class = "disabled" >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" title = "Disabled item"
2022-11-24 19:23:48 +08:00
data-filter-tags="utilities disabled item">
< span class = "nav-link-text" data-i18n = "nav.utilities_disabled_item" >
Disabled
item
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "#" title = "Font Icons" data-filter-tags = "font icons" >
< i class = "fal fa-map-marker-alt" > < / i >
< span class = "nav-link-text" data-i18n = "nav.font_icons" > Font Icons< / span >
2022-11-24 19:23:48 +08:00
< span class = "dl-ref bg-primary-500 hidden-nav-function-minify hidden-nav-function-top" > 7,500+< / span >
2022-11-15 11:25:47 +08:00
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" title = "FontAwesome"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons fontawesome">
< span class = "nav-link-text" data-i18n = "nav.font_icons_fontawesome" >
FontAwesome
Pro
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "icons_fontawesome_light.html" title = "Light"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons fontawesome light">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.font_icons_fontawesome_light">Light< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "icons_fontawesome_regular.html" title = "Regular"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons fontawesome regular">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.font_icons_fontawesome_regular">Regular< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "icons_fontawesome_solid.html" title = "Solid"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons fontawesome solid">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.font_icons_fontawesome_solid">Solid< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "icons_fontawesome_duotone.html" title = "Duotone"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons fontawesome duotone">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.font_icons_fontawesome_duotone">Duotone< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "icons_fontawesome_brand.html" title = "Brand"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons fontawesome brand">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.font_icons_fontawesome_brand">Brand< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" title = "NextGen Icons"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons nextgen icons">
< span class = "nav-link-text" data-i18n = "nav.font_icons_nextgen_icons" >
NextGen
Icons
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "icons_nextgen_general.html" title = "General"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons nextgen icons general">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.font_icons_nextgen_icons_general">General< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "icons_nextgen_base.html" title = "Base"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons nextgen icons base">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.font_icons_nextgen_icons_base">Base< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" title = "Stack Icons"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons stack icons">
< span class = "nav-link-text" data-i18n = "nav.font_icons_stack_icons" >
Stack
Icons
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "icons_stack_showcase.html" title = "Showcase"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons stack icons showcase">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.font_icons_stack_icons_showcase">Showcase< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "icons_stack_generate.html?layers=3" title = "Generate Stack"
2022-11-24 19:23:48 +08:00
data-filter-tags="font icons stack icons generate stack">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.font_icons_stack_icons_generate_stack">
Generate
Stack
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< / ul >
< / li >
< li >
< a href = "#" title = "Tables" data-filter-tags = "tables" >
< i class = "fal fa-th-list" > < / i >
< span class = "nav-link-text" data-i18n = "nav.tables" > Tables< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "tables_basic.html" title = "Basic Tables"
2022-11-24 19:23:48 +08:00
data-filter-tags="tables basic tables">
< span class = "nav-link-text" data-i18n = "nav.tables_basic_tables" >
Basic
Tables
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "tables_generate_style.html" title = "Generate Table Style"
2022-11-24 19:23:48 +08:00
data-filter-tags="tables generate table style">
< span class = "nav-link-text" data-i18n = "nav.tables_generate_table_style" >
Generate
Table Style
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "#" title = "Form Stuff" data-filter-tags = "form stuff" >
< i class = "fal fa-edit" > < / i >
< span class = "nav-link-text" data-i18n = "nav.form_stuff" > Form Stuff< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_basic_inputs.html" title = "Basic Inputs"
2022-11-24 19:23:48 +08:00
data-filter-tags="form stuff basic inputs">
< span class = "nav-link-text" data-i18n = "nav.form_stuff_basic_inputs" >
Basic
Inputs
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_checkbox_radio.html" title = "Checkbox & Radio"
2022-11-24 19:23:48 +08:00
data-filter-tags="form stuff checkbox & radio">
< span class = "nav-link-text" data-i18n = "nav.form_stuff_checkbox_&_radio" >
Checkbox
& Radio
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_input_groups.html" title = "Input Groups"
2022-11-24 19:23:48 +08:00
data-filter-tags="form stuff input groups">
< span class = "nav-link-text" data-i18n = "nav.form_stuff_input_groups" >
Input
Groups
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_validation.html" title = "Validation"
2022-11-24 19:23:48 +08:00
data-filter-tags="form stuff validation">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.form_stuff_validation">Validation< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-title" > Plugins & Addons< / li >
< li >
< a href = "#" title = "Plugins" data-filter-tags = "plugins" >
< i class = "fal fa-shield-alt" > < / i >
< span class = "nav-link-text" data-i18n = "nav.plugins" > Core Plugins< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "plugins_faq.html" title = "Plugins FAQ"
2022-11-24 19:23:48 +08:00
data-filter-tags="plugins plugins faq">
< span class = "nav-link-text" data-i18n = "nav.plugins_plugins_faq" >
Plugins
FAQ
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
< a href = "plugins_waves.html" title = "Waves" data-filter-tags = "plugins waves" >
< span class = "nav-link-text" data-i18n = "nav.plugins_waves" > Waves< / span >
< span class = "dl-ref label bg-primary-400 ml-2" > 9 KB< / span >
< / a >
< / li >
< li >
< a href = "plugins_pacejs.html" title = "PaceJS" data-filter-tags = "plugins pacejs" >
< span class = "nav-link-text" data-i18n = "nav.plugins_pacejs" > PaceJS< / span >
< span class = "dl-ref label bg-primary-500 ml-2" > 13 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "plugins_smartpanels.html" title = "SmartPanels"
2022-11-24 19:23:48 +08:00
data-filter-tags="plugins smartpanels">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.plugins_smartpanels">SmartPanels< / span >
2022-11-15 11:25:47 +08:00
< span class = "dl-ref label bg-primary-600 ml-2" > 9 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "plugins_bootbox.html" title = "BootBox"
2022-11-24 19:23:48 +08:00
data-filter-tags="plugins bootbox alert sound">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.plugins_bootbox" > BootBox< / span >
< span class = "dl-ref label bg-primary-600 ml-2" > 15 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "plugins_slimscroll.html" title = "Slimscroll"
2022-11-24 19:23:48 +08:00
data-filter-tags="plugins slimscroll">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.plugins_slimscroll" > Slimscroll< / span >
< span class = "dl-ref label bg-primary-700 ml-2" > 5 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "plugins_throttle.html" title = "Throttle"
2022-11-24 19:23:48 +08:00
data-filter-tags="plugins throttle">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.plugins_throttle" > Throttle< / span >
< span class = "dl-ref label bg-primary-700 ml-2" > 1 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "plugins_navigation.html" title = "Navigation"
2022-11-24 19:23:48 +08:00
data-filter-tags="plugins navigation">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.plugins_navigation" > Navigation< / span >
< span class = "dl-ref label bg-primary-700 ml-2" > 2 KB< / span >
< / a >
< / li >
< li >
< a href = "plugins_i18next.html" title = "i18next" data-filter-tags = "plugins i18next" >
< span class = "nav-link-text" data-i18n = "nav.plugins_i18next" > i18next< / span >
< span class = "dl-ref label bg-primary-700 ml-2" > 10 KB< / span >
< / a >
< / li >
< li >
< a href = "plugins_appcore.html" title = "App.Core" data-filter-tags = "plugins app.core" >
< span class = "nav-link-text" data-i18n = "nav.plugins_app.core" > App.Core< / span >
< span class = "dl-ref label bg-success-700 ml-2" > 14 KB< / span >
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "#" title = "Datatables" data-filter-tags = "datatables datagrid" >
< i class = "fal fa-table" > < / i >
< span class = "nav-link-text" data-i18n = "nav.datatables" > Datatables< / span >
2022-11-24 19:23:48 +08:00
< span class = "dl-ref bg-primary-500 hidden-nav-function-minify hidden-nav-function-top" >
235
KB
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_basic.html" title = "Basic"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid basic">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.datatables_basic" > Basic< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_autofill.html" title = "Autofill"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid autofill">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.datatables_autofill" > Autofill< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_buttons.html" title = "Buttons"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid buttons">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.datatables_buttons" > Buttons< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_export.html" title = "Export"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid export tables pdf excel print csv">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.datatables_export" > Export< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_colreorder.html" title = "ColReorder"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid colreorder">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.datatables_colreorder">ColReorder< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_columnfilter.html" title = "ColumnFilter"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid columnfilter">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.datatables_columnfilter">ColumnFilter< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_fixedcolumns.html" title = "FixedColumns"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid fixedcolumns">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.datatables_fixedcolumns">FixedColumns< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_fixedheader.html" title = "FixedHeader"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid fixedheader">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.datatables_fixedheader">FixedHeader< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_keytable.html" title = "KeyTable"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid keytable">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.datatables_keytable" > KeyTable< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_responsive.html" title = "Responsive"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid responsive">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.datatables_responsive">Responsive< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_responsive_alt.html" title = "Responsive Alt"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid responsive alt">
< span class = "nav-link-text" data-i18n = "nav.datatables_responsive_alt" >
Responsive
Alt
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_rowgroup.html" title = "RowGroup"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid rowgroup">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.datatables_rowgroup" > RowGroup< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_rowreorder.html" title = "RowReorder"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid rowreorder">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.datatables_rowreorder">RowReorder< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_scroller.html" title = "Scroller"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid scroller">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.datatables_scroller" > Scroller< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_select.html" title = "Select"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid select">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.datatables_select" > Select< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "datatables_alteditor.html" title = "AltEditor"
2022-11-24 19:23:48 +08:00
data-filter-tags="datatables datagrid alteditor">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.datatables_alteditor">AltEditor< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "#" title = "Statistics" data-filter-tags = "statistics chart graphs" >
< i class = "fal fa-chart-pie" > < / i >
< span class = "nav-link-text" data-i18n = "nav.statistics" > Statistics< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "statistics_flot.html" title = "Flot"
2022-11-24 19:23:48 +08:00
data-filter-tags="statistics chart graphs flot bar pie">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.statistics_flot" > Flot< / span >
< span class = "dl-ref label bg-primary-500 ml-2" > 36 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "statistics_chartjs.html" title = "Chart.js"
2022-11-24 19:23:48 +08:00
data-filter-tags="statistics chart graphs chart.js bar pie">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.statistics_chart.js" > Chart.js< / span >
< span class = "dl-ref label bg-primary-500 ml-2" > 205 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "statistics_chartist.html" title = "Chartist.js"
2022-11-24 19:23:48 +08:00
data-filter-tags="statistics chart graphs chartist.js">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.statistics_chartist.js">Chartist.js< / span >
2022-11-15 11:25:47 +08:00
< span class = "dl-ref label bg-primary-600 ml-2" > 39 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "statistics_c3.html" title = "C3 Charts"
2022-11-24 19:23:48 +08:00
data-filter-tags="statistics chart graphs c3 charts">
< span class = "nav-link-text" data-i18n = "nav.statistics_c3_charts" >
C3
Charts
< / span >
2022-11-15 11:25:47 +08:00
< span class = "dl-ref label bg-primary-600 ml-2" > 197 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "statistics_peity.html" title = "Peity"
2022-11-24 19:23:48 +08:00
data-filter-tags="statistics chart graphs peity small">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.statistics_peity" > Peity< / span >
< span class = "dl-ref label bg-primary-700 ml-2" > 4 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "statistics_sparkline.html" title = "Sparkline"
2022-11-24 19:23:48 +08:00
data-filter-tags="statistics chart graphs sparkline small tiny">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.statistics_sparkline">Sparkline< / span >
2022-11-15 11:25:47 +08:00
< span class = "dl-ref label bg-primary-700 ml-2" > 42 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "statistics_easypiechart.html" title = "Easy Pie Chart"
2022-11-24 19:23:48 +08:00
data-filter-tags="statistics chart graphs easy pie chart">
< span class = "nav-link-text" data-i18n = "nav.statistics_easy_pie_chart" >
Easy Pie
Chart
< / span >
2022-11-15 11:25:47 +08:00
< span class = "dl-ref label bg-primary-700 ml-2" > 4 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "statistics_dygraph.html" title = "Dygraph"
2022-11-24 19:23:48 +08:00
data-filter-tags="statistics chart graphs dygraph complex">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.statistics_dygraph" > Dygraph< / span >
< span class = "dl-ref label bg-primary-700 ml-2" > 120 KB< / span >
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "#" title = "Notifications" data-filter-tags = "notifications" >
< i class = "fal fa-exclamation-circle" > < / i >
< span class = "nav-link-text" data-i18n = "nav.notifications" > Notifications< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "notifications_sweetalert2.html" title = "SweetAlert2"
2022-11-24 19:23:48 +08:00
data-filter-tags="notifications sweetalert2">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.notifications_sweetalert2">SweetAlert2< / span >
2022-11-15 11:25:47 +08:00
< span class = "dl-ref label bg-primary-500 ml-2" > 40 KB< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "notifications_toastr.html" title = "Toastr"
2022-11-24 19:23:48 +08:00
data-filter-tags="notifications toastr">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.notifications_toastr" > Toastr< / span >
< span class = "dl-ref label bg-primary-600 ml-2" > 5 KB< / span >
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "#" title = "Form Plugins" data-filter-tags = "form plugins" >
< i class = "fal fa-credit-card-front" > < / i >
< span class = "nav-link-text" data-i18n = "nav.form_plugins" > Form Plugins< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_plugins_colorpicker.html" title = "Color Picker"
2022-11-24 19:23:48 +08:00
data-filter-tags="form plugins color picker">
< span class = "nav-link-text" data-i18n = "nav.form_plugins_color_picker" >
Color
Picker
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_plugins_datepicker.html" title = "Date Picker"
2022-11-24 19:23:48 +08:00
data-filter-tags="form plugins date picker">
< span class = "nav-link-text" data-i18n = "nav.form_plugins_date_picker" >
Date
Picker
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_plugins_daterange_picker.html" title = "Date Range Picker"
2022-11-24 19:23:48 +08:00
data-filter-tags="form plugins date range picker">
< span class = "nav-link-text" data-i18n = "nav.form_plugins_date_range_picker" >
Date
Range Picker
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_plugins_dropzone.html" title = "Dropzone"
2022-11-24 19:23:48 +08:00
data-filter-tags="form plugins dropzone">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.form_plugins_dropzone">Dropzone< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_plugins_ionrangeslider.html" title = "Ion.RangeSlider"
2022-11-24 19:23:48 +08:00
data-filter-tags="form plugins ion.rangeslider">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.form_plugins_ion.rangeslider">Ion.RangeSlider< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_plugins_inputmask.html" title = "Inputmask"
2022-11-24 19:23:48 +08:00
data-filter-tags="form plugins inputmask">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.form_plugins_inputmask">Inputmask< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_plugins_imagecropper.html" title = "Image Cropper"
2022-11-24 19:23:48 +08:00
data-filter-tags="form plugins image cropper">
< span class = "nav-link-text" data-i18n = "nav.form_plugins_image_cropper" >
Image
Cropper
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_plugins_select2.html" title = "Select2"
2022-11-24 19:23:48 +08:00
data-filter-tags="form plugins select2">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.form_plugins_select2" > Select2< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "form_plugins_summernote.html" title = "Summernote"
2022-11-24 19:23:48 +08:00
data-filter-tags="form plugins summernote texteditor editor">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.form_plugins_summernote">Summernote< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "#" title = "Miscellaneous" data-filter-tags = "miscellaneous" >
< i class = "fal fa-globe" > < / i >
< span class = "nav-link-text" data-i18n = "nav.miscellaneous" > Miscellaneous< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "miscellaneous_fullcalendar.html" title = "FullCalendar"
2022-11-24 19:23:48 +08:00
data-filter-tags="miscellaneous fullcalendar">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.miscellaneous_fullcalendar">FullCalendar< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "miscellaneous_lightgallery.html" title = "Light Gallery"
2022-11-24 19:23:48 +08:00
data-filter-tags="miscellaneous light gallery">
< span class = "nav-link-text" data-i18n = "nav.miscellaneous_light_gallery" >
Light
Gallery
< / span >
2022-11-15 11:25:47 +08:00
< span class = "dl-ref label bg-primary-500 ml-2" > 61 KB< / span >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-title" > Layouts & Apps< / li >
< li >
< a href = "#" title = "Pages" data-filter-tags = "pages" >
< i class = "fal fa-plus-circle" > < / i >
< span class = "nav-link-text" data-i18n = "nav.pages" > Page Views< / span >
< / a >
< ul >
< li >
< a href = "page_chat.html" title = "Chat" data-filter-tags = "pages chat" >
< span class = "nav-link-text" data-i18n = "nav.pages_chat" > Chat< / span >
< / a >
< / li >
< li >
< a href = "page_contacts.html" title = "Contacts" data-filter-tags = "pages contacts" >
< span class = "nav-link-text" data-i18n = "nav.pages_contacts" > Contacts< / span >
< / a >
< / li >
< li >
< a href = "javascript:void(0);" title = "Forum" data-filter-tags = "pages forum" >
< span class = "nav-link-text" data-i18n = "nav.pages_forum" > Forum< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_forum_list.html" title = "List"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages forum list">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.pages_forum_list" > List< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_forum_threads.html" title = "Threads"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages forum threads">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_forum_threads">Threads< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_forum_discussion.html" title = "Discussion"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages forum discussion">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_forum_discussion">Discussion< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "javascript:void(0);" title = "Inbox" data-filter-tags = "pages inbox" >
< span class = "nav-link-text" data-i18n = "nav.pages_inbox" > Inbox< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_inbox_general.html" title = "General"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages inbox general">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_inbox_general">General< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_inbox_read.html" title = "Read"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages inbox read">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.pages_inbox_read" > Read< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_inbox_write.html" title = "Write"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages inbox write">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_inbox_write">Write< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_invoice.html" title = "Invoice (printable)"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages invoice (printable)">
< span class = "nav-link-text" data-i18n = "nav.pages_invoice_(printable)" >
Invoice
(printable)
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" title = "Authentication"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages authentication">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_authentication">Authentication< / span >
2022-11-15 11:25:47 +08:00
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_forget.html" title = "Forget Password"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages authentication forget password">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_authentication_forget_password">
Forget
Password
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_locked.html" title = "Locked Screen"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages authentication locked screen">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_authentication_locked_screen">
Locked
Screen
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_login.html" title = "Login"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages authentication login">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_authentication_login">Login< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_login_alt.html" title = "Login Alt"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages authentication login alt">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_authentication_login_alt">Login Alt< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_register.html" title = "Register"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages authentication register">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_authentication_register">Register< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_confirmation.html" title = "Confirmation"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages authentication confirmation">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_authentication_confirmation">Confirmation< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" title = "Error Pages"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages error pages">
2022-11-15 11:25:47 +08:00
< span class = "nav-link-text" data-i18n = "nav.pages_error_pages" > Error Pages< / span >
< / a >
< ul >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_error.html" title = "General Error"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages error pages general error">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_error_pages_general_error">General Error< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_error_404.html" title = "Server Error"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages error pages server error">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_error_pages_server_error">Server Error< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_error_announced.html" title = "Announced Error"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages error pages announced error">
2022-11-22 12:09:35 +08:00
< span class = "nav-link-text"
2022-11-24 19:23:48 +08:00
data-i18n="nav.pages_error_pages_announced_error">
Announced
Error
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< li >
< a href = "page_profile.html" title = "Profile" data-filter-tags = "pages profile" >
< span class = "nav-link-text" data-i18n = "nav.pages_profile" > Profile< / span >
< / a >
< / li >
< li >
< a href = "page_projects.html" title = "Projects" data-filter-tags = "pages projects" >
< span class = "nav-link-text" data-i18n = "nav.pages_projects" > Projects< / span >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "page_search.html" title = "Search Results"
2022-11-24 19:23:48 +08:00
data-filter-tags="pages search results">
< span class = "nav-link-text" data-i18n = "nav.pages_search_results" >
Search
Results
< / span >
2022-11-15 11:25:47 +08:00
< / a >
< / li >
< / ul >
< / li >
< / ul >
< div class = "filter-message js-filter-message bg-success-600" > < / div >
< / nav >
<!-- END PRIMARY NAVIGATION -->
<!-- NAV FOOTER -->
< div class = "nav-footer shadow-top" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" data-action = "toggle" data-class = "nav-function-minify"
2022-11-24 19:23:48 +08:00
class="hidden-md-down">
2022-11-15 11:25:47 +08:00
< i class = "ni ni-chevron-right" > < / i >
< i class = "ni ni-chevron-right" > < / i >
< / a >
< ul class = "list-table m-auto nav-footer-buttons" >
< li >
< a href = "javascript:void(0);" data-toggle = "tooltip" data-placement = "top" title = "Chat logs" >
< i class = "fal fa-comments" > < / i >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" data-toggle = "tooltip" data-placement = "top"
2022-11-24 19:23:48 +08:00
title="Support Chat">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-life-ring" > < / i >
< / a >
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "javascript:void(0);" data-toggle = "tooltip" data-placement = "top"
2022-11-24 19:23:48 +08:00
title="Make a call">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-phone" > < / i >
< / a >
< / li >
< / ul >
< / div > <!-- END NAV FOOTER -->
< / aside >
<!-- END Left Aside -->
< div class = "page-content-wrapper" >
<!-- BEGIN Page Header -->
< header class = "page-header" role = "banner" >
<!-- we need this logo when user switches to nav - function - top -->
< div class = "page-logo" >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "page-logo-link press-scale-down d-flex align-items-center position-relative"
2022-11-24 19:23:48 +08:00
data-toggle="modal" data-target="#modal-shortcut">
2022-11-15 11:25:47 +08:00
< img src = "img/logo.png" alt = "SmartAdmin WebApp" aria-roledescription = "logo" >
<!-- <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 >
< i class = "fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300" > < / i > -->
< / a >
< / div >
<!-- DOC: nav menu layout change shortcut -->
< 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 >
<!-- DOC: mobile button appears during mobile width -->
< 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" >
2022-11-22 12:09:35 +08:00
< a class = "dropdown-toggle" 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 >
< div class = "ml-auto d-flex" >
< div class = "btn-group mx-4" >
2022-11-16 14:53:22 +08:00
< a href = "javascript:;" name = "topFunBtn" data-page = "dashboard" class = "text-center" >
2022-11-15 11:25:47 +08:00
< i class = "fal fa-home fa-2x" > < / i > < br > 首頁
< / a >
2022-11-15 18:47:16 +08:00
<!-- <div class="dropdown - menu">
2022-11-15 11:25:47 +08:00
< 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 >
2022-11-15 18:47:16 +08:00
< / div > -->
2022-11-15 11:25:47 +08:00
< / div >
< div class = "btn-group mx-4" >
2022-11-22 12:09:35 +08:00
< a href = "javascript:;" class = "dropdown-toggle no-arrow text-center" data-toggle = "dropdown"
2022-11-24 19:23:48 +08:00
aria-haspopup="true" aria-expanded="false">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-tv fa-2x" > < / i > < br > 系統監控
< / a >
2022-11-16 14:53:22 +08:00
< div class = "dropdown-menu dropdown-select-menu js-auto-close" id = "sysMonBtnList" >
<!-- <button class="dropdown - item" type="button" name="sysMonBtn">電錶</button>
2022-11-15 15:05:32 +08:00
< button class = "dropdown-item" type = "button" name = "sysMonBtn" > 照明系統< / button >
< button class = "dropdown-item" type = "button" name = "sysMonBtn" > 電梯系統< / button >
< button class = "dropdown-item" type = "button" name = "sysMonBtn" > 環境感測< / button >
2022-11-16 14:53:22 +08:00
< button class = "dropdown-item" type = "button" name = "sysMonBtn" > 空調系統< / button > -->
2022-11-15 11:25:47 +08:00
< / div >
< / div >
< div class = "btn-group mx-4" >
2022-11-22 12:09:35 +08:00
< a href = "javascript:;" name = "topFunBtn" class = "dropdown-toggle no-arrow text-center"
2022-11-24 19:23:48 +08:00
data-page="historyData">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-chart-area fa-2x" > < / i > < br > 歷史資料
< / a >
< / div >
< div class = "btn-group mx-4" >
2022-11-22 12:09:35 +08:00
< a href = "javascript:;" class = "dropdown-toggle no-arrow text-center blink"
2022-11-24 19:23:48 +08:00
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-bell fa-2x" > < / i > < br > 即時告警
< / a >
< / div >
< div class = "btn-group mx-4" >
2022-11-22 12:09:35 +08:00
< a href = "javascript:;" class = "dropdown-toggle no-arrow text-center" data-toggle = "dropdown"
2022-11-24 19:23:48 +08:00
aria-haspopup="true" aria-expanded="false">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-server fa-2x" > < / i > < br > 運維管理
< / a >
< / div >
< div class = "btn-group mx-4" >
2022-11-22 13:44:49 +08:00
< a href = "javascript:;" name = "topFunBtn" class = "no-arrow text-center"
2022-11-24 19:23:48 +08:00
data-page="graphManagement">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-image fa-2x" > < / i > < br > 圖資管理
< / a >
< / div >
< div class = "btn-group mx-4" >
2022-11-22 12:09:35 +08:00
< a href = "javascript:;" name = "topFunBtn" class = "no-arrow text-center"
2022-11-24 19:23:48 +08:00
data-page="accountManagement">
2022-11-15 11:25:47 +08:00
< i class = "fal fa-user fa-2x" > < / i > < br > 帳號管理
< / a >
< / div >
< / div >
< div class = "ml-auto d-flex" >
< div > < span class = "js-get-date" > < / span > < / div >
< div > 天氣< / div >
<!-- app user menu -->
< div >
2022-11-22 12:09:35 +08:00
< a href = "#" data-toggle = "dropdown" title = "drlantern@gotbootstrap.com"
2022-11-24 19:23:48 +08:00
class="header-icon d-flex align-items-center justify-content-center ml-2">
2022-11-22 12:09:35 +08:00
< img src = "img/demo/avatars/avatar-admin.png" class = "profile-image rounded-circle"
2022-11-24 19:23:48 +08:00
alt="Dr. Codex Lantern">
2022-11-15 11:25:47 +08:00
<!-- you can also add username next to the avatar with the codes below:
< span class = "ml-1 mr-1 text-truncate text-truncate-header hidden-xs-down" > Me< / span >
< i class = "ni ni-chevron-down hidden-xs-down" > < / i > -->
< / a >
< div class = "dropdown-menu dropdown-menu-animated dropdown-lg" >
< div class = "dropdown-header bg-trans-gradient d-flex flex-row py-4 rounded-top" >
< 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
< img src = "img/demo/avatars/avatar-admin.png"
2022-11-24 19:23:48 +08:00
class="rounded-circle profile-image" alt="Dr. Codex Lantern">
2022-11-15 11:25:47 +08:00
< / span >
< div class = "info-card-text" >
< div class = "fs-lg text-truncate text-truncate-lg" > Dr. Codex Lantern< / div >
2022-11-24 19:23:48 +08:00
< span class = "text-truncate text-truncate-md opacity-80" > drlantern@gotbootstrap.com< / span >
2022-11-15 11:25:47 +08:00
< / div >
< / div >
< / div >
< div class = "dropdown-divider m-0" > < / div >
< a href = "#" class = "dropdown-item" data-action = "app-reset" >
< span data-i18n = "drpdwn.reset_layout" > Reset Layout< / span >
< / a >
< a href = "#" class = "dropdown-item" data-toggle = "modal" data-target = ".js-modal-settings" >
< span data-i18n = "drpdwn.settings" > Settings< / span >
< / a >
< div class = "dropdown-divider m-0" > < / div >
< a href = "#" class = "dropdown-item" data-action = "app-fullscreen" >
< span data-i18n = "drpdwn.fullscreen" > Fullscreen< / span >
< i class = "float-right text-muted fw-n" > F11< / i >
< / a >
< a href = "#" class = "dropdown-item" data-action = "app-print" >
< span data-i18n = "drpdwn.print" > Print< / span >
< i class = "float-right text-muted fw-n" > Ctrl + P< / i >
< / a >
< div class = "dropdown-multilevel dropdown-multilevel-left" >
< div class = "dropdown-item" >
Language
< / div >
< div class = "dropdown-menu" >
2022-11-22 12:09:35 +08:00
< a href = "#?lang=fr" class = "dropdown-item" data-action = "lang"
2022-11-24 19:23:48 +08:00
data-lang="fr">Français< / a >
2022-11-22 12:09:35 +08:00
< a href = "#?lang=en" class = "dropdown-item active" data-action = "lang"
2022-11-24 19:23:48 +08:00
data-lang="en">English (US)< / a >
2022-11-22 12:09:35 +08:00
< a href = "#?lang=es" class = "dropdown-item" data-action = "lang"
2022-11-24 19:23:48 +08:00
data-lang="es">Español< / a >
2022-11-22 12:09:35 +08:00
< a href = "#?lang=ru" class = "dropdown-item" data-action = "lang"
2022-11-24 19:23:48 +08:00
data-lang="ru">Русский язык< / a >
2022-11-22 12:09:35 +08:00
< a href = "#?lang=jp" class = "dropdown-item" data-action = "lang"
2022-11-24 19:23:48 +08:00
data-lang="jp">日本語< / a >
2022-11-22 12:09:35 +08:00
< a href = "#?lang=ch" class = "dropdown-item" data-action = "lang"
2022-11-24 19:23:48 +08:00
data-lang="ch">中文< / a >
2022-11-15 11:25:47 +08:00
< / div >
< / div >
< div class = "dropdown-divider m-0" > < / div >
< a class = "dropdown-item fw-500 pt-3 pb-3" href = "page_login.html" >
< span data-i18n = "drpdwn.page-logout" > Logout< / span >
< span class = "float-right fw-n" > @ codexlantern< / span >
< / a >
< / div >
< / div >
< / div >
< / 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 >
<!-- 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 -->
2022-11-22 12:09:35 +08:00
< div class = "modal fade modal-backdrop-transparent" id = "modal-shortcut" tabindex = "-1" role = "dialog"
2022-11-24 19:23:48 +08:00
aria-labelledby="modal-shortcut" aria-hidden="true">
2022-11-15 11:25:47 +08:00
< div class = "modal-dialog modal-dialog-top modal-transparent" role = "document" >
< div class = "modal-content" >
< div class = "modal-body" >
< ul class = "app-list w-auto h-auto p-0 text-left" >
< li >
< a href = "intel_introduction.html" class = "app-list-item text-white border-0 m-0" >
< div class = "icon-stack" >
< i class = "base base-7 icon-stack-3x opacity-100 color-primary-500 " > < / i >
< i class = "base base-7 icon-stack-2x opacity-100 color-primary-300 " > < / i >
< i class = "fal fa-home icon-stack-1x opacity-100 color-white" > < / i >
< / div >
< span class = "app-list-name" >
Home
< / span >
< / a >
< / li >
< li >
< a href = "page_inbox_general.html" class = "app-list-item text-white border-0 m-0" >
< div class = "icon-stack" >
< i class = "base base-7 icon-stack-3x opacity-100 color-success-500 " > < / i >
< i class = "base base-7 icon-stack-2x opacity-100 color-success-300 " > < / i >
< i class = "ni ni-envelope icon-stack-1x text-white" > < / i >
< / div >
< span class = "app-list-name" >
Inbox
< / span >
< / a >
< / li >
< li >
< a href = "intel_introduction.html" class = "app-list-item text-white border-0 m-0" >
< div class = "icon-stack" >
< i class = "base base-7 icon-stack-2x opacity-100 color-primary-300 " > < / i >
< i class = "fal fa-plus icon-stack-1x opacity-100 color-white" > < / i >
< / div >
< span class = "app-list-name" >
Add More
< / span >
< / a >
< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
<!-- 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 >
<!-- END Messenger -->
<!-- BEGIN Page Settings -->
< div class = "modal fade js-modal-settings modal-backdrop-transparent" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-dialog modal-dialog-right modal-md" >
< div class = "modal-content" >
< div class = "dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center w-100" >
< h4 class = "m-0 text-center color-white" >
Layout Settings
< small class = "mb-0 opacity-80" > User Interface Settings< / small >
< / h4 >
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" >
< div class = "settings-panel" >
< div class = "mt-4 d-table w-100 px-5" >
< div class = "d-table-cell align-middle" >
< h5 class = "p-0" >
App Layout
< / h5 >
< / div >
< / div >
< div class = "list" id = "fh" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="header-function-fixed">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Fixed Header< / span >
< span class = "onoffswitch-title-desc" > header is in a fixed at all times< / span >
< / div >
< div class = "list" id = "nff" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="nav-function-fixed">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Fixed Navigation< / span >
< span class = "onoffswitch-title-desc" > left panel is fixed< / span >
< / div >
< div class = "list" id = "nfm" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="nav-function-minify">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Minify Navigation< / span >
< span class = "onoffswitch-title-desc" > Skew nav to maximize space< / span >
< / div >
< div class = "list" id = "nfh" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="nav-function-hidden">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Hide Navigation< / span >
< span class = "onoffswitch-title-desc" > roll mouse on edge to reveal< / span >
< / div >
< div class = "list" id = "nft" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="nav-function-top">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Top Navigation< / span >
< span class = "onoffswitch-title-desc" > Relocate left pane to top< / span >
< / div >
< div class = "list" id = "fff" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="footer-function-fixed">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Fixed Footer< / span >
< span class = "onoffswitch-title-desc" > page footer is fixed< / span >
< / div >
< div class = "list" id = "mmb" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-main-boxed">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Boxed Layout< / span >
< span class = "onoffswitch-title-desc" > Encapsulates to a container< / span >
< / div >
< div class = "expanded" >
< ul class = "mb-3 mt-1" >
< li >
< div class = "bg-fusion-50" data-action = "toggle" data-class = "mod-bg-1" > < / div >
< / li >
< li >
< div class = "bg-warning-200" data-action = "toggle" data-class = "mod-bg-2" > < / div >
< / li >
< li >
< div class = "bg-primary-200" data-action = "toggle" data-class = "mod-bg-3" > < / div >
< / li >
< li >
< div class = "bg-success-300" data-action = "toggle" data-class = "mod-bg-4" > < / div >
< / li >
< li >
< div class = "bg-white border" data-action = "toggle" data-class = "mod-bg-none" > < / div >
< / li >
< / ul >
< div class = "list" id = "mbgf" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-fixed-bg">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Fixed Background< / span >
< / div >
< / div >
< div class = "mt-4 d-table w-100 px-5" >
< div class = "d-table-cell align-middle" >
< h5 class = "p-0" >
Mobile Menu
< / h5 >
< / div >
< / div >
< div class = "list" id = "nmp" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="nav-mobile-push">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Push Content< / span >
< span class = "onoffswitch-title-desc" > Content pushed on menu reveal< / span >
< / div >
< div class = "list" id = "nmno" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="nav-mobile-no-overlay">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > No Overlay< / span >
< span class = "onoffswitch-title-desc" > Removes mesh on menu reveal< / span >
< / div >
< div class = "list" id = "sldo" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="nav-mobile-slide-out">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Off-Canvas < sup > (beta)< / sup > < / span >
< span class = "onoffswitch-title-desc" > Content overlaps menu< / span >
< / div >
< div class = "mt-4 d-table w-100 px-5" >
< div class = "d-table-cell align-middle" >
< h5 class = "p-0" >
Accessibility
< / h5 >
< / div >
< / div >
< div class = "list" id = "mbf" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-bigger-font">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Bigger Content Font< / span >
< span class = "onoffswitch-title-desc" > content fonts are bigger for readability< / span >
< / div >
< div class = "list" id = "mhc" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-high-contrast">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > High Contrast Text (WCAG 2 AA)< / span >
< span class = "onoffswitch-title-desc" > 4.5:1 text contrast ratio< / span >
< / div >
< div class = "list" id = "mcb" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-color-blind">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Daltonism < sup > (beta)< / sup > < / span >
< span class = "onoffswitch-title-desc" > color vision deficiency< / span >
< / div >
< div class = "list" id = "mpc" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-pace-custom">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Preloader Inside< / span >
< span class = "onoffswitch-title-desc" > preloader will be inside content< / span >
< / div >
< div class = "list" id = "mpi" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-panel-icon">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > SmartPanel Icons (not Panels)< / span >
< span class = "onoffswitch-title-desc" > smartpanel buttons will appear as icons< / span >
< / div >
< div class = "mt-4 d-table w-100 px-5" >
< div class = "d-table-cell align-middle" >
< h5 class = "p-0" >
Global Modifications
< / h5 >
< / div >
< / div >
< div class = "list" id = "mcbg" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-clean-page-bg">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Clean Page Background< / span >
< span class = "onoffswitch-title-desc" > adds more whitespace< / span >
< / div >
< div class = "list" id = "mhni" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-hide-nav-icons">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Hide Navigation Icons< / span >
< span class = "onoffswitch-title-desc" > invisible navigation icons< / span >
< / div >
< div class = "list" id = "dan" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-disable-animation">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Disable CSS Animation< / span >
< span class = "onoffswitch-title-desc" > Disables CSS based animations< / span >
< / div >
< div class = "list" id = "mhic" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-hide-info-card">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Hide Info Card< / span >
< span class = "onoffswitch-title-desc" > Hides info card from left panel< / span >
< / div >
< div class = "list" id = "mlph" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-lean-subheader">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Lean Subheader< / span >
< span class = "onoffswitch-title-desc" > distinguished page header< / span >
< / div >
< div class = "list" id = "mnl" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-nav-link">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Hierarchical Navigation< / span >
< span class = "onoffswitch-title-desc" > Clear breakdown of nav links< / span >
< / div >
< div class = "list" id = "mdn" >
2022-11-22 12:09:35 +08:00
< a href = "#" onclick = "return false;" class = "btn btn-switch" data-action = "toggle"
2022-11-24 19:23:48 +08:00
data-class="mod-nav-dark">< / a >
2022-11-15 11:25:47 +08:00
< span class = "onoffswitch-title" > Dark Navigation< / span >
< span class = "onoffswitch-title-desc" > Navigation background is darkend< / span >
< / div >
< hr class = "mb-0 mt-4" >
< div class = "mt-4 d-table w-100 pl-5 pr-3" >
< div class = "d-table-cell align-middle" >
< h5 class = "p-0" >
Global Font Size
< / h5 >
< / div >
< / div >
< div class = "list mt-1" >
< div class = "btn-group btn-group-sm btn-group-toggle my-2" data-toggle = "buttons" >
2022-11-22 12:09:35 +08:00
< label class = "btn btn-default btn-sm" data-action = "toggle-swap"
2022-11-24 19:23:48 +08:00
data-class="root-text-sm" data-target="html">
2022-11-15 11:25:47 +08:00
< input type = "radio" name = "changeFrontSize" > SM
< / label >
2022-11-22 12:09:35 +08:00
< label class = "btn btn-default btn-sm" data-action = "toggle-swap" data-class = "root-text"
2022-11-24 19:23:48 +08:00
data-target="html">
2022-11-15 11:25:47 +08:00
< input type = "radio" name = "changeFrontSize" checked = "" > MD
< / label >
2022-11-22 12:09:35 +08:00
< label class = "btn btn-default btn-sm" data-action = "toggle-swap"
2022-11-24 19:23:48 +08:00
data-class="root-text-lg" data-target="html">
2022-11-15 11:25:47 +08:00
< input type = "radio" name = "changeFrontSize" > LG
< / label >
2022-11-22 12:09:35 +08:00
< label class = "btn btn-default btn-sm" data-action = "toggle-swap"
2022-11-24 19:23:48 +08:00
data-class="root-text-xl" data-target="html">
2022-11-15 11:25:47 +08:00
< input type = "radio" name = "changeFrontSize" > XL
< / label >
< / div >
< span class = "onoffswitch-title-desc d-block mb-0" >
Change < strong > root< / strong > font size to effect rem
values (resets on page refresh)
< / span >
< / div >
< hr class = "mb-0 mt-4" >
< div class = "mt-4 d-table w-100 pl-5 pr-3" >
< div class = "d-table-cell align-middle" >
< h5 class = "p-0 pr-2 d-flex" >
Theme colors
2022-11-22 12:09:35 +08:00
< a href = "#" class = "ml-auto fw-400 fs-xs" data-toggle = "popover" data-trigger = "focus"
2022-11-24 19:23:48 +08:00
data-placement="top" title="" data-html="true"
data-content="The settings below uses < code > localStorage< / code > to load the external < strong > CSS< / strong > file as an overlap to the base css. Due to network latency and < strong > CPU utilization< / strong > , you may experience a brief flickering effect on page load which may show the intial applied theme for a split second. Setting the prefered style/theme in the header will prevent this from happening."
data-original-title="< span class = 'text-primary' > < i class = 'fal fa-exclamation-triangle mr-1' > < / i > Heads up!< / span > "
data-template="< div class = "popover bg-white border-white & quot ; role = "tooltip" > < div class = "arrow" > < / div > < h3 class = "popover-header bg-transparent & quot ; > < / h3 > < div class = "popover-body fs-xs & quot ; > < / div > < / div > ">
< i class = "fal fa-info-circle mr-1" > < / i > more info
< / a >
2022-11-15 11:25:47 +08:00
< / h5 >
< / div >
< / div >
< div class = "expanded theme-colors pl-5 pr-3" >
< ul class = "m-0" >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-0" data-action = "theme-update" data-themesave data-theme = ""
2022-11-24 19:23:48 +08:00
data-toggle="tooltip" data-placement="top" title="Wisteria (base css)"
data-original-title="Wisteria (base css)">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-1" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-1.css" data-toggle="tooltip"
data-placement="top" title="Tapestry" data-original-title="Tapestry">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-2" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-2.css" data-toggle="tooltip"
data-placement="top" title="Atlantis" data-original-title="Atlantis">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-3" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-3.css" data-toggle="tooltip"
data-placement="top" title="Indigo" data-original-title="Indigo">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-4" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-4.css" data-toggle="tooltip"
data-placement="top" title="Dodger Blue" data-original-title="Dodger Blue">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-5" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-5.css" data-toggle="tooltip"
data-placement="top" title="Tradewind" data-original-title="Tradewind">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-6" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-6.css" data-toggle="tooltip"
data-placement="top" title="Cranberry" data-original-title="Cranberry">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-7" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-7.css" data-toggle="tooltip"
data-placement="top" title="Oslo Gray" data-original-title="Oslo Gray">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-8" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-8.css" data-toggle="tooltip"
data-placement="top" title="Chetwode Blue"
data-original-title="Chetwode Blue">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-9" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-9.css" data-toggle="tooltip"
data-placement="top" title="Apricot" data-original-title="Apricot">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-10" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-10.css" data-toggle="tooltip"
data-placement="top" title="Blue Smoke" data-original-title="Blue Smoke">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-11" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-11.css" data-toggle="tooltip"
data-placement="top" title="Green Smoke" data-original-title="Green Smoke">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-12" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-12.css" data-toggle="tooltip"
data-placement="top" title="Wild Blue Yonder"
data-original-title="Wild Blue Yonder">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-13" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-13.css" data-toggle="tooltip"
data-placement="top" title="Emerald" data-original-title="Emerald">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-14" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-14.css" data-toggle="tooltip"
data-placement="top" title="Supernova" data-original-title="Supernova">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< li >
2022-11-22 12:09:35 +08:00
< a href = "#" id = "myapp-15" data-action = "theme-update" data-themesave
2022-11-24 19:23:48 +08:00
data-theme="css/themes/cust-theme-15.css" data-toggle="tooltip"
data-placement="top" title="Hoki" data-original-title="Hoki">< / a >
2022-11-15 11:25:47 +08:00
< / li >
< / ul >
< / div >
< hr class = "mb-0 mt-4" >
< div class = "mt-4 d-table w-100 pl-5 pr-3" >
< div class = "d-table-cell align-middle" >
< h5 class = "p-0 pr-2 d-flex" >
Theme Modes (beta)
2022-11-22 12:09:35 +08:00
< a href = "#" class = "ml-auto fw-400 fs-xs" data-toggle = "popover" data-trigger = "focus"
2022-11-24 19:23:48 +08:00
data-placement="top" title="" data-html="true"
data-content="This is a brand new technique we are introducing which uses CSS variables to infiltrate color options. While this has been working nicely on modern browsers without much issues, some users < strong > may still face issues on Internet Explorer < / strong > . Until these issues are resolved or Internet Explorer improves, this feature will remain in Beta"
data-original-title="< span class = 'text-primary' > < i class = 'fal fa-question-circle mr-1' > < / i > Why beta?< / span > "
data-template="< div class = "popover bg-white border-white & quot ; role = "tooltip" > < div class = "arrow" > < / div > < h3 class = "popover-header bg-transparent & quot ; > < / h3 > < div class = "popover-body fs-xs & quot ; > < / div > < / div > ">
< i class = "fal fa-question-circle mr-1" > < / i > why beta?
< / a >
2022-11-15 11:25:47 +08:00
< / h5 >
< / div >
< / div >
< div class = "pl-5 pr-3 py-3" >
< div class = "ie-only alert alert-warning d-none" >
< h6 > Internet Explorer Issue< / h6 >
2022-11-22 12:09:35 +08:00
This particular component may not work as expected in Internet Explorer. Please use with
caution.
2022-11-15 11:25:47 +08:00
< / div >
< div class = "row no-gutters" >
< div class = "col-4 pr-2 text-center" >
2022-11-22 12:09:35 +08:00
< div id = "skin-default" data-action = "toggle-replace"
2022-11-24 19:23:48 +08:00
data-replaceclass="mod-skin-light mod-skin-dark" data-class=""
data-toggle="tooltip" data-placement="top" title=""
class="d-flex bg-white border border-primary rounded overflow-hidden text-success js-waves-on"
data-original-title="Default Mode" style="height: 80px">
< div class = "bg-primary-600 bg-primary-gradient px-2 pt-0 border-right border-primary" >
2022-11-22 12:09:35 +08:00
< / div >
2022-11-15 11:25:47 +08:00
< div class = "d-flex flex-column flex-1" >
< div class = "bg-white border-bottom border-primary py-1" > < / div >
< div class = "bg-faded flex-1 pt-3 pb-3 px-2" >
2022-11-22 12:09:35 +08:00
< div class = "py-3"
2022-11-24 19:23:48 +08:00
style="background:url('img/demo/s-1.png') top left no-repeat;background-size: 100%;">
2022-11-22 12:09:35 +08:00
< / div >
2022-11-15 11:25:47 +08:00
< / div >
< / div >
< / div >
Default
< / div >
< div class = "col-4 px-1 text-center" >
2022-11-22 12:09:35 +08:00
< div id = "skin-light" data-action = "toggle-replace" data-replaceclass = "mod-skin-dark"
2022-11-24 19:23:48 +08:00
data-class="mod-skin-light" data-toggle="tooltip" data-placement="top" title=""
class="d-flex bg-white border border-secondary rounded overflow-hidden text-success js-waves-on"
data-original-title="Light Mode" style="height: 80px">
2022-11-15 11:25:47 +08:00
< div class = "bg-white px-2 pt-0 border-right border-" > < / div >
< div class = "d-flex flex-column flex-1" >
< div class = "bg-white border-bottom border- py-1" > < / div >
< div class = "bg-white flex-1 pt-3 pb-3 px-2" >
2022-11-22 12:09:35 +08:00
< div class = "py-3"
2022-11-24 19:23:48 +08:00
style="background:url('img/demo/s-1.png') top left no-repeat;background-size: 100%;">
2022-11-22 12:09:35 +08:00
< / div >
2022-11-15 11:25:47 +08:00
< / div >
< / div >
< / div >
Light
< / div >
< div class = "col-4 pl-2 text-center" >
2022-11-22 12:09:35 +08:00
< div id = "skin-dark" data-action = "toggle-replace" data-replaceclass = "mod-skin-light"
2022-11-24 19:23:48 +08:00
data-class="mod-skin-dark" data-toggle="tooltip" data-placement="top" title=""
class="d-flex bg-white border border-dark rounded overflow-hidden text-success js-waves-on"
data-original-title="Dark Mode" style="height: 80px">
2022-11-15 11:25:47 +08:00
< div class = "bg-fusion-500 px-2 pt-0 border-right" > < / div >
< div class = "d-flex flex-column flex-1" >
< div class = "bg-fusion-600 border-bottom py-1" > < / div >
< div class = "bg-fusion-300 flex-1 pt-3 pb-3 px-2" >
2022-11-22 12:09:35 +08:00
< div class = "py-3 opacity-30"
2022-11-24 19:23:48 +08:00
style="background:url('img/demo/s-1.png') top left no-repeat;background-size: 100%;">
2022-11-22 12:09:35 +08:00
< / div >
2022-11-15 11:25:47 +08:00
< / div >
< / div >
< / div >
Dark
< / div >
< / div >
< / div >
< hr class = "mb-0 mt-4" >
< div class = "pl-5 pr-3 py-3 bg-faded" >
< div class = "row no-gutters" >
< div class = "col-6 pr-1" >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "btn btn-outline-danger fw-500 btn-block"
2022-11-24 19:23:48 +08:00
data-action="app-reset">Reset Settings< / a >
2022-11-15 11:25:47 +08:00
< / div >
< div class = "col-6 pl-1" >
2022-11-22 12:09:35 +08:00
< a href = "#" class = "btn btn-danger fw-500 btn-block"
2022-11-24 19:23:48 +08:00
data-action="factory-reset">Factory Reset< / a >
2022-11-15 11:25:47 +08:00
< / div >
< / div >
< / div >
< / div > < span id = "saving" > < / span >
< / div >
< / div >
< / div >
< / div >
<!-- 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-11-28 23:16:14 +08:00
< script src = "https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.js" > < / script >
< script src = "js/forge/forgemodel.js" > < / script >
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-28 23:16:14 +08:00
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-11-22 13:33:49 +08:00
< script src = "js/bajascript/require.config.js" > < / script >
< script src = "js/FileSaver.js" > < / script >
2022-11-28 23:16:14 +08:00
2022-11-28 18:08:50 +08:00
2022-11-22 13:33:49 +08:00
< script >
/*$('#js-page-content').smartPanel();*/
2022-11-16 14:53:22 +08:00
var jwt = localStorage.getItem("JWT-Authorization");
var pageAct = {}; //記錄全頁面已選擇項目
2022-11-17 09:36:53 +08:00
2022-11-22 13:33:49 +08:00
if (!jwt) {
2022-11-15 18:47:16 +08:00
location.href = "login.html";
}
2022-11-15 11:25:47 +08:00
2022-11-16 09:25:08 +08:00
$(function () {
2022-11-22 13:33:49 +08:00
// 二次引用 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-11-16 09:25:08 +08:00
})
2022-11-17 09:36:53 +08:00
2022-11-22 13:33:49 +08:00
/**
* jquery.js 二次引用後 Callback，
* */
function loadedBasePack() {
require(
[
2022-11-22 15:14:23 +08:00
"lib/app.bundle",
2022-11-22 18:12:12 +08:00
"lib/app.menu",
2022-11-22 13:33:49 +08:00
"datatables.net.b4",
"n4js/alarmbaja",
2022-11-24 19:23:48 +08:00
"n4js/historybaja",
2022-11-22 13:33:49 +08:00
"lib/statistics/flot/flot.bundle",
"lib/statistics/peity/peity.bundle",
], loadedMasterPack);
}
/**
* 第三方套件引用後 Callback，
* */
function loadedMasterPack() {
require(
[
"yourteam/yourteam.ajax.class",
"yourteam/yourteam.utility.class",
"yourteam/yourteam.jquery.datatables",
"yourteam/plugins/yt-tooltip/yt-tooltip",
"yourteam/plugins/yt-tab/yt-tab",
"style",
2022-11-24 19:23:48 +08:00
2022-11-22 13:33:49 +08:00
], function () {
2022-11-22 15:14:23 +08:00
require(["init", "site"], loadedJsPack)
2022-11-24 19:23:48 +08:00
});
2022-11-22 13:33:49 +08:00
}
2022-11-24 19:23:48 +08:00
2022-11-22 13:33:49 +08:00
/**
* 全數套件讀取完成 Callback
* */
function loadedJsPack() {
loadEvent();
$("#app").load("_dashboard.html", loadCallback);
2022-11-16 14:53:22 +08:00
2022-11-22 13:33:49 +08:00
getBuiList();
getSysMonBtnList();
checkDevState();
2022-11-24 19:23:48 +08:00
2022-11-22 13:33:49 +08:00
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-11-16 14:53:22 +08:00
2022-11-22 13:33:49 +08:00
} else {
$("#sysMonBtnList").html()
$.each(res.data.history_Main_Systems, (index, mainSysObj) => {
$.each(mainSysObj.history_Sub_systems, (index2, subSysObj) => {
2022-11-22 18:12:12 +08:00
let page = "systemMonitor";
if (subSysObj.sub_system_tag == "EL") {
page = "sysElevator";
}
let btn = creBtn(subSysObj.full_name, `subSysBtn${subSysObj.sub_system_tag}`, "topFunBtn", ["dropdown-item"], { page: page });
2022-11-22 13:33:49 +08:00
subSysObj.main_system_tag = mainSysObj.main_system_tag;
btn.data("subSysObj", subSysObj);
$("#sysMonBtnList").append(btn);
})
})
}
}, null, "POST").send();
2022-11-16 14:53:22 +08:00
}
2022-11-16 09:25:08 +08:00
2022-11-22 13:33:49 +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-11-22 13:33:49 +08:00
} else {
let strHtml = ``;
$.each(res.data, (index, buiObj) => {
strHtml += `< a id = "buiBtn${buiObj.building_tag}" class = "dropdown-item" href = "javascript:;" > ${buiObj.full_name}< / a > `;
})
$("#buiList").append(strHtml).droSetItem(); //droSetItem 預設第一筆 active
}
}, null, "POST").send();
2022-11-16 14:53:22 +08:00
}
2022-11-15 18:47:16 +08:00
2022-11-22 13:33:49 +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-16 14:53:22 +08:00
}
2022-11-22 13:33:49 +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-24 19:23:48 +08:00
/*})*/
//})
2022-11-22 13:33:49 +08:00
}
// page loaded callback
2022-11-15 18:47:16 +08:00
function loadCallback() {
initTabsByEle();
resetYTTooltip();
}
2022-11-16 09:25:08 +08:00
2022-11-22 13:33:49 +08:00
//事件先行讀取
function loadEvent() {
onEvent("click", "[name=topFunBtn]", function () {
2022-11-17 09:36:53 +08:00
2022-11-22 13:33:49 +08:00
let page = $(this).data("page");
if (page != "systemMonitor") {
$("#sysMonBtnList .dropdown-item").removeClass("active");
pageAct.sysMainTag = null;
2022-11-16 14:53:22 +08:00
}
2022-11-25 18:46:40 +08:00
$.each(tolSubList, (idx, sub) => {
2022-11-28 23:16:14 +08:00
console.log("sub", sub, idx)
2022-11-28 12:38:19 +08:00
sub.unsubscribeAll();
sub.detach();
2022-11-25 18:46:40 +08:00
})
2022-11-22 13:33:49 +08:00
$("#app").load(`_${page}.html`, loadCallback);
})
2022-11-16 14:53:22 +08:00
2022-11-22 13:33:49 +08:00
onEvent("active:change", "#sysMonBtnList", function (e, actEle) {
if (actEle) {
pageAct.sysMainTag = $(actEle).data("subSysObj").main_system_tag;
pageAct.sysSubTag = $(actEle).data("subSysObj").sub_system_tag;
pageAct.sysSubName = $(actEle).data("subSysObj").full_name;
pageAct.sysSubObj = $(actEle).data("subSysObj");
2022-11-16 14:53:22 +08:00
}
2022-11-22 13:33:49 +08:00
})
onEvent("active:change", "#buiList", function (e, actEle) {
if (actEle) {
pageAct.buiTag = $(actEle).prop("id").split("buiBtn")[1];
}
})
2022-11-22 13:37:21 +08:00
2022-11-16 14:53:22 +08:00
}
2022-11-25 18:46:40 +08:00
//==============================================================================
// ↓ 系統監控 - 共用 Function ↓
//==============================================================================
2022-11-24 19:23:48 +08:00
2022-11-25 18:46:40 +08:00
// Card - 基本資料 Table
2022-11-24 19:23:48 +08:00
function drawInfoTabBlo(devGuid) {
let tabEle = $(`< table class = "table table-bordered table-striped text-center m-0" > `);
let tbody = tabEle.append("< tbody > ");
let columnNames = ["設備編號", "設備名稱"];
$.each(columnNames, (index, colName) => {
let tr = $("< tr > < / tr > ");
let td = $("< td > < / td > ");
td.text(colName);
tr.append(td);
tbody.append(tr);
})
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) {
} 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();
return tabEle.prop("outerHTML");
}
2022-11-25 18:46:40 +08:00
// Card - 異常紀錄 block
2022-11-24 19:23:48 +08:00
function drawErrRecTabBlo() {
let strHtml = `< table id = "errRecTable" class = "table table-bordered table-striped text-center m-0 w-100" >
2022-11-28 23:16:14 +08:00
< / table > `
2022-11-24 19:23:48 +08:00
return strHtml;
}
2022-11-25 18:46:40 +08:00
// Card - 運維紀錄 block
2022-11-24 19:23:48 +08:00
function drawOpeRecTabBlo() {
let strHtml = `< table id = "opeRecTable" class = "table table-bordered table-striped text-center m-0 w-100" >
2022-11-28 23:16:14 +08:00
< / table > `
2022-11-24 19:23:48 +08:00
return strHtml;
}
2022-11-25 18:46:40 +08:00
// Card 呈現初始化
2022-11-24 19:23:48 +08:00
function initPopover() {
$("[name=devItem]").each((index, ele) => {
let devNum = $(ele).data("number"); //設備編號
let devGuid = $(ele).data("id"); //guid
let devName = $(ele).data("name"); //full_name
$(ele).YTTooltip({
html: `< div class = "card m-1 border device-wrap" >
2022-11-28 23:16:14 +08:00
< div class = "card-header p-3" >
2022-11-24 19:23:48 +08:00
2022-11-28 23:16:14 +08:00
< 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 >
< 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 >
2022-11-25 18:46:40 +08:00
< / div >
2022-11-28 23:16:14 +08:00
< div class = "card-body p-2 tab-content" >
2022-11-24 19:23:48 +08:00
2022-11-28 23:16:14 +08:00
< div id = "state" class = "show active" data-tabname = "cardTab" data-tabrole = "child" >
${drawStateTabBlo(devNum)}
< / div >
< div id = "info" data-tabname = "cardTab" data-tabrole = "child" >
${drawInfoTabBlo(devGuid)}
< / div >
< div id = "errRec" data-tabname = "cardTab" data-tabrole = "child" >
${drawErrRecTabBlo()}
< / div >
< div id = "opeRec" data-tabname = "cardTab" data-tabrole = "child" >
${drawOpeRecTabBlo()}
< / div >
2022-11-25 18:46:40 +08:00
2022-11-28 23:16:14 +08:00
< / div >
< / div > `,
2022-11-24 19:23:48 +08:00
group: "device",
onShow: function (tooltipEle, oriEle) {
var tab = new YT.Tab({ tabName: "cardTab" })
loadOpeRecTable(devGuid);
//loadErrRecTable2($(oriEle).data("number"));
//loadErrRecTable();
loadErr($(oriEle).data("number"));
2022-11-25 18:46:40 +08:00
subDeviceSetTable ? subDeviceSetTable($(oriEle).data("number")) : ""
2022-11-24 19:23:48 +08:00
}
})
})
}
2022-11-25 18:46:40 +08:00
// Card - 運維紀錄 Table
2022-11-24 19:23:48 +08:00
function loadOpeRecTable(devGuid) {
let url = baseApiUrl + "/api/Device/GetOpeDevice?device_guid=" + devGuid;
let tag = "#opeRecTable";
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;
},
},
];
let opeRecTable = new YourTeam.JqDataTables.getTableByAjax(url, tag, null, columns, column_defs, null, null, null, null, null, null, "tpi");
}
2022-11-25 18:46:40 +08:00
// Baja 取得異常紀錄
2022-11-24 19:23:48 +08:00
function loadErr(allPath) {
if (allPath != undefined & & allPath != null) {
let _pathArr = allPath.split("_");//TPE_B1_ELEV_EL_R2F_NA_ELEV1_N1
let _devicePath = _pathArr[0] + "_" + _pathArr[1] + "_" + _pathArr[2] + "_" + _pathArr[3] + "_" + _pathArr[4] + "_" + _pathArr[5];
getOneDeviceAlarmTop10ByBaja(_devicePath, callbackForErr);
}
else {
console.log("no device");
}
}
2022-11-25 18:46:40 +08:00
// Card - 異常紀錄 Table
2022-11-24 19:23:48 +08:00
function callbackForErr(result) {
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;
},
},
];
let json_object = JSON.parse(result);
datas = json_object['data'];
errRecTable = new YourTeam.JqDataTables.getTableByStatic(tag, datas, columns, column_defs, null, null, null, null, "tpi");
}
2022-11-25 18:46:40 +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-11-28 23:16:14 +08:00
//==============================================================================
// ↑ 系統監控 - 共用 Function ↑
//==============================================================================
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 >
