path: root/_includes/ymodem_lantiq.html

<div class="modal" data-jtd-modal="flash-modal" data-jtd-modal-backdrop="static" id="flash-modal">
    <div class="modal-content">
        <div class="modal-header">
        <span class="close">&times;</span>
        <h2>Flash firmware</h2>
        </div>
        <form id="flash-form" class="p-4" novalidate>
            <div class="form-floating mb-3">
                <input type="file" class="form-control" placeholder="Flash MTD" name="flash-mtd" id="flash-mtd" required>
                <label for="flash-mtd">Flash MTD</label>
            </div>
            <div class="mb-3 form-check">
                <input type="checkbox" class="form-check-input" id="baud-rate-oc" name="baud-rate-oc">
                <label class="form-check-label" for="baud-rate-oc">230400 baud rate, do not enable unless told to do so</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="radio" name="image" id="image0" value="image0">
                <label class="form-check-label" for="image0">
                    Image 0
                </label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="radio" name="image" id="image1" value="image1">
                <label class="form-check-label" for="image1">
                    Image 1
                </label>
            </div>
            <div class="mb-3">
                <input type="submit" class="btn btn-primary" value="Flash!">
            </div>
            <progress id="flash-progress" value="0" max="100"></progress>
            <p id="flash-text-step"></p>
        </form>
    </div>
</div>

<script type="text/javascript" src="/assets/js/xymini.js"></script>
{% if include.dontLoadRootScript != true %}
<script type="text/javascript" src="/assets/js/rootLantiq.js"></script>
<script type="text/javascript" src="/assets/js/serialUtil.js"></script>
{% endif %}
<script>
    if ('serial' in navigator) {
        document.getElementById('flash-start-button').disabled = false;
    } else {
        document.getElementById('flash-browser-error').style.display = 'block';
        document.getElementById('flash-start-button').disabled = true;
        document.getElementById('flash-start-button').innerHTML=document.getElementById('flash-start-button').innerText.strike()
    }
    const acontroller = new AbortController();
    const cs = acontroller.signal;
    let flashModal = document.getElementById("flash-modal");
    let flashForm = document.getElementById("flash-form");
    let flashProgress = document.getElementById("flash-progress");
    let flashTextStep = document.getElementById("flash-text-step");
    flashModal.addEventListener('modal-jtd-close', async function(event) {
        acontroller.abort();
    });
    flashModal.addEventListener('modal-jtd-open', async function(event) {
        flash({signal: cs});
    });
    function initTextStep() {
        flashTextStep.textContent = "";
        flashTextStep.classList.remove('text-success-400');
        flashTextStep.classList.remove('text-error-400');
    }
    function pause(message) {
        flashTextStep.textContent = message;
    }
    function loading(message) {
        flashTextStep.textContent = message;
    }
    function showError(message) {
        flashTextStep.textContent = message;
        flashTextStep.classList.add('text-error-400');
        flashTextStep.classList.remove('text-success-400');
    }
    function showSuccess(message) {
        flashTextStep.textContent = message;
        flashTextStep.classList.add('text-success-400');
        flashTextStep.classList.remove('text-error-400');
    }
    async function flash({ signal } = {}) {
        initTextStep();
        let port;
        try {
            port = await navigator.serial.requestPort();
        } catch (err) {
            showError(`Error: ${err.message}`);
            console.log(`Error: ${err.message}\n`);
            return;
        }
        if (!port) {
            showError('Error: port not open');
            console.log('Error: port not open\n');
            return;
        }
        flashForm.addEventListener('submit', async function(event) {
            if (!flashForm.checkValidity()) {
                event.preventDefault();
                [...flashForm.elements].map(function(e){return e.parentNode}).forEach(function(e){e.classList.toggle('was-validated', true)});
            } else {
                event.preventDefault();
                [...flashForm.elements].map(function(e){return e.parentNode}).forEach(function(e){e.classList.toggle('was-validated', false)});
                var fomrdata = new FormData(flashForm);
                var file = fomrdata.get('flash-mtd');
                var image = fomrdata.get('image');
                var data = new Uint8Array(await file.arrayBuffer());
                console.log(data);

                /* Unlock U-Boot if needed and stop booting */
                let result = await lantiqRootUboot(port, "{{include.modelName}}",
                    (msg) => {
                        loading(msg);
                        console.log(msg);
                    },
                    (err) => {
                        showError(err);
                        console.log(err);
                    }
                );

                if (!result) {
                    return;
                }

                let baudrate = 115200;
                if(fomrdata.has('baud-rate-oc')) {
                    let newBaudrate = 230400;
                    loading(`Changing baudrate to: ${newBaudrate}`);

                    result = await changeBaudrate(port, newBaudrate, baudrate,
                        (err) => {
                            showError(err);
                            console.log(err);
                        }
                    );

                    if (result) {
                        baudrate = newBaudrate;
                    } else {
                        return;
                    }
                }

                loading("Start sending image to the SFP...");
                result = await sendImageMtd(port, data, baudrate,
                    (err) => {
                        showError(err);
                        console.log(err);
                    },
                    (byteTransfered) => {
                        const perc = (byteTransfered/data.length) * 100;
                        const percTrunc = Math.trunc(perc*100)/100;  /* Two decimal trunc */
                        flashProgress.value = perc;
                        loading(`Image transfer: ${percTrunc}% complete`)
                    }
                );

                if (!result) {
                    return;
                }

                result = await waitEndImageLoad(port, baudrate,
                    (err) => {
                        showError(err);
                        console.log(err);
                    }
                );

                if (!result) {
                    return;
                }

                if(fomrdata.has('baud-rate-oc')) {
                    let newBaudrate = 115200;
                    loading(`Restore baudrate to: ${newBaudrate}`);

                    result = await changeBaudrate(port, newBaudrate, baudrate,
                        (err) => {
                            showError(err);
                            console.log(err);
                        }
                    );

                    if (result) {
                        baudrate = newBaudrate;
                    } else {
                        return;
                    }
                }

                loading("Transfer complete, image flash in progress. DO NOT REMOVE the SFP!");
                result = await flashImageMtd(port, image, baudrate,
                    (err) => {
                        showError(err);
                        console.log(err);
                    }
                );

                if (result) {
                    showSuccess("Flash completed, now you can remove the SFP");
                }
            }
        });
    };
</script>