Viewing File: /usr/local/cpanel/whostmgr/docroot/templates/autossl/views/view_logs.ptt

<div class="row">
    <div class="col-md-12">
        <h2>
            [% locale.maketext('[asis,AutoSSL] Logs'); %]
            <button id="btnConfirmRefreshLogList"
                type="button"
                button-class="btn-link"
                spinner-id="spinnerRefreshLogList"
                cp-action="fetch_logs_catalog()">
                    <span class='glyphicon glyphicon-refresh'></span>
                    [% locale.maketext('Refresh'); %]
            </button>
        </h2>
        <div class="form_area" ng-if="!logs_catalog.length">
        [% locale.maketext('This system contains no [asis,AutoSSL] log data.') %]
        </div>

        <form ng-if="logs_catalog.length" id="log_select_form" class="form_area" cp-form-waiting="log_submit()" cp-form-waiting-spinner-size="3">
            <div>
                <label for="log_chooser">
                    [% locale.maketext('Select a log to view:') %]
                </label>

                <span ng-if="($parent.logs_catalog | filter : { in_progress: true }).length">
                    (“+” = [% locale.maketext('in progress') %])
                </span>
            </div>

            <div>
                <select
                    id="log_chooser"
                    class="no-validation-border"
                    name="log_run"
                    size="5"
                    ng-model="$parent.chosen_log"
                    ng-options="((run.in_progress ? '+ ' : '') + datetime(run.start_time_epoch,'datetime_format_medium') + ' &mdash; ' + (run.username === '*' ? '[% locale.maketext('All Users') %]' : run.username) + ' &mdash; ' + get_provider_display_name(run.provider)) for run in logs_catalog"
                    ondblclick="document.getElementById('log_submit').click()"
                ></select>
            </div>

            <button id="log_submit" class="btn btn-primary" type="submit">[% locale.maketext('View Log') %]</button>
        </form>

        <div ng-if="logs_catalog.length" id="log_display" class="log-display">
            <span ng-if="!last_load_data" class="log-placeholder">[% locale.maketext('The log data will appear here after you load it.') %]</span>

            <h5 ng-if="!last_load_data">
                <span ng-if="last_load_data.in_progress">[% locale.maketext('The system has not finished writing to this log.') %]</span>
                <span ng-if="!last_load_data.in_progress">[% locale.maketext('The system finished writing to this log.') %]</span>
            </h5>

            <h4 ng-if="last_load_data">
                <span ng-if="last_load_data.username === '*'">
                    [% locale.maketext('Log for the [asis,AutoSSL] run for all users:') %]
                </span>
                <span ng-if="last_load_data.username !== '*'">
                    [% locale.maketext('Log for the [asis,AutoSSL] run for “[_1]”:', '{{last_load_data.username}}') %]
                </span>
                {{datetime(last_load_data.start_time_epoch, "datetime_format_full")}} ({{get_provider_display_name(last_load_data.provider)}})
            </h4>

            <div id="current_loaded_log_html"></div>
        </div>
    </div>
</div>

<style>
    #log_chooser {
        margin-bottom: 5px;
    }

    .indent1 {
        margin-left: 2em;
    }
    .indent2 {
        margin-left: 4em;
    }
    .indent3 {
        margin-left: 6em;
    }
    .indent4 {
        margin-left: 8em;
    }
    .indent5 {
        margin-left: 10em;
    }
    .indent6 {
        margin-left: 12em;
    }
    .indent7 {
        margin-left: 14em;
    }
    .indent8 {
        margin-left: 16em;
    }
    .indent9 {
        margin-left: 18em;
    }

    .log-indent {
        display: inline-block;
        height: 1px;
        width: 2em;
    }

    .log-display {
        margin-bottom: 10px;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        padding: 5px;
        max-width: 960px;
        word-break: break-word;
    }

    .log-placeholder {
        font-style: italic;
    }

    .logentry-error,
    .logentry-warn,
    .logentry-success {
        font-weight: bold;
    }

    .logentry-success {
        color: green;
    }

    .logentry-error {
        color: red;
    }

    .logentry-warn {
        color: orange;
    }
</style>