<h2>Editing File: /usr/local/cpanel/whostmgr/docroot/templates/edit_apache_directoryindex</h2><form method='post'><textarea name='content' class='file-edit'>&lt;br /&gt;

&lt;script&gt;
function movedown() {
    var dirIndexEl = document.getElementById('dirindex');

    var current_selected = dirIndexEl.selectedIndex;

    if (current_selected &lt; 0 || current_selected == dirIndexEl.options.length - 1) { return; }

    var next_item = dirIndexEl.options[current_selected + 1];
    var current_item = dirIndexEl.options[current_selected];

    var next_item_text = next_item.text;
    var next_item_value = next_item.value;
    var current_item_text = current_item.text;
    var current_item_value = current_item.value;

    next_item.text=current_item_text;
    next_item.value=current_item_value;

    current_item.text=next_item_text;
    current_item.value=next_item_value;

    current_selected++;
    dirIndexEl.selectedIndex = current_selected;
}


function moveup() {
    var dirIndexEl = document.getElementById('dirindex');

    var current_selected = dirIndexEl.selectedIndex;
    if (current_selected &lt;= 0) { return; }

    var previous_item = dirIndexEl.options[current_selected - 1];
    var current_item = dirIndexEl.options[current_selected];

    var previous_item_text = previous_item.text;
    var previous_item_value = previous_item.value;
    var current_item_text = current_item.text;
    var current_item_value = current_item.value;

    previous_item.text=current_item_text;
    previous_item.value=current_item_value;

    current_item.text=previous_item_text;
    current_item.value=previous_item_value;

    current_selected--;
    dirIndexEl.selectedIndex = current_selected;
}

function preSubmit() {
    var dirIndexEl = document.getElementById('dirindex');
    for (var i=0;i&lt;dirIndexEl.options.length;i++) {
        dirIndexEl.options[i].selected=true;
    }
}
function  addindex() {
    var dirIndexEl = document.getElementById('dirindex');
    var name = prompt('Enter the name of the new index file','');
    var icount = dirIndexEl.options.length;
    dirIndexEl.options[icount] = new Option(name,name);
    dirIndexEl.setAttribute('size',parseInt(dirIndexEl.getAttribute('size'))+1);
}
function unsel() {
    var dirIndexEl = document.getElementById('dirindex');
    var i;
    for (i=0;i&lt;dirIndexEl.options.length;i++) {
        dirIndexEl.options[i].selected=false;
    }
}
function removeindex() {
    var dirIndexEl = document.getElementById('dirindex');
    var i;
    var size = parseInt(dirIndexEl.getAttribute('size'));
    for(i=dirIndexEl.options.length-1;i&gt;=0;i--)
    {
        if(dirIndexEl.options[i].selected) {
            dirIndexEl.remove(i);
            size--;
        }
    }
    dirIndexEl.setAttribute('size',size);

}
&lt;/script&gt;
&lt;p class=&quot;description&quot;&gt;Add/Remove and adjust the order of directory index filenames&lt;/p&gt;
&lt;div&gt;
    &lt;form action=&quot;%action%&quot; method=&quot;POST&quot; onSubmit=&quot;preSubmit();&quot;&gt;

&lt;table&gt;
&lt;tr&gt;
&lt;td&gt;
    &lt;input type=&quot;hidden&quot; name=&quot;valid_submit&quot; value=&quot;1&quot; /&gt;
    &lt;select multiple size=&quot;%indexcount%&quot; name=&quot;dirindex&quot; id='dirindex'&gt;
!@directoryindex@!
        &lt;option selected value=&quot;%uri_filename%&quot;&gt;%html_filename%&lt;/option&gt;
!@directoryindex@!
    &lt;/select&gt;
&lt;/td&gt;
&lt;td&gt;
    &lt;input type=&quot;button&quot; value=&quot;Move Up&quot; onClick=&quot;moveup();&quot; class=&quot;btn btn-default&quot;&gt;
    &lt;br /&gt;
    &lt;br /&gt;
    &lt;input type=&quot;button&quot; value=&quot;Add&quot; onClick=&quot;addindex();&quot; class=&quot;btn btn-default&quot;&gt;
    &lt;input type=&quot;button&quot; value=&quot;Remove&quot; onClick=&quot;removeindex();&quot; class=&quot;btn btn-default&quot;&gt;
    &lt;br /&gt;
    &lt;br /&gt;
    &lt;input type=&quot;button&quot; value=&quot;Move Down&quot; onClick=&quot;movedown();&quot; class=&quot;btn btn-default&quot;&gt;


    &lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;    &lt;br /&gt;
    &lt;input type=&quot;submit&quot; value=&quot;Save&quot; class=&quot;btn btn-primary&quot; /&gt;
    &lt;/form&gt;
&lt;/div&gt;

&lt;script&gt;unsel();&lt;/script&gt;
</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>