Menu="Flash"
Title="Syslinux Configuration"
Tag="edit"
---
<?PHP
/* Copyright 2005-2018, Lime Technology
 * Copyright 2012-2018, Bergware International.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License version 2,
 * as published by the Free Software Foundation.
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 */
?>
> Use this page to make changes to your `syslinux.cfg` file.
> You will need to reboot your server for these changes to take effect.

<?
function strip($area) {
  return preg_replace(["/^  /","/\n  /","/\n$/"],["","\n",""],$area);
}
$file    = '/boot/syslinux/syslinux.cfg';
$menu    = file_get_contents($file);
$default = @file_get_contents("$file-") ?: $menu;
$text    = preg_replace(["/\r\n/","/\r/","/\n$/"],["\n","\n",""],$menu);
$text2   = preg_replace(["/\r\n/","/\r/","/\n$/"],["\n","\n",""],$default);
$menu    = array_map('strip',explode('label ',$text));
$default = array_map('strip',explode('label ',$text2));

$global  = 'Global Configuration';
$boot    = 'menu default';
?>
<link type="text/css" rel="stylesheet" href="/webGui/styles/jquery.switchbutton.css">
<style>
div.basic{display:block}
div.advanced{display:none}
<?
switch ($display['theme']) {
case 'gray':
case 'azure':
  echo "span.array,span.system{margin-left:33.33%;width:65.5%;padding:2px 10px;font-weight:bold;border:solid 1px #606E7F;border-bottom:none}\n";
  echo "textarea.menu{margin-left:33.33%;width:65.5%;margin-bottom:12px;font-family:bitstream;resize:none;border-top:none}\n";
  break;
case 'white':
  echo "span.array,span.system{margin-left:33.33%;width:65.66%;padding:1px 8px;font-weight:bold;border:solid 1px #E0E0E0;border-bottom:none}\n";
  echo "textarea.menu{margin-left:33.33%;width:65.66%;margin-bottom:12px;font-family:bitstream;resize:none;border-top:none;border-radius:0}\n";
  break;
case 'black':
  echo "span.array,span.system{margin-left:33.33%;width:65.66%;padding:1px 8px;font-weight:bold;border:solid 1px #404040;border-bottom:none}\n";
  echo "textarea.menu{margin-left:33.33%;width:65.66%;margin-bottom:12px;font-family:bitstream;resize:none;border-top:none;border-radius:0}\n";
  break;
}
?>
</style>
<script src="<?autov('/webGui/javascript/jquery.switchbutton.js')?>"></script>
<script>
const boot = '<?=$boot?>';
const global = '<?=$global?>';
const label = 'label ';

