Suriyakumarvijayanayagam
949f78f6d0
- TECH_ARCHITECTURE.md: technical blueprint for the new platform - AI_LAYER_DESIGN_NOTES.md: AI agent, event/action, SQL and audit design - Axpert 11.2 web runtime source, structure exports and release notes (reference) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
1262 lines
78 KiB
HTML
1262 lines
78 KiB
HTML
<!--
|
|
Main Page Templete
|
|
@author Prashik
|
|
@Date 2019-10-01T09:21:51+0530
|
|
@Description
|
|
This Templete is an default templete for Axpert Web Application from version 10.7. This templete can be cloned to change UI and UX of Axpert Web Application by an UI developer as per requirements
|
|
* @Steps and information for developer:
|
|
** Warning: Do not modify this or any dependent files like axpertUI, etc.
|
|
** Clone this entire .html file along with the referred CSS & JS files and give some unique name or create your own file
|
|
** "ApplicationTemplate" Developer Options property must be set as cloned .html file name of application mainpage templete located in /aspx folder
|
|
** @IMPORTANT@: This Section of code is very much important for overall application logic and should be used as it is in any of the cloned templetes
|
|
** Modify/Rewrite the code as per requirement to give unique UI and UX
|
|
** This file is divided mostly in 3 Sections a. Style(top) section, b. Template(middle) and Script(bottom) sections
|
|
*** Templete Section will contain the html to be rendered
|
|
*** Script section will initialise the page
|
|
**IMP loadAndCall is an generic function to load CSS/JS files dynamically and execute the callback to initialize on successfull files load. This section's instructions to be strictly followed in case of both new/cloned templete since this section covers application level setting and objects for logged in user.
|
|
*** renderTemplete should be used called from loadAndCall callback to render the templete(Important)
|
|
*** loginToNodeAPI should be called after renderTemplete(Important)
|
|
*** Templete initailization should be done after loginToNodeAPI
|
|
**** As part of templete initialization user info and settings will be available as part of appGlobalVarsObject._CONSTANTS.axpertUserSettings
|
|
**** As part of templete initialization menu configuration will be available as part of appGlobalVarsObject._CONSTANTS.menuConfiguration
|
|
**** As part of templete initialization search configuration will be available as part of appGlobalVarsObject._CONSTANTS.search
|
|
**** As part of templete initialization history configuration will be available as part of appGlobalVarsObject._CONSTANTS.history
|
|
*** Home Page redirection should be done after templete initialization with LoadIframe(appGlobalVarsObject._CONSTANTS.menuConfiguration.homePage.url);
|
|
-->
|
|
<style type="text/css">
|
|
|
|
</style>
|
|
<template class="templateContent">
|
|
<div class="fullTempleteWrapper">
|
|
<div class="d-none">
|
|
<!-- #Page Loader -->
|
|
<div class="page-loader-wrapper d-none">
|
|
<div class="loader">
|
|
<div class="preloader">
|
|
<div class="spinner-layer pl-blue-grey">
|
|
<div class="circle-clipper left">
|
|
<div class="circle"></div>
|
|
</div>
|
|
<div class="circle-clipper right">
|
|
<div class="circle"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <p>Please wait...</p> -->
|
|
</div>
|
|
</div>
|
|
<!-- /Page Loader -->
|
|
<!-- #Overlay For Sidebars -->
|
|
<div class="overlay"></div>
|
|
<!-- /Overlay For Sidebars -->
|
|
|
|
<!-- #Top Bar -->
|
|
<nav class="navbar">
|
|
<div class="navbar-right-panel">
|
|
<div class="collapse navbar-collapse" id="navbar-collapse">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li class="pull-right" id="optionsPanel">
|
|
<a href="javascript:void(0);" class="js-right-sidebar" data-close="true">
|
|
<i class="material-icons" title="Options">more_vert</i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="navbar-left-panel">
|
|
<div class="navbar-header">
|
|
<a href="javascript:void(0);" class="bars"></a>
|
|
<a class="navbar-brand" href="javascript:void(0)">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</nav>
|
|
<!-- /Top Bar -->
|
|
|
|
<section>
|
|
<!-- #Left Sidebar -->
|
|
<aside id="leftsidebar" class="sidebar">
|
|
<!-- #Menu -->
|
|
<div class="menu">
|
|
<ul class="list"></ul>
|
|
</div>
|
|
<!-- /Menu -->
|
|
</aside>
|
|
<!-- /Left Sidebar -->
|
|
<!-- #Right Sidebar -->
|
|
|
|
<aside id="rightsidebar" class="right-sidebar">
|
|
|
|
<div class="tab-content">
|
|
<!-- #Settings Panel -->
|
|
<div role="tabpanel" class="setting-panel tab-pane fade in active in active" id="settings">
|
|
<div class="demo-settings">
|
|
<!--<p id="settingsGeneral">General</p>-->
|
|
<ul class="setting-list">
|
|
|
|
<li id="History" class="clickAutoClose">
|
|
<a href="javascript:void(0);">
|
|
<i class="material-icons setting-icon">history</i>
|
|
<span class="setting-caption">History</span>
|
|
<div class="clearfix"></div>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
<li id="uiMobileNotification">
|
|
<a class="clickAutoClose">
|
|
<i class="setting-icon material-icons">system_update</i>
|
|
<span class="setting-caption">Mobile Notification</span>
|
|
<div class="clearfix"></div>
|
|
</a>
|
|
<div class="switch">
|
|
<span id="enableMobileNotifi">
|
|
<label>
|
|
<input type="checkbox" checked="checked" onclick="ToggleMobileNotification(true)"><span id="spanMobileNotifi" class="lever" title="Mobile Notification off"></span>
|
|
</label>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
|
|
<li id="Dashboard" class="clickAutoClose">
|
|
<a>
|
|
<i class="setting-icon material-icons">dashboard</i>
|
|
<span class="setting-caption">Dashboard</span>
|
|
<div class="clearfix"></div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="setting-list"></ul>
|
|
</div>
|
|
</div>
|
|
<!-- /Settings Panel -->
|
|
</div>
|
|
</aside>
|
|
<!-- /Right Sidebar -->
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex flex-column flex-root page-loading stay-page-loading">
|
|
<!--begin::Page-->
|
|
<div class="page d-flex flex-row flex-column-fluid">
|
|
<!--begin::Aside-->
|
|
<div class="aside aside-default aside-hoverable" data-kt-drawer="true" data-kt-drawer-name="aside" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'200px', '300px': '250px'}" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_aside_toggle">
|
|
<!--begin::Brand-->
|
|
<div class="aside-logo flex-column-auto pt-9 pb-5" id="webAxAppLogo" title="AxpertWeb">
|
|
<!--begin::Logo-->
|
|
<a href="javascript:void(0);">
|
|
<div class="logo-default mh-50px">
|
|
<div class="d-flex">
|
|
<img alt="Logo" src="../images/loginlogo.png" class="mh-50px ">
|
|
<h3 class="d-flex mh-50px m-2 text-dark fw-bold fs-1 align-items-center divTitle">
|
|
AxpertWeb
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<img alt="Logo" src="../images/loginlogo.png" class="mh-50px logo-minimize">
|
|
</a>
|
|
<!--end::Logo-->
|
|
</div>
|
|
<!--end::Brand-->
|
|
<!--begin::Aside menu-->
|
|
<div class="aside-menu flex-column-fluid">
|
|
<!--begin::Aside Menu-->
|
|
<!--begin::Menu-->
|
|
<div class="menu menu-column menu-fit menu-rounded menu-title-gray-600 menu-icon-gray-400 menu-state-primary menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-500 fw-bold fs-5 my-5 mt-lg-2 mb-lg-0" data-kt-menu="true">
|
|
<div class="menu-fit hover-scroll-y hover-scroll-x me-lg-n5 pe-lg-5" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-height="auto" data-kt-scroll-wrappers="#kt_aside_menu" data-kt-scroll-offset="20px" data-kt-scroll-dependencies="#webAxAppLogo, #kt_aside_footer">
|
|
|
|
</div>
|
|
</div>
|
|
<!--end::Menu-->
|
|
</div>
|
|
<!--end::Aside menu-->
|
|
<!--begin::Footer-->
|
|
<div class="aside-footer flex-column-auto pb-5" id="kt_aside_footer">
|
|
<div class="menu-fit">
|
|
<div class="menu-item">
|
|
<span class="menu-link">
|
|
<span class="menu-icon">
|
|
|
|
<img alt="Logo" src="../images/loginlogo.png" class="mw-25px mh-25px" />
|
|
|
|
</span>
|
|
<span class="menu-title fw-bolder text-gray-600">© 2022 Powered by Axpert.</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Footer-->
|
|
</div>
|
|
<!--end::Aside-->
|
|
<!--begin::Wrapper-->
|
|
<div class="wrapper d-flex flex-column flex-row-fluid">
|
|
<!--begin::Header-->
|
|
<div class="header" data-kt-sticky="true" data-kt-sticky-name="header" data-kt-sticky-offset="{default: '0px', lg: '0px'}">
|
|
<!--begin::Container-->
|
|
<div class="container-fluid d-flex align-items-stretch justify-content-between">
|
|
<!--begin::Logo bar-->
|
|
<div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0">
|
|
<!--begin::Aside Toggle-->
|
|
<div class="d-flex align-items-center d-lg-none">
|
|
<div class="btn btn-icon btn-active-color-primary ms-n2 me-1" id="kt_aside_toggle">
|
|
<span class="material-icons material-icons-style material-icons-1">
|
|
menu
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<!--end::Aside Toggle-->
|
|
<!--begin::Logo-->
|
|
<a href="javascript:void(0);" id="mobileAxAppLogo" class="d-lg-none">
|
|
<div class="d-flex">
|
|
<img alt="Logo" src="../images/loginlogo.png" class="mh-50px ">
|
|
<h3 class="d-flex mh-50px m-2 text-dark fw-bold fs-1 align-items-center divTitle">
|
|
AxpertWeb
|
|
</h3>
|
|
</div>
|
|
</a>
|
|
<!--end::Logo-->
|
|
<!--begin::Aside toggler-->
|
|
<div class="btn btn-icon w-auto ps-0 btn-active-color-primary d-none d-lg-inline-flex me-2 me-lg-5 active---" data-kt-toggle="true" data-kt-toggle-state="active" data-kt-toggle-target="body" data-kt-toggle-name="aside-minimize">
|
|
<span class="material-icons material-icons-style material-icons-2 rotate-180">
|
|
menu
|
|
</span>
|
|
</div>
|
|
<!--end::Aside toggler-->
|
|
</div>
|
|
<!--end::Logo bar-->
|
|
<!--begin::Topbar-->
|
|
<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1">
|
|
<!--begin::Search-->
|
|
<div class="search-bar d-flex align-items-stretch me-1">
|
|
<!--begin::Search-->
|
|
<div id="kt_header_search" class="d-flex align-items-center w-100 w-lg-300px" data-kt-search-keypress="true" data-kt-search-min-length="2" data-kt-search-enter="enter" data-kt-search-layout="menu" data-kt-search-responsive="lg" data-kt-menu-trigger="auto" data-kt-menu-permanent="true" data-kt-menu-placement="bottom-start" data-kt-search="true" data-kt-menu-backdrop="true">
|
|
<!--begin::Tablet and mobile search toggle-->
|
|
<div data-kt-search-element="toggle" class="d-flex d-lg-none align-items-center">
|
|
<div class="">
|
|
<span class="material-icons material-icons-style material-icons-1 cursor-default mt-2">
|
|
search
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<!--end::Tablet and mobile search toggle-->
|
|
<!--begin::Form(use d-none d-lg-block classes for responsive search)-->
|
|
<form data-kt-search-element="form" class="d-none d-lg-block w-100 mb-5 mb-lg-0" autocomplete="off">
|
|
<div class="position-relative d-flex align-items-center">
|
|
<!--begin::Hidden input(Added to disable form autocomplete)-->
|
|
<input type="hidden">
|
|
<!--end::Hidden input-->
|
|
<!--begin::Icon-->
|
|
<span class="material-icons material-icons-style material-icons-2 material-icons-lg-3 cursor-default position-absolute top-50 translate-middle-y ms-0">
|
|
search
|
|
</span>
|
|
<!--end::Icon-->
|
|
<!--begin::Input-->
|
|
<input id="globalSearchinp" type="text" class="search-input form-control form-control-transparent ps-8" name="search" value="" placeholder="Search..." data-kt-search-element="input">
|
|
<!--end::Input-->
|
|
<!--begin::Spinner-->
|
|
<span class="position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-1" data-kt-search-element="spinner">
|
|
<span class="spinner-border h-15px w-15px align-middle text-gray-400"></span>
|
|
</span>
|
|
<!--end::Spinner-->
|
|
<!--begin::Reset-->
|
|
<span class="btn btn-flush btn-active-color-primary position-absolute top-50 end-0 lh-0 d-none me-0 mt-n3" data-kt-search-element="clear">
|
|
<span class="material-icons material-icons-style material-icons-2 material-icons-lg-3 me-0 lh-1">
|
|
close
|
|
</span>
|
|
</span>
|
|
<!--end::Reset-->
|
|
</div>
|
|
<!--begin::Separator-->
|
|
<div class="separator mt-1 d-block d-lg-none"></div>
|
|
<!--end::Separator-->
|
|
</form>
|
|
<!--end::Form-->
|
|
<!--begin::Menu-->
|
|
<div data-kt-search-element="content" class="menu menu-sub menu-sub-dropdown w-300px w-md-350px py-7 px-7 overflow-hidden" data-kt-menu="true">
|
|
<!--begin::Wrapper-->
|
|
<!--begin::Heading-->
|
|
<div class="d-flex flex-stack fw-bold mb-4">
|
|
<!--begin::Label-->
|
|
<span class="text-muted fs-6 me-2"></span>
|
|
<!--end::Label-->
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex" data-kt-search-element="toolbar">
|
|
<!--begin::Preferences toggle-->
|
|
<div data-kt-search-element="preferences-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary me-2 data-bs-toggle=" title="Show search preferences">
|
|
<span class="material-icons material-icons-style material-icons-1">
|
|
settings
|
|
</span>
|
|
</div>
|
|
<!--end::Preferences toggle-->
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
</div>
|
|
<!--end::Heading-->
|
|
<div data-kt-search-element="wrapper">
|
|
|
|
<!--begin::Recently viewed-->
|
|
<div data-kt-search-element="results" class="d-none">
|
|
<!--begin::Items-->
|
|
<div class="scroll-y mh-200px mh-lg-350px">
|
|
|
|
</div>
|
|
<!--end::Items-->
|
|
</div>
|
|
<!--end::Recently viewed-->
|
|
<!--begin::Recently viewed-->
|
|
<div data-kt-search-element="main" class="text-center">
|
|
|
|
<!--begin::Items-->
|
|
<div class="scroll-y mh-200px mh-lg-325px">
|
|
<!--begin::Item-->
|
|
<!-- No Result Found -->
|
|
<div class="pt-10 pb-10">
|
|
<span class="material-icons material-icons-style material-icons-4x opacity-50">
|
|
find_in_page
|
|
</span>
|
|
</div>
|
|
<!--end::Icon-->
|
|
<!--begin::Message-->
|
|
<div class="pb-15 fw-bold">
|
|
<h3 class="text-gray-600 fs-5 mb-2">Search results will show here</h3>
|
|
<div class="text-muted fs-7">Please try again with a new search query</div>
|
|
</div>
|
|
<!--end::Item-->
|
|
</div>
|
|
<!--end::Items-->
|
|
</div>
|
|
<!--end::Recently viewed-->
|
|
<!--begin::Empty-->
|
|
<div data-kt-search-element="empty" class="d-none text-center">
|
|
<!--begin::Icon-->
|
|
<div class="pt-10 pb-10">
|
|
<span class="material-icons material-icons-style material-icons-4x opacity-50">
|
|
find_in_page
|
|
</span>
|
|
</div>
|
|
<!--end::Icon-->
|
|
<!--begin::Message-->
|
|
<div class="pb-15 fw-bold">
|
|
<h3 class="text-gray-600 fs-5 mb-2">No result found</h3>
|
|
<div class="text-muted fs-7">Please try again with a different query</div>
|
|
</div>
|
|
<!--end::Message-->
|
|
</div>
|
|
<!--end::Empty-->
|
|
</div>
|
|
<!--end::Wrapper-->
|
|
<!--begin::Preferences-->
|
|
<div data-kt-search-element="preferences" class="pt-1 d-none">
|
|
<!--begin::Heading-->
|
|
<h3 class="fw-bold text-dark mb-7">Search Preferences</h3>
|
|
<!--end::Heading-->
|
|
<!--begin::Input group-->
|
|
<div class="pb-4 border-bottom">
|
|
<label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
|
|
<span class="divStartsWith" class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Starts with...</span>
|
|
<input class="form-check-input" type="checkbox" value="1" onchange="$.axpertUI.search.searchModeContains(!$(this).prop('checked'))">
|
|
</label>
|
|
</div>
|
|
<!--end::Input group-->
|
|
|
|
<!--begin::Actions-->
|
|
<div class="d-flex justify-content-end pt-7">
|
|
<span type="submit" class="btn btn-sm fw-bolder btn-primary" data-kt-search-element="preferences-dismiss">Back</span>
|
|
</div>
|
|
<!--end::Actions-->
|
|
</div>
|
|
<!--end::Preferences-->
|
|
</div>
|
|
<!--end::Menu-->
|
|
</div>
|
|
<!--end::Search-->
|
|
</div>
|
|
<!--end::Search-->
|
|
<!--begin::Toolbar wrapper-->
|
|
<div class="d-flex align-items-stretch flex-shrink-0">
|
|
<!--begin::License Info-->
|
|
<div id="LicInfo" class="d-flex align-items-center ms-1 ms-lg-2">
|
|
<!--begin::Menu wrapper-->
|
|
<div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px position-relative">
|
|
<span class="material-icons material-icons-style material-icons-1">
|
|
info
|
|
</span>
|
|
<span class="bullet bullet-dot bg-success h-6px w-6px position-absolute translate-middle top-0 start-50 animation-blink"></span>
|
|
</div>
|
|
<!--end::Menu wrapper-->
|
|
</div>
|
|
<!--begin::Notifications-->
|
|
<div id="notificationPanel" class="d-flex align-items-center ms-1 ms-lg-2">
|
|
<!--begin::Menu wrapper-->
|
|
<div class="btn btn-icon btn-active-light-primary position-relative w-30px h-30px w-md-40px h-md-40px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end" data-kt-menu-flip="bottom" data-kt-menu-backdrop="true">
|
|
<span class="material-icons material-icons-style material-icons-1">
|
|
notifications
|
|
</span>
|
|
<span class="blinker d-none bullet bullet-dot bg-success h-6px w-6px position-absolute translate-middle top-0 start-50 animation-blink"></span>
|
|
</div>
|
|
<!--begin::Menu-->
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column w-300px" data-kt-menu="true">
|
|
<!--begin::Card-->
|
|
<div id="notificationbar" class="right-notificationbar card">
|
|
<!--begin::Card header-->
|
|
<div class="card-header d-flex align-items-center">
|
|
<h3 class="card-title">Notifications</h3>
|
|
<div id="Clearnotify" class="btn btn-icon text-hover-primary w-10px h-10px">
|
|
<div class="material-icons material-icons-style material-icons-4">
|
|
clear_all
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Card header-->
|
|
<!--begin::Card body-->
|
|
<div class="card-body p-0">
|
|
<!--begin::Notifications-->
|
|
<div id="notifycount" class="demo-settings mh-350px min-h-200px scroll-y py-3">
|
|
</div>
|
|
<!--end::Notifications-->
|
|
</div>
|
|
<!--end::Card header-->
|
|
</div>
|
|
<!--end::Card-->
|
|
</div>
|
|
<!--end::Menu-->
|
|
<!--end::Menu wrapper-->
|
|
</div>
|
|
<!--end::Notifications-->
|
|
|
|
<!--begin::Quick links-->
|
|
<div class="d-flex align-items-center ms-1 ms-lg-2">
|
|
<!--begin::Menu wrapper-->
|
|
<div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end" data-kt-menu-backdrop="true">
|
|
<span class="material-icons material-icons-style material-icons-1">
|
|
workspaces
|
|
</span>
|
|
</div>
|
|
<!--begin::Menu-->
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column w-250px w-lg-325px" data-kt-menu="true">
|
|
<!--begin:Nav-->
|
|
<div class="row g-0">
|
|
<!--begin:Item-->
|
|
<div id="Adminconsole" class="col-6">
|
|
<a href="javascript:void(0);" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-end border-bottom border">
|
|
<span class="material-icons material-icons-style material-icons-3x material-icons-primary mb-2">
|
|
admin_panel_settings
|
|
</span>
|
|
<span class="divTitle fs-5 fw-bold text-gray-800 mb-0">Administration</span>
|
|
<span class="divSubTitle fs-7 text-gray-400">Console</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="developerworkbench" class="col-6">
|
|
<a href="javascript:void(0);" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-bottom border">
|
|
<span class="material-icons material-icons-style material-icons-3x material-icons-primary mb-2">
|
|
developer_mode
|
|
</span>
|
|
<span class="divTitle fs-5 fw-bold text-gray-800 mb-0">Axpert Studio</span>
|
|
<span class="divSubTitle fs-7 text-gray-400">Developer</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!--end:Item-->
|
|
<!--begin:Item-->
|
|
<div id="ImportData" class="ppn col-6">
|
|
<a href="javascript:void(0);" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border-end border">
|
|
<span class="material-icons material-icons-style material-icons-3x material-icons-primary mb-2">
|
|
file_download
|
|
</span>
|
|
<span class="divTitle fs-5 fw-bold text-gray-800 mb-0">Import</span>
|
|
<span class="divSubTitle fs-7 text-gray-400">Data</span>
|
|
</a>
|
|
</div>
|
|
<!--end:Item-->
|
|
<!--begin:Item-->
|
|
<div id="ExportData" class="ppn col-6">
|
|
<a href="javascript:void(0);" class="d-flex flex-column flex-center h-100 p-6 bg-hover-light border">
|
|
<span class="material-icons material-icons-style material-icons-3x material-icons-primary mb-2">
|
|
file_upload
|
|
</span>
|
|
<span class="divTitle fs-5 fw-bold text-gray-800 mb-0">Export</span>
|
|
<span class="divSubTitle fs-7 text-gray-400">Data</span>
|
|
</a>
|
|
</div>
|
|
<!--end:Item-->
|
|
</div>
|
|
<!--end:Nav-->
|
|
</div>
|
|
<!--end::Menu-->
|
|
<!--end::Menu wrapper-->
|
|
</div>
|
|
<!--end::Quick links-->
|
|
|
|
<!--begin::User-->
|
|
<div class="d-flex align-items-center ms-2 ms-lg-3">
|
|
<!--begin::Menu wrapper-->
|
|
<div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px position-relative" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end" data-kt-menu-backdrop="true">
|
|
<span class="material-icons material-icons-style material-icons-1">
|
|
person
|
|
</span>
|
|
</div>
|
|
<!--begin::User account menu-->
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg menu-state-primary fw-bold py-4 fs-6 w-275px" data-kt-menu="true">
|
|
<!--begin::Menu item-->
|
|
<div id="userProfile" class="menu-item px-3">
|
|
<div class="menu-content d-flex align-items-center px-3">
|
|
<!--begin::Avatar-->
|
|
<div class="symbol symbol-50px symbol-circle me-5">
|
|
<span id="userNameIcon" class="symbol-label bg-primary text-white fw-boldest fs-3">P</span>
|
|
</div>
|
|
<!--end::Avatar-->
|
|
<!--begin::Username-->
|
|
<div id="userName" class="ppn d-flex flex-column">
|
|
<div id="AxNickName" class="fw-bolder d-flex align-items-center fs-5">
|
|
</div>
|
|
<a id="AxUserEmail" href="javascript:void(0);" class="fw-bold text-muted text-hover-primary fs-7"></a>
|
|
</div>
|
|
<!--end::Username-->
|
|
</div>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu separator-->
|
|
<div class="separator my-2"></div>
|
|
<!--end::Menu separator-->
|
|
<!--begin::Menu item-->
|
|
<div id="GlobalParams" class="menu-item px-5" data-kt-menu-trigger="hover" data-kt-menu-placement="left-start">
|
|
<a href="javascript:void(0);" class="menu-link d-flex flex-stack px-5">
|
|
Application Parameters
|
|
</a>
|
|
<div class="menu-sub menu-sub-dropdown w-auto mw-300px py-4">
|
|
<div class="win-w-100px cursor-pointer menu-item px-3">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-5" data-kt-menu-trigger="hover" data-kt-menu-placement="left-start">
|
|
<a href="#" class="menu-link px-5">
|
|
<span class="menu-title">Application Options</span>
|
|
<span class="menu-arrow"></span>
|
|
</a>
|
|
<!--begin::Menu sub-->
|
|
<div class="menu-sub menu-sub-dropdown w-200px py-4">
|
|
<!--begin::Menu item-->
|
|
<div id="refreshMenu" class="menu-item px-3">
|
|
<a href="javascript:void(0);" class="menu-link px-5">Refresh Menu</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div id="refreshVarParam" class="menu-item px-3">
|
|
<a href="javascript:void(0);" class="menu-link px-5">Refresh App Variables</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div id="executionLog" class="menu-item px-3">
|
|
<a href="javascript:void(0);" class="menu-link px-5">Show Execution Trace</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu separator-->
|
|
<div class="separator my-2"></div>
|
|
<!--end::Menu separator-->
|
|
<!--begin::Menu item-->
|
|
<div id="showLog" class="menu-item px-3 position-relative">
|
|
<div id="chkshowlog" class="menu-content px-3">
|
|
<label class="form-check form-switch form-check-custom form-check-solid">
|
|
<input class="form-check-input w-30px h-20px" type="checkbox" value="" name="trace">
|
|
<span id="imgTogTrace" class="form-check-label text-muted fs-7" title="Trace On">Show Logs</span>
|
|
</label>
|
|
</div>
|
|
<a href="javascript:void(0);" class="menu-link fs-3 px-3 py-2 me-5 position-absolute translate-middle-y top-50 end-0 cursor-pointer text-gray-700 material-icons material-icons-style">
|
|
launch
|
|
</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::Menu sub-->
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div id="qrCodeBtnWrapper" class="menu-item px-5" data-kt-menu-trigger="hover" data-kt-menu-placement="left-start">
|
|
<a href="javascript:void(0);" class="menu-link px-5">
|
|
<span class="menu-title">QR Code</span>
|
|
</a>
|
|
<!--begin::Menu sub-->
|
|
<div class="menu-sub menu-sub-dropdown w-auto mw-300px py-4">
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3 text-center">
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::Menu sub-->
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<div id="About" class="ppn menu-item px-5 my-1">
|
|
<a href="javascript:void(0);" class="menu-link px-5">About</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu separator-->
|
|
<div class="separator my-2"></div>
|
|
<!--end::Menu separator-->
|
|
<!--begin::Menu item-->
|
|
<div id="Language" class="menu-item px-5" data-kt-menu-trigger="hover" data-kt-menu-placement="left-start">
|
|
<a href="#" class="menu-link px-5">
|
|
<span class="menu-title position-relative">
|
|
<span class="setting-caption">
|
|
Language
|
|
</span>
|
|
<span class="selected-badge fs-8 rounded bg-light px-3 py-2 position-absolute translate-middle-y top-50 end-0">
|
|
English
|
|
</span>
|
|
</span>
|
|
</a>
|
|
<!--begin::Menu sub-->
|
|
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
|
</div>
|
|
<!--end::Menu sub-->
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div id="ChangePassword" class="menu-item px-5 my-1">
|
|
<a href="javascript:void(0);" class="menu-link px-5">Change Password</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div id="Logout" class="menu-item px-5">
|
|
<a href="javascript:void(0);" class="menu-link px-5">Sign Out</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu separator-->
|
|
<div class="separator my-2"></div>
|
|
<!--end::Menu separator-->
|
|
<!--begin::Menu item-->
|
|
<div id="uiSelector" class="menu-item px-5">
|
|
<div id="enableModernUI" class="menu-content px-5">
|
|
<label class="form-check form-switch form-check-custom form-check-solid">
|
|
<input id="spanModernUI" class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="mode">
|
|
<span class="setting-caption form-check-label text-gray-600 fs-7">Modern UI</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::User account menu-->
|
|
<!--end::Menu wrapper-->
|
|
</div>
|
|
<!--end::User -->
|
|
</div>
|
|
<!--end::Toolbar wrapper-->
|
|
</div>
|
|
<!--end::Topbar-->
|
|
</div>
|
|
<!--end::Container-->
|
|
</div>
|
|
<!--end::Header-->
|
|
<!--begin::Content-->
|
|
<div class="content fs-6 d-flex flex-column flex-column-fluid px-7 pt-7 pb-0">
|
|
<div class="btn btn-icon btn-sm position-absolute ms-n20 mt-2 fw-bolder z-index-2 transform-270 appBackBtn" onclick="prevbtn_click($(this))">
|
|
<span class="btn btn-flex btn-white btn-active-light-primary h-30px shadow-sm fs-6 pt-2 pb-3 px-4 rounded-top-0" title="" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-dismiss="click" data-bs-trigger="hover" data-bs-html="true" data-bs-sanitize="false" data-bs-original-title='<button type="button" class="btn btn-icon btn-sm btn-outline btn-outline-dashed btn-outline-primary btn-bg-white btn-active-primary"><i class="material-icons material-icons-style material-icons-2">arrow_back</i></button>'>
|
|
<span>back</span>
|
|
</span>
|
|
</div>
|
|
<!-- #IFrames Panel @IMPORTANT@ -->
|
|
<div class="splitter-wrapper flex-column-fluid h-100">
|
|
<div class="panel-container main-panel-container flex-column-fluid row m-0 h-100">
|
|
<div class="panel-left panel-fisrt-part flex-column-fluid--- p-0 h-100">
|
|
<div class="panel-left-inner flex-column-fluid h-100">
|
|
<iframe id="middle1" name="middle1"
|
|
class="col-xs-12 col-sm-12 col-md-12 col-lg-12 searchOpened flex-column-fluid h-100" src=""
|
|
style="padding: 0px;" frameborder="0"
|
|
allowtransparency="True" width="100%"></iframe>
|
|
</div>
|
|
</div>
|
|
<div class="splitter panel-splitter flex-column-fluid flex-row-auto cursor-col-resize w-unset h-100" id="drag-point" style="display: none;">
|
|
</div>
|
|
<div class="panel-right panel-second-part flex-column-fluid--- flex-root p-0 h-100" id="divaxpiframe"
|
|
style="display: none !important">
|
|
<div class="panel-right-inner flex-column-fluid h-100">
|
|
<iframe id="axpiframe" name="axpiframe"
|
|
class="col-xs-12 col-sm-12 col-md-12 col-lg-12 searchOpened flex-column-fluid h-100" src=""
|
|
style="padding: 0px;" frameborder="0"
|
|
allowtransparency="True" width="100%" style="display: none;"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /IFrames Panel -->
|
|
<div class="cardsPageWrapper d-none">
|
|
<div class="designer toolbar pb-0">
|
|
<div class="d-flex flex-stack flex-wrap flex-sm-nowrap">
|
|
<!--begin::Info-->
|
|
<div class="d-flex flex-column align-items-start justify-content-center flex-wrap me-2">
|
|
<!--begin::Title-->
|
|
<h1 class="text-dark fw-bolder my-1 fs-2">Cards
|
|
<small class="text-muted fs-6 fw-normal ms-1"></small></h1>
|
|
<!--end::Title-->
|
|
</div>
|
|
<!--end::Info-->
|
|
<!--begin::Actions-->
|
|
<div class="d-flex align-items-center flex-nowrap text-nowrap py-1">
|
|
<a href="javascript:void(0);" class="editSaveCardDesign btn btn-icon btn-white btn-active-primary me-4" onclick="$.axpertUI.cardsPage.editSaveCardDesignToggle();">
|
|
<span class="material-icons material-icons-style">
|
|
edit
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Actions-->
|
|
</div>
|
|
</div>
|
|
|
|
<ul class="cardsDesigner card list-group d-none mt-6"></ul>
|
|
<div class="cardsPlot mb-8">
|
|
|
|
</div>
|
|
</div>
|
|
<!-- </div> -->
|
|
|
|
<div class="d-none toolbar pb-0">
|
|
<div class="container-fluid d-flex flex-stack flex-wrap flex-sm-nowrap">
|
|
<!--begin::Info-->
|
|
<div class="d-flex flex-column align-items-start justify-content-center flex-wrap me-2">
|
|
<!--begin::Title-->
|
|
<h1 class="text-dark fw-bolder my-1 fs-2">Cards
|
|
<small class="text-muted fs-6 fw-normal ms-1"></small></h1>
|
|
<!--end::Title-->
|
|
<!--begin::Breadcrumb-->
|
|
<ul class="breadcrumb fw-bold fs-base my-1 d-none">
|
|
<li class="breadcrumb-item text-muted">
|
|
<a href="/craft/index.html" class="text-muted text-hover-primary">Home</a>
|
|
</li>
|
|
<li class="breadcrumb-item text-muted">Dashboards</li>
|
|
<li class="breadcrumb-item text-dark">Default</li>
|
|
</ul>
|
|
<!--end::Breadcrumb-->
|
|
</div>
|
|
<!--end::Info-->
|
|
<!--begin::Actions-->
|
|
<div class="d-flex align-items-center flex-nowrap text-nowrap py-1">
|
|
<a href="#" class="btn btn-icon btn-white btn-color-gray-500 btn-active-primary me-4" data-bs-toggle="modal" data-bs-target="#kt_modal_invite_friends">
|
|
<span class="material-icons material-icons-style">
|
|
edit
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<!--end::Actions-->
|
|
</div>
|
|
</div>
|
|
|
|
<!--begin::Container-->
|
|
<div class="d-none container">
|
|
<!--begin::Row-->
|
|
<div class="row">
|
|
</div>
|
|
</div>
|
|
<!--end::Container-->
|
|
|
|
</div>
|
|
<!--end::Content-->
|
|
</div>
|
|
<!--end::Wrapper-->
|
|
</div>
|
|
<!--end::Page-->
|
|
<div class="page-loader rounded-2">
|
|
<div class="loader-box-wrapper d-flex">
|
|
<span class="loader"></span>
|
|
<span class="page-loader-text ps-3 boldest fs-5 py-5">Welcome</span>
|
|
</div>
|
|
</div>
|
|
<div class="popper-backdrop"></div>
|
|
</div>
|
|
|
|
<!-- Custom Js -->
|
|
<script src=""></script>
|
|
</template>
|
|
<script type="text/javascript">
|
|
/**
|
|
* Show Templete in Header on pageload
|
|
* @author Prashik
|
|
* @Date 2019-08-04T13:21:51+0530
|
|
*/
|
|
// $(function () {
|
|
var files = {
|
|
css: [],
|
|
js: []
|
|
};
|
|
|
|
var enableMasonry = false;
|
|
|
|
if (homePageType == "cards") {
|
|
// files.css.push("/ThirdParty/DataTables-1.10.13/media/css/jquery.dataTables.css");
|
|
files.js.push("/ThirdParty/lodash.min.js");
|
|
files.js.push("/ThirdParty/deepdash.min.js");
|
|
|
|
files.js.push("/Js/handlebars.min.js?v=1");
|
|
files.js.push("/Js/handleBarsHelpers.min.js");
|
|
|
|
files.js.push("/ThirdParty/Highcharts/highcharts.js");
|
|
files.js.push("/ThirdParty/Highcharts/highcharts-3d.js");
|
|
files.js.push("/ThirdParty/Highcharts/highcharts-more.js");
|
|
files.js.push("/ThirdParty/Highcharts/highcharts-exporting.js");
|
|
files.js.push("/Js/high-charts-functions.min.js?v=20");//min
|
|
files.js.push("/Js/AxInterface.min.js?v=7");//min
|
|
|
|
files.js.push("/ThirdParty/DataTables-1.10.13/media/js/jquery.dataTables.js");
|
|
files.js.push("/ThirdParty/DataTables-1.10.13/media/js/dataTables.bootstrap.js");
|
|
|
|
files.js.push("/ThirdParty/DataTables-1.10.13/extensions/Extras/moment.min.js");
|
|
files.css.push("/ThirdParty/fullcalendar/lib/main.min.css");
|
|
files.js.push("/ThirdParty/fullcalendar/lib/main.min.js");
|
|
|
|
if (isMobile) {
|
|
files.js.push("/ThirdParty/jquery-ui-touch-punch-master/jquery.ui.touch-punch.min.js");
|
|
}
|
|
|
|
if (enableMasonry) {
|
|
files.js.push("/ThirdParty/masonry/masonry.pkgd.min.js");
|
|
}
|
|
}
|
|
|
|
let customStyleApplied = false;
|
|
|
|
if(typeof localStorage != "undefined") {
|
|
var projUrl = top.window.location.href.toLowerCase().substring("0", top.window.location.href.indexOf("/aspx/"));
|
|
var customStyleTimeStamp = localStorage["customAxpertUIExist-" + projUrl];
|
|
if (customStyleTimeStamp && customStyleTimeStamp != "false") {
|
|
//ppn var appProjName = localStorage["projInfo-" + projUrl] || "";
|
|
// files.css.push(`/${appProjName}/customAxpertUI.css?v=${customStyleTimeStamp}`);
|
|
// customStyleApplied = true;
|
|
}
|
|
}
|
|
|
|
if (!customStyleApplied) {
|
|
// files.css.push("/Css/axpertUI.min.css?v=50");
|
|
}
|
|
|
|
files.js.push("/Js/axpertUI.min.js?v=82");
|
|
|
|
var dirLeft = true;
|
|
|
|
if ($("body").hasClass("btextDir-rtl")) {
|
|
dirLeft = false;
|
|
//ppn files.css.push("/ThirdParty/bootstrap_rtl.min.css");
|
|
// files.css.push("/Css/axpertUIRtl.min.css?v=7");
|
|
}
|
|
|
|
loadAndCall({
|
|
files: files,
|
|
callBack: function () {
|
|
$("body").addClass("mixed-theme");
|
|
//ppn if (appGlobalVarsObject._CONSTANTS.compressedMode) {
|
|
|
|
// }
|
|
renderTemplete('template.templateContent');
|
|
|
|
$(function () {
|
|
|
|
KTDrawer.init();
|
|
KTMenu.init();
|
|
KTScroll.init();
|
|
KTScrolltop.init();
|
|
KTSticky.init();
|
|
KTSwapper.init();
|
|
KTToggle.init();
|
|
KTApp.init();
|
|
// // // KTLayoutExplore.init();
|
|
KTLayoutHeader.init();
|
|
KTLayoutSearch.init();
|
|
|
|
if (homePageType == "cards") {
|
|
deepdash(_);
|
|
}
|
|
|
|
//start AxpertUI Init
|
|
appGlobalVarsObject._CONSTANTS.menuConfiguration = $.extend(true, {},
|
|
appGlobalVarsObject._CONSTANTS.menuConfiguration, {
|
|
menuJson: menuJson,
|
|
staging: {
|
|
div: ".aside .aside-menu .menu .menu-fit",
|
|
divParent: "#leftsidebar"
|
|
},
|
|
homePage: {
|
|
url: "loadhomepage"
|
|
}
|
|
});
|
|
try {
|
|
appGlobalVarsObject._CONSTANTS.cardsPage = $.extend(true, {},
|
|
appGlobalVarsObject._CONSTANTS.cardsPage, {
|
|
setCards: $("#hdHomeUrl").val() == "" && homePageType == "cards",
|
|
cards: JSON.parse(cardsData.value !== "" ? ReverseCheckSpecialChars(cardsData.value) : "[]",
|
|
function (k, v) {
|
|
try {
|
|
return (typeof v === "object" || isNaN(v) || v.toString().trim() === "") ? v : (typeof v == "string" && (v.startsWith("0") || v.startsWith("-")) ? parseFloat(v, 10) : JSON.parse(v));
|
|
} catch (ex) {
|
|
return v;
|
|
}
|
|
//0 & - starting with does not gets parsed in json.parse
|
|
//json.parse is used because it porcess int, float and boolean together
|
|
}
|
|
) || [],
|
|
design: JSON.parse(cardsDesign.value !== "" ? cardsDesign.value : "[]",
|
|
function (k, v) {
|
|
try {
|
|
return (typeof v === "object" || isNaN(v) || v.toString().trim() === "") ? v : (typeof v == "string" && (v.startsWith("0") || v.startsWith("-")) ? parseFloat(v, 10) : JSON.parse(v));
|
|
} catch (ex) {
|
|
return v;
|
|
}
|
|
}
|
|
) || [],
|
|
enableMasonry: enableMasonry,
|
|
staging: {
|
|
iframes: ".splitter-wrapper",
|
|
cardsFrame: {
|
|
div: ".cardsPageWrapper",
|
|
cardsDiv: ".cardsPlot",
|
|
cardsDesigner: ".cardsDesigner",
|
|
editSaveButton: ".editSaveCardDesign",
|
|
icon: "span.material-icons",
|
|
},
|
|
}
|
|
});
|
|
} catch (ex) {}
|
|
|
|
try {
|
|
var lcm = appGlobalVarsObject.lcm;
|
|
var tempaxpertUIObj = $.axpertUI
|
|
.init({
|
|
isHybrid: appGlobalVarsObject._CONSTANTS.isHybrid,
|
|
isMobile: isMobile,
|
|
showMenu: appGlobalVarsObject._CONSTANTS.showMenu,
|
|
compressedMode: appGlobalVarsObject._CONSTANTS.compressedMode,
|
|
leftSideBar: {
|
|
menuConfiguration: appGlobalVarsObject._CONSTANTS
|
|
.menuConfiguration
|
|
},
|
|
dirLeft: dirLeft,
|
|
axpertUserSettings: {
|
|
staging: {
|
|
optionsPanel: {
|
|
div: "#optionsPanel",
|
|
title: lcm[301]
|
|
},
|
|
notificationPanel: {
|
|
div: "#notificationPanel",
|
|
title: lcm[301]
|
|
},
|
|
userProfile: {
|
|
div: "#userProfile",
|
|
icon: "#userProfileIcon",
|
|
options: {
|
|
userName: {
|
|
div: "#userName",
|
|
icon: "#userNameIcon"
|
|
}
|
|
}
|
|
},
|
|
LicInfo: {
|
|
div: "#LicInfo",
|
|
divClick: ".btn.btn-icon",
|
|
divTitle: ".btn.btn-icon"
|
|
},
|
|
AxAppLogo: {
|
|
web: {
|
|
divParent: "#webAxAppLogo",
|
|
div: "img",
|
|
divTitle: ".divTitle",
|
|
showTitle: true
|
|
},
|
|
mobile: {
|
|
divParent: "#mobileAxAppLogo",
|
|
div: "img",
|
|
divTitle: ".divTitle",
|
|
showTitle: true
|
|
}
|
|
},
|
|
AxNickName: {
|
|
div: "#AxNickName"
|
|
},
|
|
AxUserEmail: {
|
|
div: "#AxUserEmail"
|
|
},
|
|
GlobalParams: {
|
|
div: "#GlobalParams",
|
|
divClick: "a",
|
|
divTitle: ".menu-item",
|
|
divData: '#myPopover',
|
|
title: lcm[468]
|
|
},
|
|
Logout: {
|
|
div: "#Logout",
|
|
divTitle: "a",
|
|
title: lcm[457]
|
|
},
|
|
About: {
|
|
div: "#About",
|
|
title: lcm[463]
|
|
},
|
|
Language: {
|
|
div: "#Language",
|
|
divTitle: "span.setting-caption",
|
|
title: lcm[508],
|
|
badge: ".selected-badge",
|
|
divOptions: ".menu-sub.menu-sub-dropdown"
|
|
},
|
|
InMemoryDB: {
|
|
div: "#InMemoryDB",
|
|
title: lcm[464]
|
|
},
|
|
showLog: {
|
|
div: "#showLog",
|
|
divClick: "a",
|
|
title: lcm[460]
|
|
},
|
|
traceValue: {
|
|
div: "#chkshowlog",
|
|
divClick: "label",
|
|
divControl: "input",
|
|
divspan: "span",
|
|
title: {
|
|
on: lcm[465],
|
|
off: lcm[466],
|
|
}
|
|
|
|
},
|
|
executionLog: {
|
|
div: "#executionLog",
|
|
divClick: "a",
|
|
title: lcm[503]
|
|
},
|
|
uiMobileNotification: {
|
|
div: "#uiMobileNotification",
|
|
divClick: "a",
|
|
title: lcm[504]
|
|
},
|
|
auditReport: {
|
|
div: "#auditReport",
|
|
divClick: "a",
|
|
title: lcm[459]
|
|
},
|
|
userManual: {
|
|
div: "#userManual",
|
|
divClick: "a",
|
|
title: lcm[492]
|
|
},
|
|
uiSelector: {
|
|
div: "#uiSelector",
|
|
divClick: "a",
|
|
title: lcm[479]
|
|
},
|
|
modernUiValue: {
|
|
div: "#enableModernUI",
|
|
divClick: "label",
|
|
divControl: "input",
|
|
divSpan: "span",
|
|
title: {
|
|
on: lcm[481],
|
|
off: lcm[480],
|
|
}
|
|
},
|
|
globalsettings: {
|
|
div: "#globalsettings",
|
|
title: lcm[258]
|
|
},
|
|
developerworkbench: {
|
|
div: "#developerworkbench",
|
|
title: {
|
|
div: ".divTitle",
|
|
title: "Axpert Studio"
|
|
},
|
|
subTitle: {
|
|
div: ".divSubTitle",
|
|
title: "Developer"
|
|
}
|
|
},
|
|
Adminconsole: {
|
|
div: "#Adminconsole",
|
|
title: {
|
|
div: ".divTitle",
|
|
title: "Administration"
|
|
},
|
|
subTitle:{
|
|
div: ".divSubTitle",
|
|
divTitle: "Console"
|
|
},
|
|
},
|
|
refreshMenu: {
|
|
div: "#refreshMenu",
|
|
title: lcm[456]
|
|
},
|
|
refreshVarParam: {
|
|
div: "#refreshVarParam",
|
|
title: lcm[507]
|
|
},
|
|
AppConfig: {
|
|
div: "#AppConfig",
|
|
title: lcm[467],
|
|
},
|
|
splitIcon: {
|
|
div: "#splitIcon",
|
|
title: lcm[474],
|
|
heading: ".spiltHeading",
|
|
options: {
|
|
verticalSplit: {
|
|
div: "#verticalSplit",
|
|
title: lcm[453]
|
|
|
|
},
|
|
horizontalSplit: {
|
|
div: "#horizontalSplit",
|
|
title: lcm[454]
|
|
},
|
|
clearSplit: {
|
|
div: "#clearSplit",
|
|
title: lcm[455]
|
|
}
|
|
}
|
|
},
|
|
ChangePassword: {
|
|
div: "#ChangePassword",
|
|
divTitle: "a",
|
|
title: lcm[252],
|
|
},
|
|
qrCodeBtnWrapper: {
|
|
div: "#qrCodeBtnWrapper",
|
|
divTitle: "span",
|
|
divPlaceholder: ".menu-item",
|
|
title: lcm[461],
|
|
},
|
|
WidgetBuilder: {
|
|
div: "#WidgetBuilder",
|
|
title: lcm[257],
|
|
},
|
|
pageBuilderBtn: {
|
|
div: "#pageBuilderBtn",
|
|
title: lcm[462],
|
|
},
|
|
|
|
Dashboard: {
|
|
div: "#Dashboard",
|
|
title: lcm[458],
|
|
},
|
|
Responsibilities: {
|
|
div: "#Responsibilities",
|
|
title: lcm[313],
|
|
},
|
|
ExportData: {
|
|
div: "#ExportData",
|
|
title: {
|
|
div: ".divTitle",
|
|
title: lcm[250].split(" ")[0]
|
|
},
|
|
subTitle:{
|
|
div: ".divSubTitle",
|
|
divTitle: lcm[250].split(" ")[1]
|
|
},
|
|
},
|
|
ImportData: {
|
|
div: "#ImportData",
|
|
title: {
|
|
div: ".divTitle",
|
|
title: lcm[251].split(" ")[0]
|
|
},
|
|
subTitle:{
|
|
div: ".divSubTitle",
|
|
divTitle: lcm[251].split(" ")[1]
|
|
},
|
|
},
|
|
ImportHistory: {
|
|
div: "#ImportHistory",
|
|
title: lcm[255],
|
|
},
|
|
WorkFlow: {
|
|
div: "#WorkFlow",
|
|
title: lcm[398],
|
|
},
|
|
},
|
|
|
|
settings: appGlobalVarsObject._CONSTANTS.axpertUserSettings
|
|
},
|
|
search: {
|
|
staging: {
|
|
div: '#globalSearchinp',
|
|
divParent: '.search-bar',
|
|
title: lcm[350],
|
|
placeholder: lcm[415],
|
|
options: {
|
|
startsWith: {
|
|
div: ".divStartsWith",
|
|
title: lcm[452]
|
|
}
|
|
}
|
|
}
|
|
|
|
},
|
|
notificationbar: {
|
|
divParent: "#notificationbar",
|
|
notificationTimeout: notifyTimeout || "",
|
|
staging: {
|
|
options: {
|
|
notification: {
|
|
div: ".card-title",
|
|
title: lcm[488]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
rightSideBar: {
|
|
divParent: "#rightsidebar",
|
|
staging: {
|
|
options: {
|
|
settings: {
|
|
div: "a:eq(2)",
|
|
title: lcm[471],
|
|
options: {
|
|
general: {
|
|
div: "#settingsGeneral",
|
|
title: lcm[205]
|
|
},
|
|
split: {
|
|
div: ".spiltHeading",
|
|
title: lcm[474]
|
|
},
|
|
settingPanel: {
|
|
div: "#settingsPanel",
|
|
title: lcm[473]
|
|
}
|
|
}
|
|
},
|
|
}
|
|
}
|
|
},
|
|
cardsPage: appGlobalVarsObject._CONSTANTS
|
|
.cardsPage
|
|
});
|
|
|
|
appGlobalVarsObject._CONSTANTS.cardsPage = tempaxpertUIObj.cardsPage;
|
|
|
|
appGlobalVarsObject._CONSTANTS.menuConfiguration = tempaxpertUIObj.leftSideBar
|
|
.menuConfiguration;
|
|
|
|
appGlobalVarsObject._CONSTANTS.history = tempaxpertUIObj.history;
|
|
|
|
appGlobalVarsObject.methods.toggleCompressModeUI($("body"));
|
|
|
|
} catch (ex) { }
|
|
//end AxpertUI Init
|
|
|
|
if (isMobile)
|
|
ToggleMobileNotification(true);
|
|
if (!appGlobalVarsObject._CONSTANTS.cardsPage.setCards) {
|
|
LoadIframe("loadhomepage", true);
|
|
}
|
|
else if ($("#hdKeepMeDefaultUrl").val() != "")
|
|
LoadIframe("loadhomepage", true);
|
|
else {
|
|
GetProcessTime();
|
|
GetTotalElapsTime();
|
|
}
|
|
|
|
});
|
|
}
|
|
});
|
|
//End HomePage Code
|
|
</script>
|