Viewing File: /usr/local/cpanel/base/frontend/jupiter/calendar-contact-management/index.html.tt

[%
# Copyright 2024 cPanel, L.L.C. - All rights reserved.
# copyright@cpanel.net
# https://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited

USE BaseDefault;
USE Master;
USE JSON;

SET CPANEL.CPVAR.dprefix = "../";

SET TEMPLATE_PATH = 'calendar-contact-management/';
SET APP_KEY       = 'calendar_contact_management';
SET ROUTER_PATH = cp_security_token _ breadcrumb_url;
SET style_sheets  = [];
SET scripts       = [];

# DO NOT, I repeat, DO NOT REMOVE (or move) BELOW COMMENT EVER!
#
#----------------------------------------------------
# ∨∨∨ THIS IS GENERATED CODE, DO NOT MODIFY IT ∨∨∨
#----------------------------------------------------
#
# Build webpack css bundle list
style_sheets.push(TEMPLATE_PATH _ 'styles.ef46db3751d8e999.css');

# Build webpack javascript bundle list
scripts.push(TEMPLATE_PATH _ 'runtime.033d2f4e97ed79f1.js');
scripts.push(TEMPLATE_PATH _ 'vendor-c0d76f48.0e3730849900deb7.js');
scripts.push(TEMPLATE_PATH _ 'vendor-0bc5b059.8460c09397647a5a.js');
scripts.push(TEMPLATE_PATH _ 'vendor-89d5c698.6f2e3a78d60fa4bc.js');
scripts.push(TEMPLATE_PATH _ 'polyfills.9989cfe482b2f6e4.js');
scripts.push(TEMPLATE_PATH _ 'main.2cd007b0385e360f.js');

#
#----------------------------------------------------
# ^^^ THIS IS GENERATED CODE, DO NOT MODIFY IT ^^^
#----------------------------------------------------
# Above comment is what in fact populates style_sheets and scripts!
# as such you must have this after initializing scripts/style_sheets
# but before invoking WRAPPER

WRAPPER '_assets/master.html.tt'
    app_key = APP_KEY,
    base = RESOURCE_PATH,
    include_legacy_stylesheets = 0,
    include_legacy_scripts = 0,
    include_cjt = 0,
    use_master_bootstrap = 1,
    page_stylesheets = style_sheets,
    page_scripts = scripts,
    is_ng = 1,
	is_jupiter_style=1,
    page_title=locale.maketext("Calendars and Contacts Management"),
%]
<style>
    /* cPanel specific hax */
	body.cpanel div#pageHeading > span.page-title {
		font-family: "Open Sans", sans-serif;
		font-size: 1.5rem;
	}

    body.cpanel nav#cpanel-breadcrumbs > a,
    body.cpanel nav#cpanel-breadcrumbs > span {
		font-family: "Open Sans", sans-serif;
		font-size: 1rem;
		font-weight: normal;
	}

    /* Webmail specific hax */
    body.webmail cp-calcontact-manager {
        display: block;
    }

    body.webmail .breadcrumb-item + .breadcrumb-item:before {
        content: "/";
        float: left;
        margin-left: 1rem;
        padding-right: 1rem;
    }

    body.webmail div.notification-list-container {
        top: 65px !important;
    }

    body.webmail div.navbar {
        height: 50px !important;
        padding: 0px !important;
    }

    body.webmail .btn {
        min-width: unset !important;
    }

    body.webmail #typeInput {
        font-size: 1.5rem !important;
    }

    body.webmail #colorInput {
        height: 4.5rem;
        width: 5.5rem;
        vertical-align: middle;
    }

    body.webmail footer ul.nav.navbar-nav {
        flex-direction: unset !important;
        display: block;
        position: fixed;
        right: 0;
    }

    body.webmail footer div.navbar-brand {
        flex-direction: unset !important;
        display: block;
        position: fixed;
        left: 0;
    }

    body.webmail header .dropdown-toggle::after {
        display: none;
    }

    body.webmail .panel {
        margin-bottom: 0;
    }

    body.webmail form .form-header {
        font-weight: 700;
        font-size: 2rem;
        padding-top: .5rem;
    }

        body.webmail .toast {
        font-size: 14px;
    }

    body.webmail .btn-close {
        background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
    }

    body.webmail .ng-form-validated .form-control.ng-invalid, .ng-touched .form-control.ng-invalid.ng-touched {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
        background-position: right calc(.375em + .1875rem) center;
        background-repeat: no-repeat;
        background-size: calc(.75em + .375rem) calc(.75em + .375rem);
        border-color: #dc3545;
        padding-right: calc(1.5em + .75rem);
    }

    body.webmail ul.invalid-feedback li {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
        background-position: left top .188rem;
        background-repeat: no-repeat;
        background-size: 1rem;
        list-style: none;
        padding-left: var(--cp-spacer-5);
    }

</style>
<cp-calcontact-manager></cp-calcontact-manager>
<script>
    window.PAGE = {
        base: [% ROUTER_PATH.json() %]
    }
	window.REMOTE_USER = "[% CPANEL.authuser %]";
</script>
[% END %]