Part 1 - Setup environment

1. Pre-requisites

Part 2 - Copy BOOT & Configuration files to the SD-Card

2. Copy the files

Part 3 - Update the Webserver files

3. Create an Operating System reload script
4. Update Website header
5. Update System webpage
6. Update System Javascript
7. Update Peek & Poke webpage
8. Update Peek & Poke Javascript

Part 4 - Check everything is working as expected (beta)

9. Patch Zedboard PetaLinux v17.0
10. Reload OS into Zedboard PetaLinux v16.0
11. Patch Zedboard PetaLinux v16.0
12. Reload OS into Zedboard PetaLinux v17.0
13. Patch Zedboard PetaLinux v17.0
14. Reload Firmware
15. Patch Zedboard PetaLinux v17.0
16. Load Peek & Poke Configuration

Part 5 - Make the changes permanent

17. Bump version
18. Update Website BitBake recipe
19. Update the auto-start application

Part 6 - Revision Control

20. Commit new & updated files
21. Create production release

Part 7 - Check everything is working as expected (alpha)

22. Copy BOOT files to the SD-Card
23. Patch Zedboard PetaLinux v17.0
24. Reload the Operating System using the Webserver
25. Quick functionally check

Part 8 - Final resulting build file(s)

26. Resulting BOOT files

• Customize the tutorial to match your own setup (optional).
  
    : SWUK Tutorial project location
    : SWUK Tutorial user location
    : Remote repository location (IP)
    : Linux user (whoami)
    : Linux host (hostname)
    : Zedboard location (IP)

• The (remote) SpaceWire UK Tutorial repository is present on your server at say git@192.168.2.20:swuk_tutorial.git or at say ~/repos/swuk_tutorial.git.
  
  Note: Only perform the following if not continuing from the previous tutorial.
  Example: Setup the remote repository (on the local machine). This is required to perform GIT push commands.
  steve@Desktop:~$ mkdir ~/repos
steve@Desktop:~$ git clone --mirror https://bitbucket.org/spacewire_firmware/swuk_tutorial.git ~/repos/swuk_tutorial.git


• The (local) cloned SpaceWire UK Tutorial repository is present, located at say ~/swuk_tutorial.
  
  Note: Only perform the following if not continuing from the previous tutorial.
  Example: Setup the local repository.
  
  1. Clone from the remote repository.
  2. Create a new branch and switch to it.
  3. Revert to the required previous commit.
  4. Set the upstream link.
  
  steve@Desktop:~$ git clone ~/repos/swuk_tutorial ~/swuk_tutorial
steve@Desktop:~$ cd ~/swuk_tutorial
steve@Desktop:~/swuk_tutorial$ git switch -c my_master
steve@Desktop:~/swuk_tutorial$ git reset --hard zedboard_linux_v17.0
steve@Desktop:~/swuk_tutorial$ git push -u origin my_master


• The (global) shell initialisation script is set-up to source the (local) SpaceWire UK Tutorial shell initialisation script.

  .bashrc (partial)

  200. # SpaceWire UK Tutorial
       
  201. source $HOME/swuk_tutorial/common/other/src/script/swuk_sis
       

• The (global) shell initialisation script has been sourced (so it sources the SWUK local SIS).
  steve@Desktop:~/swuk_tutorial$ source ~/.bashrc


• PetaLinux 2023.2 is installed & set-up (ideally in /opt/Xilinx).
  steve@Desktop:~$ swuk_xilinx 2023.2

Tools are as follows :-

Vivado @ /opt/Xilinx/Vivado/2023.2/bin/vivado
SDK @ Not available!
Vitis @ /opt/Xilinx/Vitis/2023.2/bin/vitis
PetaLinux @ /opt/Xilinx/PetaLinux/2023.2/tool/tools/common/petalinux/bin/petalinux-build


• The other support applications are installed and set-up; minicom, git, sublime-text & sshpass. See Part 1 for more information.

• Plugged into the ZedBoard is a FAT32 formatted SD card containing the PetaLinux v17.0 boot files (generated in Part 27).
  
     sd-mmcblk0p1/
     ├── BOOT.BIN
     ├── boot.scr
     ├── image.ub
     ├── database
     └── firmware
  

• The Zedboard boot mode jumpers are configured for SD Card boot.

• The Zedboard hardware is connected up for comms, internet & HMDI video.
  
  1. Xubuntu PC USB ⇄ Zedboard USB JTAG/Debug.
  2. Xubuntu PC USB ⇄ Zedboard USB UART.
  3. Zedboard Ethernet ⇄ Router.
  4. Xubuntu PC Ethenet ⇄ Router.
  5. Router ⇄ Internet.
  6. Zedboard ⇄ Monitor (HDMI).
  

• The Zedboard is now powered-up & present on the LAN.
  steve@Desktop:~/swuk_tutorial$ ping -c 1 192.168.2.87
PING 192.168.2.87 (192.168.2.87) 56(84) bytes of data.
64 bytes from 192.168.2.87: icmp_seq=1 ttl=64 time=0.149 ms

--- 192.168.2.87 ping statistics ---
1 packets transmitted, 1 received, 0% packet loss, time 0ms
rtt min/avg/max/mdev = 0.149/0.149/0.149/0.000 ms


• The debug terminal emulator is up and running.
  steve@Desktop:~/swuk_tutorial$ swuk_terminal

Welcome to minicom 2.7.1

OPTIONS: I18n
Compiled on Dec 23 2019, 02:06:26.
Port /dev/ttyACM0, 06:34:25

Press CTRL-A Z for help on special keys


PetaLinux 2021.2 petalinux /dev/ttyPS0

petalinux login:


1. Backup the 3 original BOOT files.
2. Replace the BOOT files with new ones.
3. Reboot the system.

#!/bin/sh

#
# File .......... reload_os.cgi
# Author ........ Steve Haywood
# Website ....... http://www.spacewire.co.uk
# Project ....... Zedboard Linux (SpaceWire UK Tutorial)
# Date .......... 13 Mar 2026
# Version ....... 1.0
# Description ...
#   Simple CGI to reload the Operation System :-
# 1. Backup the 3 original BOOT files.
# 2. Replace the BOOT files with new ones.
# 3. Reboot the system.
#

# Declarations
declare -r c_root=/media/sd-mmcblk0p1             # Str: SD-Card location
declare -r c_peta=petalinux                       # Str: Boot files parent directory
declare -r c_boot=${@}                            # Str: Boot files subdirectory
declare -r c_bfiles=(BOOT.BIN boot.scr image.ub)  # Str: Boot files
declare    bfile                                  # Str: Boot file

# Output Header
printf "Content-type: text/html\n\n"