Array.prototype.indent = function(s) {
  for (var i=0; i < this.length; i++) this[i] = s+this[i];
  return this;
};
Array.prototype.spliceArray = function(i,n,a) {
  return Array.prototype.splice.apply(this,[i,n].concat(a));
};
function prepareMenu(form) {
  $('input[name="#arg[1]"]').val(form.boot.checked?1:0);
  if ($.cookie('syslinux_viewmode')!='advanced') {
    form.text.value = form.text2.value+'\n';
  } else {
    var header = [], area = [];
    $(form).find('span[id^=header]').each(function(){
      header.push($(this).text());
    });
    $(form).find('textarea.menu').each(function(i){
      var start = $('#input-'+i).prop('checked') ? boot+'\n' : '';
      area.push(start+$(this).val());
    });
    var text = '';
    for (var i=0; i < header.length; i++) {
      if (i==0) {
        text += area[i]+'\n';
      } else {
        text += label+header[i]+'\n';
        text += area[i].replace(/^|(\n)/g,'$1  ')+'\n';
      }
    }
    form.text.value = text;
  }
  form.text2.disabled = true;
}
function setDefault(form) {
  var text = [<?foreach ($default as $area) echo '"'.str_replace("\n",'|',$area).'",'?>];
  $(form).find('textarea.menu').each(function(i){
    if (i < text.length) {
      var field = text[i].split('|');
      var title = (i) ? field.shift():global;
      var start = (field[0]==boot);
      var checked = start ? ' checked':'';
      if (i) title += "<span style='float:right'><input type='checkbox' id='input-"+i+"' title='Set default boot menu' onchange='changeMenu(this.form,this.id,true)'"+checked+"></span>";
      $('#header-'+i).html(title).prop('class',start ? 'array':'system');
      if (start) field.shift();
      $(this).val(field.join('\n')).trigger('change');
    } else {
      $('#header-'+i).remove();
      $(this).remove();
    }
  });
  form.text2.value = <?=json_encode($text2)?>;
  $(form).find('textarea.text').trigger('change');
}
function changeMenu(form,id,update) {
  $(form).find('input.menu').each(function(){
    // highlight default boot menu
    var i = $(this).prop('id');
    var header = $('#'+i.replace('input','header'));
    if (i == id) {
      header.prop('class','array');
      $(this).prop('checked',true);
    } else {
      header.prop('class','system');
      $(this).prop('checked',false);
    }
  });
  if (update) {
    // advanced mode -> update text
    var n = 0, o = null;
    var x = id.split('-')[1];
    var text = form.text2.value.split('\n');
    for (var i=0; i < text.length; i++) {
      if (text[i].indexOf(label) >= 0) if (++n == x) o = i + 1;
      if (text[i].indexOf(boot) >= 0) text.splice(i,1);
    }
    if (o) text.splice(o,0,'  '+boot);
    form.text2.value = text.join('\n');
  }
}
$(function(){
  $('form').find('textarea').each(function(){$(this).on('input change',function(event){
    $(this).prop('rows',($(this).val().match(/\n/g)||[]).length+1);
    if (event.type == 'input') return;
    // propogate changes to 'other' view mode
    var form = $(this).closest('form');
    if ($(this).prop('class')=='menu') {
      // advanced mode -> update text
      var n = 0, o = 0, x = null;
      var id = $(this).prop('id').split('-')[1];
      var area = $(this).val().split('\n');
      var text2 = form.find('textarea.text');
      var text = text2.val().split('\n');
      for (var i=0; i < text.length; i++) {
        if (text[i].indexOf(label) >= 0) {
          if (n++ == id) x = i; else o = i + 1;
        }
        if (text[i].indexOf(boot) >= 0) o++;
        if (x) break;
      }
      text.spliceArray(o,(x||text.length)-o,area.indent('  '));
      text2.val(text.join('\n'));
    } else {
      // basic mode -> update menu
      var n = 0, id = null, area = [];
      var text = $(this).val().split('\n');
      for (var i=0; i < text.length; i++) {
        if (text[i].indexOf(label) >= 0) {
          $('#text-'+n).val(area.join('\n')).prop('rows',area.length);
          area = [];
          n++;
        } else {
          if (text[i].indexOf(boot) >= 0) id = 'input-'+n; else if (text[i].length) area.push(text[i].replace(/^  /,''));
        }
      }
      $('#text-'+n).val(area.join('\n')).prop('rows',area.length);
      if (id) changeMenu(form,id,false);
    }
  });});
  if ($.cookie('syslinux_viewmode')=='advanced') {
    $('.advanced').show();
    $('.basic').hide();
  }
  $('.advancedview').switchButton({
    labels_placement: 'left',
    on_label: 'Advanced View',
    off_label: 'Basic View',
    checked: $.cookie('syslinux_viewmode')=='advanced'
  });
  $('.advancedview').change(function() {
    $('.advanced').toggle('slow');
    $('.basic').toggle('slow');
    $.cookie('syslinux_viewmode', $('.advancedview').is(':checked') ? 'advanced':'basic', {expires:3650});
  });
});
</script>
<span class="status" style="margin-top:-44px"><input type="checkbox" class="advancedview"></span>

<form markdown="1" method="POST" action="/update.php" target="progressFrame" onsubmit="prepareMenu(this)">
<input type="hidden" name="#include" value="/webGui/include/update.file.php">
<input type="hidden" name="#file" value="<?=$file;?>">
<input type="hidden" name="#command" value="/webGui/scripts/bootmode">
<input type="hidden" name="#arg[1]" value="">
<input type="hidden" name="text" value="">
<div markdown="1" class="basic">
Syslinux configuration:
: <textarea class="text" name="text2" spellcheck="false" cols="80" rows="<?=substr_count($text,"\n")+1?>" maxlength="2048" style="resize:none;font-family:bitstream;width:65.5%"><?=$text?></textarea>

</div>
<div markdown="1" class="advanced">
Syslinux configuration:
: <?$i=0;
  foreach ($menu as $area):
  $field = explode("\n", $area);
  $title = ($i) ? array_shift($field):$global;
  $start = in_array($boot,$field);
  if ($start) unset($field[array_search($boot,$field)]);
?><span id="header-<?=$i?>" class="<?=$start?'array':'system'?>"><?=$title?>
  <?if ($i):?><span style="float:right"><input type="checkbox" id="input-<?=$i?>" class="menu" <?=$start?'checked':''?> title="Set default boot menu" onchange="changeMenu(this.form,this.id,true)"></span><?endif;?></span>
  <textarea class="menu" id="text-<?=$i?>" spellcheck="false" cols="80" rows="<?=count($field)?>" maxlength="2048"><?=implode("\n",$field)?></textarea><?$i++?>
  <?endforeach;?>

</div>
Server boot mode:
: <?=is_dir('/sys/firmware/efi') ? 'UEFI' : 'Legacy'?>

Permit UEFI boot mode <input type="checkbox" name="boot" <?=is_dir('/boot/EFI')?'checked':''?>>
: *Boot system in UEFI mode. Please check your system settings to support UEFI boot mode.*

<input type="button" value="Default" onclick="setDefault(this.form)">
: <input type="submit" value="Apply"><input type="button" value="Done" onclick="done()">

> Click the **Default** button to initialize the edit box with the
> factory-default contents.  You still need to click **Apply** in order to
>commit the change.
>
> Click the **Apply** button to commit the current edits.  Click **Reset** to
> undo any changes you make (before Saving). Click **Done** to exit this page.

</form>