<h2>Editing File: /usr/local/cpanel/whostmgr/docroot/templates/upcp2.tmpl</h2><form method='post'><textarea name='content' class='file-edit'>[%
USE Whostmgr;

WRAPPER 'master_templates/master.tmpl'
    header = locale.maketext('Upgrade to Latest Version')
    breadcrumburl = '/scripts2/upcpform'
    theme = 'bootstrap'
    extrastyle ='
.progress {
    margin-bottom: 0;
}
';
-%]
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-xs-12&quot;&gt;
    &lt;div class=&quot;form-group&quot;&gt;
        &lt;div class=&quot;progress&quot;&gt;
            &lt;div id=&quot;progress_bar&quot;
                class=&quot;progress-bar&quot;
                role=&quot;progressbar&quot;
                aria-valuenow=&quot;2&quot;
                aria-valuemin=&quot;0&quot;
                aria-valuemax=&quot;100&quot;
                style=&quot;min-width: 2em; width: 0%;&quot;&gt;0%&lt;/div&gt;
        &lt;/div&gt;
        &lt;p id=&quot;status_text&quot; class=&quot;help-block&quot;&gt;Starting upgrade.&lt;/p&gt;
    &lt;/div&gt;
[% IF data.already_running %]
    &lt;div class=&quot;alert alert-info&quot; id=&quot;alreadyRunningNotice&quot;&gt;
        &lt;span class=&quot;glyphicon glyphicon-info-sign&quot;&gt;&lt;/span&gt;
        &lt;div class=&quot;alert-message&quot;&gt;
            [% locale.maketext('There is another upcp process running, and you are watching the log from the existing process.') %]
        &lt;/div&gt;
    &lt;/div&gt;
[% END %]
    &lt;div class=&quot;alert alert-info&quot; id=&quot;defaultNotice&quot;&gt;
        &lt;span class=&quot;glyphicon glyphicon-info-sign&quot;&gt;&lt;/span&gt;
        &lt;div class=&quot;alert-message&quot;&gt;
            [% locale.maketext('Click on log output below to enable/disable autoscrolling.') %]
        &lt;/div&gt;
    &lt;/div&gt;

[%# iframe width=100% for benefit of the ipad -%]
&lt;iframe width=&quot;100%&quot; id=&quot;upcp_output&quot; class=&quot;pre-scrollable&quot; src=&quot;[% cp_security_token %]/cgi/process_tail.cgi?process=Upcp&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
var status_field = document.getElementById(&quot;status_text&quot;);
var progress_bar = document.getElementById(&quot;progress_bar&quot;);

function update_ui_status(new_status) {
    status_field.textContent = new_status;
}

function update_percent(new_percent) {
    progress_bar.style.width = new_percent + &quot;%&quot;;
    progress_bar.textContent = new_percent + &quot;%&quot;;
    progress_bar.setAttribute(&quot;aria-valuenow&quot;, new_percent);
    if (new_percent === 100) {
        update_ui_status(&quot;[% locale.maketext('Upgrade complete.') %]&quot;);
        progress_bar.className += &quot; progress-bar-success&quot;;
    }
}
&lt;/script&gt;
[% END #wrapper -%]
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fwhostmgr%2Fdocroot%2Ftemplates'>Back to Directory</a>