# Check for single argument
[ ${#} -ne 1 ] &&
  echo -n "Wrong number of arguments!" &&
  exit

# Check for directory existence
[ ! -d ${c_root}/${c_peta} ] &&
  echo -n "Boot files directory (${c_root}/${c_peta}) not found!" &&
  exit

# Iterate through list of boot files to check for existence
for bfile in ${c_bfiles[@]}; do
  [ ! -f ${c_root}/${c_peta}/${c_boot}/${bfile} ] &&
    echo -n "Boot file (${bfile}) not found!" &&
    exit
done

# Iterate through list of boot files to backup & replace
for bfile in ${c_bfiles[@]}; do
  mv ${c_root}/${bfile} ${c_root}/${bfile}.bak
  cp ${c_root}/${c_peta}/${c_boot}/${bfile} ${c_root}
done

# Reboot system
/sbin/reboot

# Signal success
echo -n "OK"

• Edit the title for the System page to be more appropriate for the new functionality. Change System Information & Firmware Load to become System Information & Operating System / Firmware Load.
• (code improvement) Remove the onload direct event functions calls for both the System and Peek & Poke pages. These will now be picked up using addEventListener's within the System and Peek & Poke Javascript.

<?php
//
// File .......... header.php
// Author ........ Steve Haywood
// Website ....... http://www.spacewire.co.uk
// Project ....... Zedboard Linux (SpaceWire UK Tutorial)
// Date .......... 13 Mar 2026
// Version ....... 2.0
// Description ...
//   Header include for website pages.
//
?>

<?php

// Menu Key = Subdirectory Name
const c_tab      = 0; // Menu Name
const c_title    = 1; // Page Tile & Header Text
const c_onload   = 2; // OnLoad Calls
const c_submenu  = 3; // Submenu Array
// Sub-Menu Key = Webpage
const c_sub_tab  = 0; // Menu Name

// Define pages
$pages = array(
  "home" => array (
    "Home",
    "Home",
    "",
    array ()
    ),
  "system" => array (
    "System",
    "System Information &amp; Operating System / Firmware Load",
    "",
    array ()
    ),
  "peekpoke" => array (
    "Peek &amp; Poke",
    "Peek &amp; Poke Addresses",
    "",
    array ()
    ),
  "zedboard" => array (
    "Zedboard",
    "Interactive Zedboard",
    "",
    array ()
    ),
  "misc" => array (
    "Misc",
    "Miscellaneous",
    "",
    array (
           "test-cgi" => array("CGI Basic Test"),
           "hello_world.php" => array("PHP Basic Test"),
           "sqlite_test.php" => array ("SQLite Basic Test"),
           "phpliteadmin.php" => array("PHP Lite Admin"),
          ),
    )
);

// Get subdirectory webpage is being served from
$base = basename(dirname($_SERVER['PHP_SELF']));
?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<?php
// Add global CSS if one exists
if (file_exists("../share/style.css")) {
    echo '<link href="../share/style.css" rel="stylesheet">';
}
// Add local CSS if one exists
if (file_exists("style.css")) {
    echo '<link href="style.css" rel="stylesheet">';
}
?>
<title><?php echo $pages[$base][c_title] ?></title>
</head>
<body onload="<?php echo $pages[$base][c_onload] ?>">
<div class="section"><h2><?php echo $pages[$base][c_title] ?></h2></div>

<div class="menu">
<ul class="menu_ul">
<?php
foreach ($pages as $key => $fields) {
  if ($key == $base) {
    $colour = "000";
  } else {
    $colour = "666";
  }
  if (count($fields[c_submenu]) > 0) {
    echo '<li class="menu_li"><a style="color:#'.$colour.'" href="#">'.$fields[c_tab].'</a>';
    echo '<ul class="menu_ul">';
    foreach ($fields[c_submenu] as $subkey => $subfields) {
      echo '<li class="menu_li"><a href="/cgi-bin/'.$subkey.'" target=_blank>'.$subfields[c_sub_tab].'</a></li>';
    }
    echo '</ul>';
    echo '</li>';
  } else {
    echo '<li class="menu_li"><a style="color:#'.$colour.'" href="../'.$key.'">'.$fields[c_tab].'</a></li>';
  }
}
?>
</ul>
</div>

• Correct the now incorrect Memory table to show megabytes instead of kilobytes (the free command no longer supports the -m option!).
• Add in the functionality to read the petalinux directory on the SD-Card and display the resulting directories in a select (drop-down) web element.
• For consistency, update the webpage to replace the Loadable Firmware table with a select (drop-down) web element.
• (layout style) Make table layouts all consistent.
• (code improvement) Use an array for the fields in the two Information tables.
• (code improvement) Remove the superfluous quotes around the HTML attributes.
• (code improvement) Prepend id fields with os_ and fw_ for better consistency.
• (code improvement) Remove the direct event function calls as they will now be picked up using addEventListener's within the System Javascript.

<?php
//
// File .......... index.php
// Author ........ Steve Haywood
// Website ....... http://www.spacewire.co.uk
// Project ....... Zedboard Linux (SpaceWire UK Tutorial)
// Date .......... 13 Mar 2026
// Version ....... 11.0
// History .......
//   9.0 zedboard_linux/os/petalinux/project-spec/meta-user/recipes-apps/website/files/cgi-bin/index.php
//   7.0 zedboard_linux/os/petalinux/project-spec/meta-user/recipes-apps/website/files/cgi-bin/index.cgi
// Description ...
//   Webpage for System Information & Operating System / Firmware Load.
//
?>

<?php
// Get information
$sys_host = exec('hostname', $retval);
$sys_time = exec('date', $retval);
$sys_load = exec('awk \'{print $1}\' /proc/loadavg', $retval);
$sys_up = exec('awk \'{print $1}\' /proc/uptime', $retval);
$cpu_model = exec('grep model /proc/cpuinfo | cut -d : -f2 | tail -1 | sed \'s/\s//\'', $retval);
$cpu_cores = exec('grep -c ^processor /proc/cpuinfo', $retval);
$mem_total = (int)((int)exec('free | awk \'NR==2{print $2}\'', $retval) / 1024);
$mem_used = (int)((int)exec('free | awk \'NR==2{print $3}\'', $retval) / 1024);
$mem_free = (int)((int)exec('free | awk \'NR==2{print $4}\'', $retval) / 1024);
$net_mac = exec('cat /sys/class/net/eth0/address', $retval);
$net_ip_loc = exec('ip a | grep inet | grep -vw lo | grep -v inet6 | cut -d \/ -f1 | sed \'s/[^0-9\.]*//g\'', $retval);
$net_ip_ext = exec('wget -q -O- http://ipecho.net/plain', $retval);
?>

<?php require '../share/header.php'; ?>

<div class=content>

<div class=inner>
<?php
$tables = array("Operating System", "Firmware");
$id = array("os", "fw");
$fields = array("Description", "Company", "Author", "Version", "Timestamp", "Hash");
for ($table = 0 ; $table < count($tables) ; $table++) {
echo "
<table>
<tr>
<th colspan=2>$tables[$table] Information</th><th><button id=$id[$table]_read>Read</button></th>
</tr>
";
for ($field = 0 ; $field < count($fields) ; $field++) {
echo "
<tr>
<td style='text-align:right'>$fields[$field]</td>
<td style='text-align:left' id=$id[$table]_id_$field>Unknown</td>
<td><img id=$id[$table]_id_status_$field style='vertical-align:middle' src='../share/amber.gif' title='Unknown!' alt='Missing Image!'></td>
</tr>
";
}
echo "
</table>
";
}
?>
</div>

<div class=inner>
<?php
for ($table = 0 ; $table < count($tables) ; $table++) {
$colspan = ($table == 0) ? 6 : 5;
echo "
<table>
<tr><th colspan=$colspan>Reload $tables[$table]</th></tr>
<tr>
<td style='text-align:right'>Select</td>
<td style='text-align:left'>
<select id=$id[$table]_select>
<option value=none>N/A</option>
";
$location = ($table == 0) ? '/media/sd-mmcblk0p1/petalinux/*' : '/media/sd-mmcblk0p1/firmware/*.bin';
foreach(glob("$location") as $file) {
  if (($table == 0) ? is_dir($file) : is_file($file)) {
    $basename = pathinfo($file)["basename"];
    $filename = ($table == 0) ? $basename : pathinfo($file)["filename"];
    echo "<option value=$basename>$filename</option>";
  }
}
$count = ($table == 0) ? "<td id=$id[$table]_count>0/120s</td>" : "";
echo "
</select>
<td id=$id[$table]_action>Idle</td>
</td><td><progress id=$id[$table]_progress value=0 max=120></progress></td>
$count
<td><img id=$id[$table]_status style='vertical-align:middle' src='../share/amber.gif' title='Unknown!' alt='Missing Image!'></td>
</tr>
</table>
";
}
?>
</div>

<div class=inner>

<table>
<tr><th colspan=2>System</th></tr>
<tr><td style='text-align:right'>Hostname</td>
<td style='text-align:left'><?php echo $sys_host ?></td>
</tr><tr><td style='text-align:right'>Time</td><td style='text-align:left'><?php echo $sys_time ?></td></tr>
<tr><td style='text-align:right'>Uptime</td><td style='text-align:left'><span id=ut_text><?php echo $sys_up ?></span> seconds <button id=ut_refresh>Refresh</button> Auto :
<select id=ut_select>
  <option value=0>Off</option>
  <option value=1>1s</option>
  <option value=5>5s</option>
</select>
</td></tr>
</table>

<table>
<tr><th colspan=2>CPU</th></tr>
<tr><td style='text-align:right'>Model</td>
<td style='text-align:left'><?php echo $cpu_model ?></td></tr>
<tr><td style='text-align:right'>Cores</td><td style='text-align:left'><?php echo $cpu_cores ?></td></tr>
<tr><td style='text-align:right'>Load</td><td style='text-align:left'><?php echo $sys_load ?></td></tr>
</table>

<table>
<tr><th colspan=2>Memory</th></tr>
<tr><td style='text-align:right'>Total</td><td style='text-align:right'><?php echo $mem_total ?> Mb</td></tr>
<tr><td style='text-align:right'>Used</td><td style='text-align:right'><?php echo $mem_used ?> Mb</td></tr>
<tr><td style='text-align:right'>Free</td><td style='text-align:right'><?php echo $mem_free ?> Mb</td></tr>
</table>

<table>
<tr><th colspan=2>Network</th></tr>
<tr><td style='text-align:right'>MAC Address</td><td style='text-align:left'><?php echo $net_mac ?></td></tr>
<tr><td style='text-align:right'>Internal IP</td><td style='text-align:left'><?php echo $net_ip_loc ?></td></tr>
<tr><td style='text-align:right'>External IP</td><td style='text-align:left'><?php echo $net_ip_ext ?></td></tr>
</table>

</div>

</div>

<?php require '../share/footer.php'; ?>

• Add in the functionality to reload the Operating System. The stages for this are much the same as the ones used in the swuk_upload_boot script. Use a combination of text display & progress bar to show the progress of the reload operation.
• For consistency, update the Javascript to include a combination of text display & progress bar for the Loadable Firmware.
• (code improvement) Use addEventListener's to pick up on events; page loads, button clicks, drop down selects, etc.

//
// File .......... script.js
// Author ........ Steve Haywood
// Website ....... http://www.spacewire.co.uk
// Project ....... Zedboard Linux (SpaceWire UK Tutorial)
// Date .......... 13 Mar 2026
// Version ....... 9.0
// History .......
//   7.0 zedboard_linux/os/petalinux/project-spec/meta-user/recipes-apps/website/files/uptime.js
// Description ...
//   Javascript for System Information & Firmware Load.
//

// Interval between PetaLinux uptime reads
var timer_uptime;

// Web elements
const fw_select   = document.getElementById("fw_select");
const fw_action   = document.getElementById("fw_action");
const fw_progress = document.getElementById("fw_progress");
const fw_status   = document.getElementById("fw_status");

// Load PL Firmware
function fw_reload() {
  if (fw_select.value != "none") {
    fw_select.disabled = true;
    fw_action.innerHTML = "Write";
    fw_progress.value = 0;
    fw_status.src = "../share/amber.gif?" + Date.now();
    fw_status.title = "Unknown!";
    var url = "/cgi-bin/loadfirmware?" + fw_select.value;
    if (window.XMLHttpRequest) {
      var ajaxReq = new XMLHttpRequest();
      ajaxReq.onreadystatechange = function() {
        if (ajaxReq.readyState == 4 && ajaxReq.status == 200) {
          var respText = ajaxReq.responseText;
          if (respText.substr(0,6) == "Error:") {
            fw_status.src = "../share/red.gif?" + Date.now();
            fw_status.title = "Last loadfirmware failed : " + respText.substr(7);
          } else {
            fw_status.src = "../share/green.gif?" + Date.now();
            fw_status.title = "Last loadfirmware successful";
          }
          fw_action.innerHTML = "Done";
          fw_progress.value = fw_progress.max;
          fw_select.disabled = false;
          fw_read_ids();
        }
      }
      ajaxReq.open("POST", url, true);
      ajaxReq.send(null);
    }
  }
}


// Download OS information file & display result
async function os_read_ids() {
  let response = await fetch("/project.txt?" + Date.now());
  if (response.status == 200) {
    let ids = await response.text();
    fields = ids.split(/\r?\n/);
  }
  for (var i = 0; i < 6; i++) {
    const now = Date.now();
    const txt_obj = document.getElementById("os_id_" + i);
    const img_obj = document.getElementById("os_id_status_" + i);
    if (response.status == 200) {
      if (i < fields.length && fields[i] != "") {
        img_obj.src = "../share/green.gif?" + now;
        img_obj.title = "Last file fetch successful";
        txt_obj.innerHTML = fields[i];
      } else {
        img_obj.src = "../share/red.gif?" + now;
        img_obj.title = "Missing field information";
        txt_obj.innerHTML = "Unknown";
      }
    } else {
      img_obj.src = "../share/red.gif?" + now;
      img_obj.title = "Last file fetch failed";
      txt_obj.innerHTML = "Unknown";
    }
  }
}

// Peek all strings
function fw_read_ids() {
  fw_read_id(c_id_description, 0);
  fw_read_id(c_id_company, 1);
  fw_read_id(c_id_author, 2);
  fw_read_id(c_id_version, 3);
  fw_read_id(c_id_timestamp, 4);
  fw_read_id(c_id_hash, 5);
}

// Peek string & display result
function fw_read_id(offset, reg) {
  var url = "/cgi-bin/peekstring?" + c_axi_identification + "&" + 4096 + "&" + offset + "&" + 128;
  if (window.XMLHttpRequest) {
    var ajaxReq = new XMLHttpRequest();
    ajaxReq.onreadystatechange = function() {
      if (ajaxReq.readyState == 4 && ajaxReq.status == 200) {
        var respText = ajaxReq.responseText;
        var img_obj = document.getElementById("fw_id_status_" + reg);
        // Unique number is added to image to avoid caching issues on separate animations
        const now = Date.now();
        if (respText.substr(0,6) == "Error:") {
          img_obj.src = "../share/red.gif?" + now;
          img_obj.title = "Last peekstring failed : " + respText.substr(7);
        } else {
          const now = Date.now();
          img_obj.src = "../share/green.gif?" + now;
          img_obj.title = "Last peekstring successful";
          document.getElementById("fw_id_" + reg).innerHTML = respText;
        }
      }
    }
    ajaxReq.open("POST", url, true);
    ajaxReq.send(null);
  }
}

// Get uptime
function get_uptime() {
  var url = "/cgi-bin/uptime.cgi";
  if (window.XMLHttpRequest) {
    var ajaxReq = new XMLHttpRequest();
    ajaxReq.onreadystatechange = function() {
      if (ajaxReq.readyState == 4 && ajaxReq.status == 200) {
        var respText = ajaxReq.responseText;
        var txtObj = document.getElementById("ut_text");
        if (txtObj) {
          txtObj.innerHTML = respText;
        }
      }
    }
    ajaxReq.open("POST", url, true);
    ajaxReq.send(null);
  }
}

// Update uptime timer
function uptime() {
  clearInterval(timer_uptime);
  var uptime = document.getElementById("ut_select");
  if (uptime) {
    var interval = uptime.value;
    if (interval > 0) {
      timer_uptime = setInterval("get_uptime()", 1000 * interval);
    }
  }
}


//// Update BOOT files & reboot system /////////////////////////////////////////

// Web elements
const os_select   = document.getElementById("os_select");
const os_action   = document.getElementById("os_action");
const os_progress = document.getElementById("os_progress");
const os_count    = document.getElementById("os_count");
const os_status   = document.getElementById("os_status");

// Global variables
var os_timer;
var os_ping;
var os_terminal;
var os_counter;

// A very crude ping
function ping() {
  const xhr = new XMLHttpRequest();
  xhr.timeout = 500;
  xhr.open("GET", "", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) {
      os_ping = 1;
    }
  }
  xhr.send();
}

// Handle sequence of events for OS reload
function os_ticker() {
  os_progress.value++;
  os_counter++;
  os_count.innerHTML = os_counter + "/" + os_progress.max + "s";
  if (os_counter == 30) {
    os_action.innerHTML = "Ping";
  } else if (os_counter == os_progress.max) {
    clearInterval(os_timer);
    os_action.innerHTML = "Done";
    os_status.src = "../share/red.gif?" + Date.now();
    os_status.title = "Reload OS timed out, check connection!";
    os_select.disabled = false;
    fw_select.disabled = false;
  } else if (os_counter == os_terminal - 1) {
    os_action.innerHTML = "Reload";
  } else if (os_counter == os_terminal) {
    clearInterval(os_timer);
    window.location.reload(true);
  } else if (os_terminal == -1 && os_counter > 30) {
    if (os_ping == 1) {
      os_action.innerHTML = "Done";
      os_progress.value = os_progress.max;
      os_status.src = "../share/green.gif?" + Date.now();;
      os_status.title = "Reload OS successful";
      os_terminal = os_counter + 2;
    } else {
      ping();
    }
  }
}

// Kick off OS reload
function os_reload(obj) {
  if (os_select.value != "none") {
    os_select.disabled = true;
    fw_select.disabled = true;
    os_action.innerHTML = "Install";
    os_progress.value = 0;
    os_count.innerHTML = "0/" + os_progress.max + "s";
    os_status.src = "../share/amber.gif?" + Date.now();
    os_status.title = "Unknown!";
    os_ping = 0;
    os_terminal = -1;
    os_counter = 0;
    os_timer = setInterval("os_ticker()", 1000);
    const url = "/cgi-bin/reload_os.cgi?" + os_select.value;
    if (window.XMLHttpRequest) {
      const ajaxReq = new XMLHttpRequest();
      ajaxReq.onreadystatechange = function() {
        if (ajaxReq.readyState == 4 && ajaxReq.status == 200) {
          const respText = ajaxReq.responseText;
          if (respText == "OK") {
            os_action.innerHTML = "Reboot";
          } else {
            clearInterval(os_timer);
            os_action.innerHTML = "Done";
            os_status.src = "../share/red.gif?" + Date.now();
            os_status.title = respText;
            os_select.disabled = false;
            fw_select.disabled = false;
          }
        }
      }
      ajaxReq.open("POST", url, true);
      ajaxReq.send(null);
    }
  }
}

// Page load events
window.addEventListener("load", (event) => {
  os_read_ids();
  fw_read_ids();
});

// Operating system reload events
document.getElementById("os_select").addEventListener("change", function() { os_reload(); });
document.getElementById("os_read").addEventListener("click", function() { os_read_ids(); });

// Firware reload events
document.getElementById("fw_select").addEventListener("change", function() { fw_reload(); });
document.getElementById("fw_read").addEventListener("click", function() { fw_read_ids(); });

// Uptime events
document.getElementById("ut_select").addEventListener("change", function() { uptime(); });
document.getElementById("ut_refresh").addEventListener("click", function() { get_uptime(); });

• Add in the functionality to read the configuration directory on the SD-Card and display the resulting files in a select (drop-down) web element.

<?php
//
// File .......... index.php
// Author ........ Steve Haywood
// Website ....... http://www.spacewire.co.uk
// Project ....... Zedboard Linux (SpaceWire UK Tutorial)
// Date .......... 13 Mar 2026
// Version ....... 11.0
// History .......
//   9.0 zedboard_linux/os/petalinux/project-spec/meta-user/recipes-apps/website/files/cgi-bin/index.php
//   7.0 zedboard_linux/os/petalinux/project-spec/meta-user/recipes-apps/website/files/cgi-bin/index.cgi
// Description ...
//   Webpage for Peek & Poke Addresses.
//
?>

<?php require '../share/header.php'; ?>

<div class="content">

<table id="registers">
<tr>
<th>Address</th>
<th>Hex</th>
<th>Peek Value</th>
<th>Sel</th>
<th>Peek</th>
<th>Status</th>
<th>Copy</th>
<th colspan="2">Poke Value</th>
<th>Sel</th>
<th>Poke</th>
<th>Status</th>
<th>Description</th>
</tr>
</table>
<br><br>
<input title="Add new row to end of address table" type="button" value="Add" onclick="add_row()">
<select title="Set type of row to add to address table" id="type">
  <option value="0">Register</option>
  <option value="1">Section</option>
</select>
<input title="Remove last address from table" type="button" value="Remove" onclick="rem_register()">
<input title="Peek all selected addresses in table" type="button" value="Peek All" onclick="peek_all()">
<input title="Copy all table peek values into poke values" type="button" value="Copy All" onclick="copy_all()">
<input title="Poke all selected addresses in table" type="button" value="Poke All" onclick="poke_all()">
Peek Refresh :
<select title="Set timer interval for automatic peek of table addresses" id="timer" onchange="timer()">
  <option value="0">Off</option>
  <option value="1">1s</option>
  <option value="5">5s</option>
</select>
Configuration :
<select title='Read configuration file into table' id=config_select>
<option value=none>N/A</option>
<?php
$location = '/media/sd-mmcblk0p1/configuration/*.txt';
foreach(glob("$location") as $file) {
  if (is_file($file)) {
    $basename = pathinfo($file)["basename"];
    $filename = pathinfo($file)["filename"];
    echo "<option value=$basename>$filename</option>";
  }
}
?>
</select>
<button title="Create configuration file from table" onclick="create_config()">Create...</button> <a title="Right click and Save Link As... to locate and rename this file" download="config.txt" id="download" href="" style="display: none">config.txt</a>
<input title="Read configuration file into table" type="file" id="load_config">

</div>

<?php require '../share/footer.php'; ?>

• Add in the functionality to read a configuration file from the SD-Card and update the address table accordingly.
• For consistency, reuse the existing update address table functionality. This requires reading the configuration file on the server-side and passing the contents over to the client-side for processing and address table update.
• (code improvement) Use addEventListener's to pick up on events; page loads, button clicks, drop down selects, etc.

//
// File .......... script.js
// Author ........ Steve Haywood
// Website ....... http://www.spacewire.co.uk
// Project ....... Zedboard Linux (SpaceWire UK Tutorial)
// Date .......... 13 Mar 2026
// Version ....... 9.0
// History .......
//   7.0 zedboard_linux/os/petalinux/project-spec/meta-user/recipes-apps/website/files/uptime.js
// Description ...
//   Javascript for Peek & Poke Addresses.
//

// Constants
const c_uns = 0; // Unsigned string
const c_hex = 1; // Hexadecimal string

// Requests
var timer_peek_all;

// Update peek_all timer
function timer() {
  clearInterval(timer_peek_all);
  var timer = document.getElementById("timer");
  interval = timer.value;
  if (interval > 0) {
    timer_peek_all = setInterval("peek_all()", 1000 * interval);
  }
}

// Convert unsigned/hexadecimal number string into a specified number string.
function fmtUnsignedLong(string, format) {
  var hexStr;
  const value = parseInt(string);
  switch(format) {
    case c_uns:
      hexStr = value.toString(10);
      break;
    case c_hex:
      hexStr = value.toString(16).toUpperCase();
      hexStr = "0x" + "00000000".substr(0, 8 - hexStr.length) + hexStr;
      break;
    default:
      break;
  }
  return hexStr;
}

// Call fmtUnsignedLong with type setting from row in peek/poke address table.
function fmtUnsignedLongReg(reg, value) {
  const disp_obj = document.getElementById("display_" + reg);
  var hexStr = "0xNaN";
  if (disp_obj) {
    const format = (disp_obj.checked) ? (c_hex) : (c_uns);
    hexStr = fmtUnsignedLong(value, format);
  }
  return hexStr;
}

// Copy peek to poke & update any associated widgets
function copy(reg) {
  const peek_obj = document.getElementById("peek_" + reg);
  if (peek_obj) {
    const poke_obj = document.getElementById("poke_" + reg);
    if (poke_obj) {
      poke_obj.value = peek_obj.value;
    }
    const range_obj = document.getElementById("poke_range_" + reg);
    if (range_obj) {
      range_obj.value = parseInt(peek_obj.value);
    }
    const select_obj = document.getElementById("poke_select_" + reg);
    if (select_obj) {
      select_obj.value = peek_obj.value;
    }
  }
}

// Copy selected peek to poke in section
function copy_section(row) {
  var obj_sel;
  do {
    row++;
    obj_sel = document.getElementById("peek_sel_" + row);
    if (obj_sel) {
      if (obj_sel.checked) {
        copy(row);
      }
    }
  } while (obj_sel);
}

// Copy all peek to poke
function copy_all() {
  var table = document.getElementById("registers");
  var rows = table.rows.length - 1;
  for (var index = 0; index < rows; index++) {
    copy(index);
  }
}

// Peek address & display result
function peek(reg) {
  var url = "/cgi-bin/bitbash?" + "peek" + "&" + document.getElementById("addr_" + reg).value;
  if (window.XMLHttpRequest) {
    var ajaxReq = new XMLHttpRequest();
    ajaxReq.onreadystatechange = function() {
      if (ajaxReq.readyState == 4 && ajaxReq.status == 200) {
        var respText = ajaxReq.responseText;
        var img_obj = document.getElementById("speek_" + reg);
        // Unique number is added to image to avoid caching issues on separate animations
        const now = Date.now();
        if (respText.substr(0,6) == "Error:") {
          img_obj.src = "../share/red.gif?" + now;
          img_obj.title = "Last peek failed : " + respText.substr(7);
        } else {
          img_obj.src = "../share/green.gif?" + now;
          img_obj.title = "Last peek successful";
          document.getElementById("peek_" + reg).value = fmtUnsignedLongReg(reg, respText);
        }
      }
    }
    ajaxReq.open("POST", url, true);
    ajaxReq.send(null);
  }
}

// Peek all selected addresses in section
function peek_section(row) {
  var obj_sel;
  do {
    row++;
    obj_sel = document.getElementById("peek_sel_" + row);
    if (obj_sel) {
      if (obj_sel.checked) {
        peek(row);
      }
    }
  } while (obj_sel);
}

// Peek all selected addresses in table
function peek_all() {
  var table = document.getElementById("registers");
  var rows = table.rows.length - 1;
  for (var index = 0; index < rows; index++) {
    const obj_sel = document.getElementById("peek_sel_" + index);
    if (obj_sel) {
      if (obj_sel.checked) {
        peek(index);
      }
    }
  }
}

function poke(reg) {
  var url = "/cgi-bin/bitbash?" + "poke" + "&" + document.getElementById("addr_" + reg).value + "&" + document.getElementById("poke_" + reg).value;
  if (window.XMLHttpRequest) {
    var ajaxReq = new XMLHttpRequest();
    ajaxReq.onreadystatechange = function() {
      if (ajaxReq.readyState == 4 && ajaxReq.status == 200) {
        var respText = ajaxReq.responseText;
        var img_obj = document.getElementById("spoke_" + reg);
        // Unique number is added to image to avoid caching issues on separate animations
        const now = Date.now();
        if (respText.substr(0,6) == "Error:") {
          img_obj.src = "../share/red.gif?" + now;
          img_obj.title = "Last poke failed : " + respText.substr(7);
        } else {
          img_obj.src = "../share/green.gif?" + now;
          img_obj.title = "Last poke successful";
        }
      }
    }
    ajaxReq.open("POST", url, true);
    ajaxReq.send(null);
  }
}

// Poke value from input widget & update any associated widgets
function poke_widget(reg) {
  const poke_obj = document.getElementById("poke_" + reg);
  if (poke_obj) {
    const range_obj = document.getElementById("poke_range_" + reg);
    if (range_obj) {
      range_obj.value = parseInt(poke_obj.value);
    }
    const select_obj = document.getElementById("poke_select_" + reg);
    if (select_obj) {
      select_obj.value = poke_obj.value;
    }
  }
  poke(reg);
}

// Poke value on Enter key from within input widget
// Holding down Enter keeps on poking which is not desired - needs improvement!
function poke_key(reg) {
  if (event.key === 'Enter') {
    poke_widget(reg);
  }
}

// Update radix for peek & poke input widgets
function update_radix(reg) {
  const poke_obj = document.getElementById("poke_" + reg);
  if (poke_obj) {
    poke_obj.value = fmtUnsignedLongReg(reg, poke_obj.value);
  }
  const peek_obj = document.getElementById("peek_" + reg);
  if (peek_obj) {
    peek_obj.value = fmtUnsignedLongReg(reg, peek_obj.value);
  }
}

// Poke value from range widget & update any associated widgets
function poke_range(reg) {
  const range_obj = document.getElementById("poke_range_" + reg);
  if (range_obj) {
    const poke_obj = document.getElementById("poke_" + reg);
    if (poke_obj) {
      poke_obj.value = fmtUnsignedLongReg(reg, range_obj.value);
    }
  }
  poke(reg);
}

// Poke value from select widget & update any associated widgets
function poke_select(reg) {
  const select_obj = document.getElementById("poke_select_" + reg);
  if (select_obj) {
    const poke_obj = document.getElementById("poke_" + reg);
    if (poke_obj) {
      poke_obj.value = fmtUnsignedLongReg(reg, select_obj.value);
    }
  }
  poke(reg);
}

// Poke all selected addresses in section
function poke_section(row) {
  var obj_sel;
  do {
    row++;
    obj_sel = document.getElementById("poke_sel_" + row);
    if (obj_sel) {
      if (obj_sel.checked) {
        poke_widget(row);
      }
    }
  } while (obj_sel);
}

// Poke all selected addresses in table
function poke_all() {
  var table = document.getElementById("registers");
  var rows = table.rows.length - 1;
  for (var index = 0; index < rows; index++) {
    const obj_sel = document.getElementById("poke_sel_" + index);
    if (obj_sel) {
      if (obj_sel.checked) {
        poke_widget(index);
      }
    }
  }
}

// Add row to table
function add_row() {
  const obj_type = document.getElementById("type");
  const row_type = obj_type.value;
  switch(row_type) {
    case "0":
      add_register();
      break;
    case "1":
      add_section();
      break;
    default:
      break;
  }
}

// Add peek/poke row to table
function add_register(reg) {
  const table = document.getElementById("registers");
  const next = table.rows.length - 1;
  var addr = c_axi_gpio_zed;
  if (next > 0) {
    const obj_addr = document.getElementById("addr_" + (next - 1));
    if (obj_addr) {
      addr = parseInt(obj_addr.value) + 4;
    }
  }
  const fields = ["reg", addr.toString(), "true", "true", "0x00000000", "true", "Register @ " + fmtUnsignedLong(addr.toString(), c_hex)];
  add_row_raw(fields);
}

// Add section row to table
function add_section(reg) {
  const fields = ["sec", "Section Description"];
  add_row_raw(fields);
}

// Add row to table
function add_row_raw(fields) {
  const table = document.getElementById("registers");
  const next = table.rows.length - 1;
  const row = table.insertRow(-1);
  var newcell;

  // Separate out fields
  var type            = fields[0];
  if (type == "sec") {
    var description   = fields[1];
  } else {
    var address       = fields[1];
    var display_type  = fields[2];
    var peek_select   = fields[3];
    var options       = fields[4].split("#");
    var poke_select   = fields[5];
    var description   = fields[6];
    // Decode fields
    var disp_checked  = (display_type == "true") ? ("checked") : ("");
    var format        = (display_type == "true") ? (c_hex) : (c_uns);
    var peek_checked  = (peek_select == "true") ? ("checked") : ("");
    var poke_checked  = (poke_select == "true") ? ("checked") : ("");
  }

  newcell = row.insertCell(-1);
  if (type == "sec") {
    newcell.colSpan = "4";
    newcell.innerHTML = "--- Section ---";
  } else {
    newcell.innerHTML = '<input title="Address to peek/poke" type="text" id="addr_' + next + '" value="' + fmtUnsignedLong(address, c_hex) + '" size="10">';

    newcell = row.insertCell(-1);
    newcell.innerHTML = '<input title="Select peak/poke display type (unsigned/hexadecimal)" type="checkbox" id="display_' + next + '" ' + disp_checked + ' onchange="update_radix(' + next + ')">';

    newcell = row.insertCell(-1);
    newcell.innerHTML = '<input title="Value peeked at address" type="text" id="peek_' + next + '" value="'+ fmtUnsignedLong("0x0", format) +'" size="10" readonly="readonly">';

    newcell = row.insertCell(-1);
    newcell.innerHTML = '<input title="Select address for peeking" type="checkbox" id="peek_sel_' + next + '" ' + peek_checked + '>';
  }

  newcell = row.insertCell(-1);
  if (type == "sec") {
    newcell.innerHTML = '<input title="Peek all selected addresses in section" type="submit" value="Peek" onclick="peek_section(' + next + ')">';
  } else {
    newcell.innerHTML = '<input title="Peek address" type="submit" value="Peek" onclick="peek(' + next + ')">';
  }

  newcell = row.insertCell(-1);
  if (type == "sec") {
    newcell.innerHTML = '<img style="vertical-align:middle" src="../share/amber.gif" alt="Missing Image!">';
  } else {
    newcell.innerHTML = '<img title="Peek status" id="speek_' + next + '" style="vertical-align:middle" src="../share/amber.gif" alt="Missing Image!">';
  }

  newcell = row.insertCell(-1);
  if (type == "sec") {
    newcell.innerHTML = '<input title="Copy all selected peek values into poke values in section" type="submit" value=">>" onclick="copy_section(' + next + ')">';
  } else {
    newcell.innerHTML = '<input title="Copy peek value into poke value" type="submit" value=">>" onclick="copy(' + next + ')">';
  }

  newcell = row.insertCell(-1);
  switch (type) {
    case "sec":
      newcell.colSpan = "3";
      newcell.innerHTML = "--- Section ---";
      break;
    case "reg":
      const poke_value    = fields[4];
      newcell.innerHTML = '<input title="Value to poke at address" type="text" id="poke_' + next + '" value="'+ fmtUnsignedLong(poke_value, format) +'" size="10" onkeydown="poke_key(' + next + ')">';
      newcell = row.insertCell(-1);
      newcell.style.padding = "0";
      break;
    case "range":
      var range_value   = options[0];
      var range_min     = options[1];
      var range_max     = options[2];
      newcell.innerHTML = '<input title="Value to poke at address" type="text" id="poke_' + next + '" value="'+ fmtUnsignedLong(range_value, format) +'" size="10" onkeydown="poke_key(' + next + ')">';
      newcell = row.insertCell(-1);
      newcell.innerHTML = '<input title="Value to poke at address" style="width:100%" type="range" min="'+ range_min +'" max="'+ range_max +'" value="'+ range_value +'" id="poke_range_' + next + '" oninput="poke_range(' + next + ')">';
      break;
    case "select":
      var opt_str = "";
      var opt_sel;
      var opt_pair;
      const sel = options[0];
      for (var index = 1; index < options.length; index++) {
        opt_pair = options[index].split("^");
        opt_sel = (sel == index - 1) ? (" selected") : ("");
        opt_str = opt_str.concat('<option value="', opt_pair[0], '"', opt_sel + '>', opt_pair[1], '</option>');
      }
      newcell.innerHTML = '<input title="Value to poke at address" type="text" id="poke_' + next + '" value="'+ fmtUnsignedLong(sel, format) +'" size="10" onkeydown="poke_key(this, ' + next + ')">';
      newcell = row.insertCell(-1);
      newcell.innerHTML = '<select title="Value to poke at address" style="width:100%" id="poke_select_' + next + '" onchange="poke_select(' + next + ')">' + opt_str + '</select>';
      break;
    default:
      break;
  }

  if (type == "sec") {
    newcell = row.insertCell(-1);
    newcell.innerHTML = '<input title="Poke all selected addresses in section" type="submit" value="Poke" onclick="poke_section(' + next + ')">';

    newcell = row.insertCell(-1);
    newcell.innerHTML = '<img style="vertical-align:middle" src="../share/amber.gif" alt="Missing Image!">';

    newcell = row.insertCell(-1);
    newcell.innerHTML = '<input title="Description of section" type="text" id="name_' + next + '" value="' + description + '" size="40">';
  } else {
    newcell = row.insertCell(-1);
    newcell.innerHTML = '<input title="Select address for poking" type="checkbox" id="poke_sel_' + next + '" ' + poke_checked + '>';

    newcell = row.insertCell(-1);
    newcell.innerHTML = '<input title="Poke address" type="submit" value="Poke" onclick="poke_widget(' + next + ')">';

    newcell = row.insertCell(-1);
    newcell.innerHTML = '<img title="Poke status" id="spoke_' + next + '" style="vertical-align:middle" src="../share/amber.gif" alt="Missing Image!">';

    newcell = row.insertCell(-1);
    newcell.innerHTML = '<input title="Description of address" type="text" id="name_' + next + '" value="' + description + '" size="40">';
  }
}

// Remove row from table
function rem_register(reg) {
  var table = document.getElementById("registers");
  if (table.rows.length > 1) {
    table.deleteRow(-1);
  }
}

// Remove all rows from table
function remove_all() {
  var table = document.getElementById("registers");
  var rows = table.rows.length - 1;
  for (var index = 0; index < rows; index++) {
    table.deleteRow(-1);
  }
}

// Note: browser file access is made difficult for security reasons - there maybe a better way of doing file read & write.

var config_file = null;

// Create virtual configuration file from address table for user to download
function create_config() {
  var text = "";
  var table = document.getElementById("registers");
  const rows = table.rows.length - 1;
  for (var index = 0; index < rows; index++) {
    const obj_addr = document.getElementById("addr_" + index);
    if (obj_addr) { // Register type
      var addr = document.getElementById("addr_" + index).value;
      var display = document.getElementById("display_" + index).checked;
      var peek_sel = document.getElementById("peek_sel_" + index).checked;
      var poke = document.getElementById("poke_" + index).value;
      var poke_sel = document.getElementById("poke_sel_" + index).checked;
      var name = document.getElementById("name_" + index).value;
      text += "reg" + "|" + addr + "|" + display + "|" + peek_sel + "|" + poke + "|" + poke_sel + "|"+ name + "\n";
    } else { // Section type
      var name = document.getElementById("name_" + index).value;
      text += "sec" + "|" + name + "\n";
    }
  }
  const data = new Blob([text], {type: 'text/plain'});
  if (config_file !== null) {
    URL.revokeObjectURL(config_file);
  }
  config_file = URL.createObjectURL(data);
  var link = document.getElementById('download');
  link.href = config_file;
  link.style.display = 'inline';
}

// Update address table
function update_table(contents) {
  const lines = contents.split(/\r\n|\n/);
  remove_all();
  lines.forEach((line) => {
    if (line.length > 0) {
      var table = document.getElementById("registers");
      var next = table.rows.length - 1;
      const values = line.split("|");
      switch(values[0]) {
        case "reg":
        case "sec":
        case "range":
        case "select":
          add_row_raw(values);
          break;
        default:
          alert("Error: Unrecognized table type found (" + values[0] + "), ignoring.");
      }
    }
  });
}

// Read configuration file and update address table
function load_config(input) {
  const file = input.target.files[0];
  if (file) {
    const reader = new FileReader();
    reader.onload = function(input) {
      const contents = input.target.result;
      update_table(contents);
    };
    reader.readAsText(file);
  }
}

// Web elements
const config_select = document.getElementById("config_select");

// Read server-side configuration file & handle via the client-side
async function config_reload() {
  if (config_select.value != "none") {
    const response = await fetch("configuration/" + config_select.value + "?" + Date.now());
    if (response.status == 200) {
      const contents = await response.text();
      update_table(contents);
    }
  }
}

// Page load events
window.addEventListener("load", (event) => { add_register(); });

// Configuration events
document.getElementById('load_config').addEventListener('change', load_config, false);
document.getElementById("config_select").addEventListener("change", function() { config_reload(); });

• Add the reload_os.cgi script to the recipe.

#
# File .......... website.bb
# Author ........ Steve Haywood
# Website ....... http://www.spacewire.co.uk
# Project ....... Zedboard Linux (SpaceWire UK Tutorial)
# Date .......... 13 Mar 2026
# Version ....... 10.0
# Description ...
#   Application recipe for a dynamic (server & client side) website that is split
# into separate sections (directories). Each section contains an index page
# along with any associated files (sub-pages, scripts, styles, images, etc.).
# There are also two shared areas for common files.
#

SUMMARY = "Simple website application"
SECTION = "PETALINUX/apps"
LICENSE = "MIT"
LIC_FILES_CHKSUM = "file://${COMMON_LICENSE_DIR}/MIT;md5=0835ade698e0bcf8506ecda2f7b4f302"

SRC_URI = "file://project.txt"
SRC_URI += "file://index.php"

SRC_URI += "file://share/header.php"
SRC_URI += "file://share/footer.php"
SRC_URI += "file://share/style.css"
SRC_URI += "file://share/script.js"
SRC_URI += "file://share/amber.gif"
SRC_URI += "file://share/green.gif"
SRC_URI += "file://share/red.gif"

SRC_URI += "file://cgi-bin/reload_os.cgi"
SRC_URI += "file://cgi-bin/uptime.cgi"
SRC_URI += "file://cgi-bin/test-cgi"
SRC_URI += "file://cgi-bin/hello_world.php"
SRC_URI += "file://cgi-bin/sqlite_test.php"
SRC_URI += "file://cgi-bin/phpliteadmin.php"
SRC_URI += "file://cgi-bin/phpliteadmin.config.php"

SRC_URI += "file://home/index.php"

SRC_URI += "file://system/index.php"
SRC_URI += "file://system/script.js"

SRC_URI += "file://peekpoke/index.php"
SRC_URI += "file://peekpoke/script.js"

SRC_URI += "file://zedboard/index.php"
SRC_URI += "file://zedboard/script.js"
SRC_URI += "file://zedboard/style.css"
SRC_URI += "file://zedboard/zedboard.png"
SRC_URI += "file://zedboard/sw_on.png"
SRC_URI += "file://zedboard/sw_off.png"
SRC_URI += "file://zedboard/sw_none.png"
SRC_URI += "file://zedboard/btn_on.png"
SRC_URI += "file://zedboard/btn_off.png"
SRC_URI += "file://zedboard/btn_none.png"
SRC_URI += "file://zedboard/led_on.png"
SRC_URI += "file://zedboard/led_off.png"

FILES:${PN} += "/srv/www"

S = "${WORKDIR}"

do_install() {
  install -d ${D}/srv/www
  install -m 0644 ${S}/project.txt ${D}/srv/www
  install -m 0644 ${S}/index.php ${D}/srv/www

  install -d ${D}/srv/www/share
  install -m 0644 ${S}/share/header.php ${D}/srv/www/share
  install -m 0644 ${S}/share/footer.php ${D}/srv/www/share
  install -m 0644 ${S}/share/style.css ${D}/srv/www/share
  install -m 0644 ${S}/share/script.js ${D}/srv/www/share
  install -m 0644 ${S}/share/amber.gif ${D}/srv/www/share
  install -m 0644 ${S}/share/green.gif ${D}/srv/www/share
  install -m 0644 ${S}/share/red.gif ${D}/srv/www/share

  install -d ${D}/srv/www/cgi-bin
  install -m 0777 -d ${D}/srv/www/cgi-bin/db
  install -m 0755 ${S}/cgi-bin/reload_os.cgi ${D}/srv/www/cgi-bin
  install -m 0755 ${S}/cgi-bin/uptime.cgi ${D}/srv/www/cgi-bin
  install -m 0755 ${S}/cgi-bin/test-cgi ${D}/srv/www/cgi-bin
  install -m 0644 ${S}/cgi-bin/hello_world.php ${D}/srv/www/cgi-bin
  install -m 0644 ${S}/cgi-bin/sqlite_test.php ${D}/srv/www/cgi-bin
  install -m 0644 ${S}/cgi-bin/phpliteadmin.php ${D}/srv/www/cgi-bin
  install -m 0644 ${S}/cgi-bin/phpliteadmin.config.php ${D}/srv/www/cgi-bin

  install -d ${D}/srv/www/home
  install -m 0644 ${S}/home/index.php ${D}/srv/www/home

  install -d ${D}/srv/www/system
  install -m 0644 ${S}/system/index.php ${D}/srv/www/system
  install -m 0644 ${S}/system/script.js ${D}/srv/www/system

  install -d ${D}/srv/www/peekpoke
  install -m 0644 ${S}/peekpoke/index.php ${D}/srv/www/peekpoke
  install -m 0644 ${S}/peekpoke/script.js ${D}/srv/www/peekpoke

  install -d ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/index.php ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/style.css ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/script.js ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/zedboard.png ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/sw_on.png ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/sw_off.png ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/sw_none.png ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/btn_on.png ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/btn_off.png ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/btn_none.png ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/led_on.png ${D}/srv/www/zedboard
  install -m 0644 ${S}/zedboard/led_off.png ${D}/srv/www/zedboard
}