Viewing File: /usr/local/cpanel/base/frontend/jupiter/koality/index.html.tt
[%
SET dprefix = "../";
SET CPANEL.CPVAR.dprefix = dprefix.repeat(1);
SET user_theme = CPANEL.CPDATA.RS;
SET TEMPLATE_NAME = "index.html.tt";
SET HOME_PATH = cp_security_token _ '/frontend/' _ user_theme;
SET ROUTER_PATH = HOME_PATH _ '/koality';
SET PROTOCOL = 'http';
IF CPANEL.ENV.HTTPS == 'on';
SET PROTOCOL = 'https';
END;
SET HOME_URL = PROTOCOL _ '://' _ CPANEL.ENV.SERVER_NAME _ ':' _ CPANEL.ENV.SERVER_PORT _ '/' _ cp_security_token;
SET has_feature = CPANEL.feature("koality");
# See: https://api.docs.cpanel.net/openapi/cpanel/operation/get_site_monitor_app_token/
SET token_response = execute('SiteQuality', 'get_app_token');
SET token = token_response.data.app_token;
# See: https://api.docs.cpanel.net/openapi/cpanel/operation/get_site_monitor_environment/
SET result = execute('SiteQuality', 'get_environment');
SET environment = result.data.environment;
links_code = PROCESS links_block;
init_code = PROCESS init_block;
js_code = PROCESS js_block;
meta_code = PROCESS meta_block;
%]
[% WRAPPER '_assets/master.html.tt'
page_title = 'Site Quality Monitoring'
app_key = 'cpanel-koality-plugin'
page_sub_heading = '';
include_cjt = 0
is_jupiter_style = 1
include_legacy_stylesheets = 0
include_legacy_scripts = 0
use_master_bootstrap = 0
page_styles = links_code
page_js_first = init_code
page_js = js_code
meta = meta_code
-%]
<div class="body-content">
[% IF has_feature && token %]
<script>
/** Use in the template expansion of some linked resources **/
const calculateBasePath = (keepSegments) => {
const path = window.location.pathname
const segments = path.split('/')
const keep = segments.slice(0, keepSegments + 1)
return keep.join('/') + '/'
}
</script>
<div class="isolate" id="__nuxt"></div><div id="__nuxt-loader"><div class="loader"><div class="loader-container"><div class="loader1"></div><div class="loader2"></div></div></div><style>
.loader-container {
width: 100%;
max-width: 250px;
display: flex;
flex-direction: column;
justify-content: center;
}
.loader {
display: flex;
align-items: center;
height: 50vh;
justify-content: center;
}
.loader1 {
width: 315px;
height: 200px;
background:
linear-gradient(0.25turn, transparent, #FFF, transparent),
linear-gradient(#DDD, #DDD),
radial-gradient(38px circle at 19px 19px, #DDD 50%, transparent 51%),
linear-gradient(#DDD, #DDD);
background-color: #fff;
background-repeat: no-repeat;
background-size: 315px 200px, 315px 130px, 100px 100px, 225px 30px;
background-position: -315px 0, 0 0, 15px 140px, 65px 145px;
animation: loading 1.5s infinite;
}
@keyframes loading {
to {
background-position: 315px 0, 0 0, 15px 140px, 65px 145px;
}
}
.loader2 {
margin-top: 10px;
margin: auto;
color: #ff6c2c;
font-size: 15px;
text-indent: -9999em;
overflow: hidden;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
transform: translateZ(0);
animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
}
@keyframes mltShdSpin {
0% {
box-shadow: 0 -0.83em 0 -0.4em,
0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%,
95% {
box-shadow: 0 -0.83em 0 -0.4em,
0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%,
59% {
box-shadow: 0 -0.83em 0 -0.4em,
-0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em,
-0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
-0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
-0.749em -0.34em 0 -0.477em;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
-0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
-0.82em -0.09em 0 -0.477em;
}
100% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em,
0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@keyframes round {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
</style></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{nodeEnv:"production",apiEnv:"production",demoUser:"demo",provider:"koality",devUser:"dev",devPass:"pass",classPrefix:"",token:"",activateMocks:"false",mixpanelPrefix:"sqm",retentlyApiKey:"",integrationEnvironment:"sqm",devOverrideEnable:"",devOverrideDisable:"",showDebugTools:"false",debugToolsOptions:"",mdc:{components:{prose:false,map:{accordion:"ProseAccordion","accordion-item":"ProseAccordionItem",badge:"ProseBadge",callout:"ProseCallout",card:"ProseCard","card-group":"ProseCardGroup",caution:"ProseCaution","code-collapse":"ProseCodeCollapse","code-group":"ProseCodeGroup","code-icon":"ProseCodeIcon","code-preview":"ProseCodePreview","code-tree":"ProseCodeTree",collapsible:"ProseCollapsible",field:"ProseField","field-group":"ProseFieldGroup",icon:"ProseIcon",kbd:"ProseKbd",note:"ProseNote",steps:"ProseSteps",tabs:"ProseTabs","tabs-item":"ProseTabsItem",tip:"ProseTip",warning:"ProseWarning"}},headings:{anchorLinks:{h1:false,h2:false,h3:false,h4:false,h5:false,h6:false}}},piniaPluginPersistedstate:{},i18n:{baseUrl:"",defaultLocale:"en",defaultDirection:"ltr",strategy:"no_prefix",lazy:true,rootRedirect:"",routesNameSeparator:"___",defaultLocaleRouteNameSuffix:"default",skipSettingLocaleOnNavigate:false,differentDomains:false,trailingSlash:false,locales:[{code:"en",files:[{path:"/__w/cpanel-plugins/cpanel-plugins/cpanel/koality/spa/i18n/locales/en.json",cache:""}]},{code:"de",files:[{path:"/__w/cpanel-plugins/cpanel-plugins/cpanel/koality/spa/i18n/locales/de.json",cache:""}]},{code:"fr",files:[{path:"/__w/cpanel-plugins/cpanel-plugins/cpanel/koality/spa/i18n/locales/fr.json",cache:""}]},{code:"es",files:[{path:"/__w/cpanel-plugins/cpanel-plugins/cpanel/koality/spa/i18n/locales/es.json",cache:""}]},{code:"it",files:[{path:"/__w/cpanel-plugins/cpanel-plugins/cpanel/koality/spa/i18n/locales/it.json",cache:""}]},{code:"ru",files:[{path:"/__w/cpanel-plugins/cpanel-plugins/cpanel/koality/spa/i18n/locales/ru.json",cache:""}]},{code:"ja",files:[{path:"/__w/cpanel-plugins/cpanel-plugins/cpanel/koality/spa/i18n/locales/ja.json",cache:""}]},{code:"pt",files:[{path:"/__w/cpanel-plugins/cpanel-plugins/cpanel/koality/spa/i18n/locales/pt.json",cache:""}]}],detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:"",cookieKey:"i18n_redirected",cookieSecure:false,fallbackLocale:"",redirectOn:"root",useCookie:true},experimental:{localeDetector:"",switchLocalePathLinkSSR:false,autoImportTranslationFunctions:false,typedPages:true,typedOptionsAndMessages:false,generatedLocaleFilePathFormat:"absolute",alternateLinkCanonicalQueries:false,hmr:true},multiDomainLocales:false,domainLocales:{en:{domain:""},de:{domain:""},fr:{domain:""},es:{domain:""},it:{domain:""},ru:{domain:""},ja:{domain:""},pt:{domain:""}}}},app:{baseURL:"/",buildId:"c0703a2f-87de-4422-b592-3af2e8f7d85a",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__" type="application/json">[{"prerenderedAt":1,"serverRendered":2},1772582219460,false]</script>
[% ELSIF has_feature && !token %]
<div class="body-content">
<div class="alert alert-danger">
<span class="glyphicon glyphicon-remove-sign" aria-hidden="true"></span>
<div class="alert-message">
[% locale.maketext('[output,strong,Error:] Your account has not enrolled in Site Quality Monitoring. Redirecting to the signup form.') %]
</div>
</div>
</div>
<meta http-equiv="refresh" content="0;url='./signup/index.html'" />
[% ELSE %]
<div class="body-content">
<div class="alert alert-danger">
<span class="glyphicon glyphicon-remove-sign" aria-hidden="true"></span>
<div class="alert-message">
[% locale.maketext('[output,strong,Error:] This feature, “[_1]”, is not enabled on your account. Please contact your hosting provider for access.', 'Site Quality Monitoring') %]
</div>
</div>
</div>
<meta http-equiv="refresh" content="0;url='../../index.html'" />
[% END %]
</div>
[% END %]
[% BLOCK links_block %]
<link href="[% theme_magic_url('koality/css/colorVars.css') %]" rel="stylesheet" />
<link crossorigin="crossorigin" href="[% theme_magic_url('koality/_nuxt/entry.D7E-n75W.css') %]" rel="stylesheet" />
<link as="script" crossorigin="crossorigin" href="[% theme_magic_url('koality/_nuxt/EJiqiqZX.js') %]" rel="modulepreload" />
<style>
html, body { height: 100% !important; }
.body-content #koalityApp .\!min-h-screen { min-height: unset !important }
.body-content #koalityApp .fixed.top-0 { top: 60px !important }
@media(min-width: 768px) {
html[dir=ltr] .body-content .fixed.left-0 {
left: clamp(240px,14.8vw,320px) !important
}
html[dir=rtl] .body-content .fixed.right-0 {
right: clamp(240px,14.8vw,320px) !important
}
html[dir=ltr] .body-content .fixed.left-0,
html[dir=rtl] .body-content .fixed.right-0 {
max-width: calc(100vw - 240px);
}
}
.body-content .mobileFullHeight { height: calc(100vh - 6rem) !important}
/* Correction for the page title that are being overwritten by tailwind */
/* NOTE: This is a very fragil hack that will work until the shared styles */
/* change or the tailwind stuff breaks things further. The real solution */
/* is to isolate the tailwind styles to inside the .page-body tag. */
/* The koality team is working on patches for the SPA to do that. */
.page-title {
display: block;
font-size: 30px;
text-transform: capitalize;
}
.page-title-section {
display: inline-block;
vertical-align: top;
font-size: 20px;
}
h1.page-header {
border-bottom: 0;
font-weight: lighter;
font-family: "Open Sans",sans-serif;
line-height: 1.1;
color: inherit;
font-size: 2em;
margin-bottom: 0.67em;
}
h1 #pageSubHeading {
font-size: 65%;
font-weight: 400;
line-height: 1;
color: #999;
}
</style>
[% END %]
[% BLOCK init_block %]
[%
SET locale_tag = locale.get_language_tag(); # es_419
SET language_tag = locale_tag.split('_').0; # es
%]
<script>
window.PLUGINS = {
koality: {
isSandbox: [% IF CPANEL.is_sandbox; 'false'; ELSE; 'false'; END; %],
isCpanel: true,
locale: [% language_tag.json() %],
token: [% token.json() %],
environment: [% environment.json() %],
basePath: [% ROUTER_PATH.json() %],
homeUrl: [% HOME_URL.json() %],
defaultPage: 'index.html#/',
hasDevConfig: false,
}
}
</script>
[% END %]
[% BLOCK js_block %]
<script crossorigin="crossorigin" src="[% theme_magic_url('koality/_nuxt/EJiqiqZX.js') %]" type="module"></script>
<script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"light";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script>
[% END %]
[% BLOCK meta_block %]
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="no-referrer" name="referrer" />
[% END %]
Back to Directory
File Manager