Viewing File: /usr/local/cpanel/whostmgr/docroot/templates/easyapache4/index.tmpl

[%
    USE Whostmgr;
    USE JSON;

    SET styleSheets = [
        Whostmgr.find_file_url("/templates/easyapache4/index.min.css")
    ];


    WRAPPER "master_templates/master.tmpl"
        app_key = 'easyapache_4'
        header = locale.maketext("[asis,EasyApache 4][comment,nothing to translate but it makes it clear that the term has been vetted and is not overlooked hardcoded text]"),
        breadcrumburl = "/scripts7/EasyApache4",
        base = '/scripts7/EasyApache4/',
        stylesheets = styleSheets,
        theme = "bootstrap"
        CJT2_EXCLUSIVE = 1;
%]
[% IF data.os_is_compatible -%]
<!--
    NOTE: Customize controller is used as a parent controller here because
    there is no way to nested views and all views share same index file.
    When we can use angular-ui-router, we can separate profile view from
    customize wizard views.
-->
<div id="mainContainer"
    ng-controller="customize"
    class="layout-medium ea4-view"
    ng-cloak>
    <div class="row">
        <div class="col-xs-12">
            <div class="top-links">
                <!-- Single button -->
                <button id="btnEasyApache4Updates"
                    type="button"
                    class="btn"
                    ng-class="customize.checkUpdateInfo.btnCss"
                    ng-show="currentRoute === '/profile'"
                    ng-click="customize.provisionEA4Updates()"
                    ng-disabled="customize.checkUpdateInfo.isLoading || customize.checkUpdateInfo.pkgNumber === 0"
                    title="{{ customize.checkUpdateInfo.btnTitle }}">
                    <span ng-show="customize.checkUpdateInfo.isLoading">
                        <span id="spinner_checkUpdate" class="fas fa-spinner fa-spin"></span>
                    </span>
                    <span id="updatePkgNumber"
                        class="badge badge-info"
                        ng-show="customize.checkUpdateInfo.pkgNumber > 0 && !customize.checkUpdateInfo.isLoading">
                        {{ customize.checkUpdateInfo.pkgNumber }}
                        <span class="sr-only">[% locale.maketext("Packages") %]</span>
                    </span>
                    {{ customize.checkUpdateInfo.btnText }}
                </button>
                <div id="help_links" class="btn-group" uib-dropdown>
                    <button id="btnHelpLinkToggle" type="button"
                        class="btn btn-default dropdown-toggle"
                        uib-dropdown-toggle>
                        <i class="glyphicon glyphicon-question-sign"></i>
                        [% locale.maketext("Help Links") %]
                        <span class="caret"></span>
                    </button>
                    <ul id="ddlHelpMenu" class="dropdown-menu open-opposite-side"
                        role="menu"
                        uib-dropdown-menu>
                        <li>
                            <a id="linkHowToPackageManager" href="https://go.cpanel.net/packagemanager" target="_blank">
                                [% locale.maketext("Package Manager Basics[comment,no punctuation due to usage]") %]
                            </a>
                        </li>
                        <li>
                            <a id="linkHowToMakeNewProfile" href="https://go.cpanel.net/EA4profile" target="_blank">
                                [% locale.maketext("[asis,EasyApache 4] - Create a Profile[comment,no punctuation due to usage]") %]
                            </a>
                        </li>
                        <li>
                            <a id="link_EA4_Faq" href="https://go.cpanel.net/EA4FAQ" target="_blank">
                                [% locale.maketext("[asis,EasyApache 4] FAQ[comment,no punctuation due to usage]") %]
                            </a>
                        </li>
                    </ul>
                </div>
                <button id="btnSaveAsProfileTop"
                    class="btn btn-default"
                    ng-show="customize.wizard.showWizard"
                    ng-disabled="customize.saveProfilePopup.showTop || customize.saveProfilePopup.showBottom"
                    ng-click="customize.showsaveProfilePopup('top')"
                    type="button"
                    data-toggle="collapse"
                    data-target="#saveProfilePopup"
                    aria-expanded="false"
                    aria-controls="saveProfilePopup">
                    <span class="far fa-save"></span>
                    [% locale.maketext("Save as profile[comment,button title]") %]
                </button>
            </div>
        </div>
    </div>
    [% IF data.show_litespeed %]
    [%PROCESS 'easyapache4/views/litespeed.ptt' %]
    [% END %]

    <!-- Save as profile directive -->
    <div class="row">
        <div class="col-xs-12" ng-if="customize.saveProfilePopup.showTop">
            <div class="pop-over right top">
                <save-as-profile id-prefix="saveProfile"
                    position="{{ customize.saveProfilePopup.position }}"
                    packages="customize.selectedPkgs"
                    show="{{ customize.saveProfilePopup.showTop || customize.saveProfilePopup.showBottom }}"
                    on-cancel="customize.clearSaveProfilePopup(customize.saveProfilePopup.position)">
                </save-as-profile>
            </div>
        </div>
    </div>
    <div class="row ea-container">
        <!-- Wizard Left Nav -->
        <div class="col-xs-3" ng-show="customize.wizard.showWizard">
            <ul id="ea4CustomizeWizard" class="nav nav-pills nav-stacked">
                <li ng-class="customize.getStepClass(name)"
                    ng-repeat="(name, data) in customize.wizard.steps track by name | orderBy:'data.stepIndex'">
                    <a id="{{ ::name }}Step" href="javascript:void(0)" ng-click="customize.proceed(data.path)" ng-bind-html="::data.title">
                    </a>
                </li>
            </ul>
        </div>
        <div ng-class="customize.getViewWidthCss(customize.wizard.showWizard)">
            <div class="row">
                <div class="ng-cloak col-xs-12">
                    <cp-alert-list></cp-alert-list>
                </div>
                <div class="col-xs-12">
                    <div ng-view class="animate-view"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- Wizard Footer -->
    <div class="row"  ng-show="customize.wizard.showFooter">
        <div class="col-xs-12">
            <div class="row">
                <div class="col-xs-12" ng-if="customize.saveProfilePopup.showBottom">
                    <div class="pop-over right bottom">
                      <save-as-profile id-prefix="saveProfile"
                            position="{{ customize.saveProfilePopup.position }}"
                            packages="customize.selectedPkgs"
                            show="{{ customize.saveProfilePopup.showTop || customize.saveProfilePopup.showBottom }}"
                            on-cancel="customize.clearSaveProfilePopup(customize.saveProfilePopup.position)">
                        </save-as-profile>
                    </div>
                </div>
            </div>
            <div class="row">
                <!-- Place holder to ensure action buttons stay below the package list section -->
                <div class="col-xs-3"></div>
                <!-- ACTION BUTTONS -->
                <div class="col-xs-9">
                    <div class="row">
                        <div class="col-xs-6">
                            <button id="proceed" class="btn btn-primary"
                                ng-click="customize.proceed()">
                                [% locale.maketext("Next") %]
                            </button>
                          </div>
                        <div class="col-xs-6 text-dir-right">
                            <button id="btnSaveAsProfileBottom"
                                class="btn btn-default"
                                ng-disabled="customize.saveProfilePopup.showTop || customize.saveProfilePopup.showBottom"
                                ng-click="customize.showsaveProfilePopup('bottom')"
                                type="button"
                                data-toggle="collapse"
                                data-target="#saveProfilePopup"
                                aria-expanded="false"
                                aria-controls="saveProfilePopup">
                                <span class="far fa-save"></span>
                                [% locale.maketext("Save as profile[comment,button title]") %]
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<div growl></div>

<script type="text/javascript">
    var PAGE = PAGE || {};

    PAGE.NAME = "easyapache4";
    PAGE.cl_data = [% data.cl_data.json() %];
    PAGE.cl_licensed = [% data.cl_licensed ? "true" : "false" %];
    PAGE.phpels_data = [% data.phpels_data.json() %];
    PAGE.phpels_licensed = [% data.phpels_licensed ? "true" : "false" %];
    PAGE.promote_phpels = [% data.promote_phpels ? "true" : "false" %];
    PAGE.phpels_icon = "[% MagicRevision('/images/tuxcare.png') %]";
    PAGE.cl_icon = "[% MagicRevision('/images/CloudLinux_logo.png') %]";
</script>

<script type="text/ng-template" id="directives/saveAsProfile.ptt">
[% PROCESS 'easyapache4/directives/saveAsProfile.ptt' %]
</script>
<script type="text/ng-template" id="directives/eaWizard.ptt">
[% PROCESS 'easyapache4/directives/eaWizard.ptt' %]
</script>
[% ELSE -%]
<div id="incompatibleOSMsg" class="alert alert-info alert-dismissable">
    <span class="glyphicon glyphicon-info-sign"></span>
    <div class="alert-message">
        <strong>[% locale.maketext("Info:") %]</strong>
        [% locale.maketext("[asis,EasyApache 4] requires [list_or,_1][comment,List of OSs]. You must upgrade your system to a compatible operating system before you can migrate to [asis,EasyApache 4].", ["CentOS 6+", "RHEL 6+", "CloudLinux 6+"]) %]
    </div>
</div>
 %]
[% END -%]
[% PROCESS 'master_templates/cjt2_header_include.tt' %]
[% END # End Wrapper %]