diff options
| -rw-r--r-- | _includes/root_lantiq.html | 160 | ||||
| -rw-r--r-- | _ont/ont-huawei-ma5671a-root-web.md | 149 | ||||
| -rw-r--r-- | assets/js/serialUtil.js | 17 |
3 files changed, 178 insertions, 148 deletions
diff --git a/_includes/root_lantiq.html b/_includes/root_lantiq.html new file mode 100644 index 0000000..5230a78 --- /dev/null +++ b/_includes/root_lantiq.html @@ -0,0 +1,160 @@ +<div class="modal" data-jtd-modal="root-modal" data-jtd-modal-backdrop="static" id="root-modal"> + <div class="modal-content"> + <div class="modal-header"> + <span class="close">×</span> + <h2>Root status</h2> + </div> + <div class="modal-body" style="display:flex"> +{% if include.unlockHuaweiShell %} + <div class="animated" id="root-step-1" style="width:50%"> +{% else %} + <div class="animated" id="root-step-1" style="width:100%"> +{% endif %} + <p>Step 1</p> + <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2"> + <circle class="path circle" fill="none" stroke="currentColor" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1"/> + <polyline class="path check success" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 "/> + <line class="path line error" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="34.4" y1="37.9" x2="95.8" y2="92.3"/> + <line class="path line error" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="95.8" y1="38" x2="34.4" y2="92.2"/> + <line class="path line pause" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="34.4" y1="37.9" x2="95.8" y2="92.3"/> + <line class="path line pause" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="95.8" y1="38" x2="34.4" y2="92.2"/> + </svg> + <p id="root-text-step-1"></p> + </div> + +{% if include.unlockHuaweiShell %} + <div class="animated" id="root-step-2" style="width:50%" > + <p>Step 2</p> + <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2"> + <circle class="path circle" fill="none" stroke="currentColor" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1"/> + <polyline class="path check success" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 "/> + <line class="path line error" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="34.4" y1="37.9" x2="95.8" y2="92.3"/> + <line class="path line error" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="95.8" y1="38" x2="34.4" y2="92.2"/> + <line class="path line pause" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="49.4" y1="37.9" x2="49.4" y2="92.3"/> + <line class="path line pause" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="80.8" y1="38" x2="80.8" y2="92.2"/> + </svg> + <p id="root-text-step-2"></p> + </div> +{% endif %} + </div> + </div> +</div> +<script type="text/javascript" src="/assets/js/serialUtil.js"></script> +<script type="text/javascript" src="/assets/js/rootLantiq.js"></script> +<script> + if ('serial' in navigator) { + document.getElementById('start-button').disabled = false; + } else { + document.getElementById('browser-error').style.display = 'block'; + } + const acontroller = new AbortController(); + const cs = acontroller.signal; + + let rootModal = document.getElementById("root-modal"); + + let rootStep = [document.getElementById('root-step-1')]; + + if ({{include.unlockHuaweiShell}}) { + rootStep.push(document.getElementById('root-step-2')); + } + + let rootStepText = [document.getElementById('root-text-step-1')]; + + if ({{include.unlockHuaweiShell}}) { + rootStepText.push(document.getElementById('root-text-step-2')); + } + + rootModal.addEventListener('modal-jtd-close', async function(event) { + acontroller.abort(); + }); + rootModal.addEventListener('modal-jtd-open', async function(event) { + root({signal: cs}); + }); + function pause(message, i) { + rootStep[i].classList.add('pause'); + rootStep[i].classList.remove('complete'); + rootStep[i].classList.remove('loading'); + rootStep[i].classList.remove('error'); + rootStep[i].classList.remove('success'); + rootStepText[i].textContent = message; + } + function loading(message, i) { + rootStep[i].classList.remove('pause'); + rootStep[i].classList.remove('complete'); + rootStep[i].classList.add('loading'); + rootStep[i].classList.remove('error'); + rootStep[i].classList.remove('success'); + rootStepText[i].textContent = message; + } + function showError(message, i) { + rootStep[i].classList.remove('pause'); + rootStep[i].classList.remove('complete'); + rootStep[i].classList.remove('success'); + rootStep[i].classList.remove('loading'); + rootStep[i].classList.add('error'); + rootStepText[i].textContent = message; + } + function showSuccess(message, i) { + rootStep[i].classList.remove('pause'); + rootStep[i].classList.remove('error'); + rootStep[i].classList.remove('loading'); + rootStep[i].classList.remove('complete'); + rootStep[i].classList.add('success'); + rootStepText[i].textContent = message; + } + async function root({ signal } = {}) { + loading("Waiting for the user to choose the port",0); + + if ({{include.unlockHuaweiShell}}) { + pause("",1); + } + + let port; + try { + port = await navigator.serial.requestPort(); + } catch (err) { + showError(`Error: ${err.message}`,0); + console.log(`Error: ${err.message}\n`); + return; + } + if (!port) { + showError('Error: port not open',0); + console.log('Error: port not open\n'); + return; + } + + let result = await lantiqRootUboot(port, "Huawei MA5671A", + (msg) => { + loading(msg, 0); + }, + (err) => { + showError(err, 0); + console.log(err); + } + ); + + if (result) { + showSuccess("Congratulations! Step completed.", 0); + } else { + return; + } + + if (!{{include.unlockHuaweiShell}}) { + return; + } + + result = await unlockHuaweiShell(port, + (msg) => { + loading(msg, 1); + }, + (err) => { + showError(err, 1); + console.log(err); + } + ); + + if (result) { + showSuccess("Congratulations! Step completed.", 1); + } + } +</script> diff --git a/_ont/ont-huawei-ma5671a-root-web.md b/_ont/ont-huawei-ma5671a-root-web.md index 18652d7..a6110fa 100644 --- a/_ont/ont-huawei-ma5671a-root-web.md +++ b/_ont/ont-huawei-ma5671a-root-web.md @@ -28,6 +28,7 @@ Connect the TTL adapter to the computer, once done press the following button. A {: .text-center .fs-6 } <button id="start-button" class="btn btn-blue" data-jtd-toogle="modal" data-jtd-target="#root-modal" disabled>Start root!</button> +{% include root_lantiq.html unlockHuaweiShell=true %} <div id="browser-error" style="display:none">{% include alert.html content="This browser is not compatible with the web-root procedure. See the <a href='https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_API#browser_compatibility'>Browser compatibility</a>" alert="Note" icon="svg-warning" color="red" %}</div> <noscript> @@ -69,153 +70,5 @@ FALCON => setenv asc0 0 FALCON => saveenv ``` -<div class="modal" data-jtd-modal="root-modal" data-jtd-modal-backdrop="static" id="root-modal"> - <div class="modal-content"> - <div class="modal-header"> - <span class="close">×</span> - <h2>Root status</h2> - </div> - <div class="modal-body" style="display:flex"> - <div class="animated" id="root-step-1" style="width:50%" > - <p>Step 1</p> - <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2"> - <circle class="path circle" fill="none" stroke="currentColor" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1"/> - <polyline class="path check success" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 "/> - <line class="path line error" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="34.4" y1="37.9" x2="95.8" y2="92.3"/> - <line class="path line error" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="95.8" y1="38" x2="34.4" y2="92.2"/> - <line class="path line pause" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="34.4" y1="37.9" x2="95.8" y2="92.3"/> - <line class="path line pause" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="95.8" y1="38" x2="34.4" y2="92.2"/> - </svg> - <p id="root-text-step-1"></p> - </div> - <div class="animated" id="root-step-2" style="width:50%" > - <p>Step 2</p> - <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2"> - <circle class="path circle" fill="none" stroke="currentColor" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1"/> - <polyline class="path check success" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 "/> - <line class="path line error" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="34.4" y1="37.9" x2="95.8" y2="92.3"/> - <line class="path line error" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="95.8" y1="38" x2="34.4" y2="92.2"/> - <line class="path line pause" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="49.4" y1="37.9" x2="49.4" y2="92.3"/> - <line class="path line pause" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" x1="80.8" y1="38" x2="80.8" y2="92.2"/> - </svg> - <p id="root-text-step-2"></p> - </div> - </div> - </div> -</div> -<script type="text/javascript" src="/assets/js/serialUtil.js"></script> -<script type="text/javascript" src="/assets/js/rootLantiq.js"></script> -<script> - if ('serial' in navigator) { - document.getElementById('start-button').disabled = false; - } else { - document.getElementById('browser-error').style.display = 'block'; - } - const acontroller = new AbortController(); - const cs = acontroller.signal; - class LineBreakTransformer { - constructor() { - this.chunks = ""; - } - transform(chunk, controller) { - this.chunks += chunk; - const lines = this.chunks.split("\n"); - this.chunks = lines.pop(); - lines.forEach((line) => controller.enqueue(line)); - } - flush(controller) { - controller.enqueue(this.chunks); - } - } - let rootModal = document.getElementById("root-modal"); - let rootStep = [document.getElementById('root-step-1'),document.getElementById('root-step-2')]; - let rootStepText = [document.getElementById('root-text-step-1'), document.getElementById('root-text-step-2')]; - rootModal.addEventListener('modal-jtd-close', async function(event) { - acontroller.abort(); - }); - rootModal.addEventListener('modal-jtd-open', async function(event) { - root({signal: cs}); - }); - function pause(message, i) { - rootStep[i].classList.add('pause'); - rootStep[i].classList.remove('complete'); - rootStep[i].classList.remove('loading'); - rootStep[i].classList.remove('error'); - rootStep[i].classList.remove('success'); - rootStepText[i].textContent = message; - } - function loading(message, i) { - rootStep[i].classList.remove('pause'); - rootStep[i].classList.remove('complete'); - rootStep[i].classList.add('loading'); - rootStep[i].classList.remove('error'); - rootStep[i].classList.remove('success'); - rootStepText[i].textContent = message; - } - function showError(message, i) { - rootStep[i].classList.remove('pause'); - rootStep[i].classList.remove('complete'); - rootStep[i].classList.remove('success'); - rootStep[i].classList.remove('loading'); - rootStep[i].classList.add('error'); - rootStepText[i].textContent = message; - } - function showSuccess(message, i) { - rootStep[i].classList.remove('pause'); - rootStep[i].classList.remove('error'); - rootStep[i].classList.remove('loading'); - rootStep[i].classList.remove('complete'); - rootStep[i].classList.add('success'); - rootStepText[i].textContent = message; - } - async function root({ signal } = {}) { - loading("Waiting for the user to choose the port",0); - pause("",1); - let port; - try { - port = await navigator.serial.requestPort(); - } catch (err) { - showError(`Error: ${err.message}`,0); - console.log(`Error: ${err.message}\n`); - return; - } - if (!port) { - showError('Error: port not open',0); - console.log('Error: port not open\n'); - return; - } - - let result = await lantiqRootUboot(port, "Huawei MA5671A", - (msg) => { - loading(msg, 0); - }, - (err) => { - showError(err, 0); - console.log(err); - } - ); - - if (result) { - showSuccess("Congratulations! Step completed.", 0); - } else { - return; - } - - result = await unlockHuaweiShell(port, - (msg) => { - loading(msg, 1); - }, - (err) => { - showError(err, 1); - console.log(err); - } - ); - - if (result) { - showSuccess("Congratulations! Step completed.", 1); - } - } -</script> - # Miscellaneous Links - [List of root procedure for Huawei MA5671A](/ont-huawei-ma5671a-root) diff --git a/assets/js/serialUtil.js b/assets/js/serialUtil.js index 6e9d155..9624619 100644 --- a/assets/js/serialUtil.js +++ b/assets/js/serialUtil.js @@ -2,6 +2,23 @@ function delay(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } +class LineBreakTransformer { + constructor() { + this.chunks = ""; + } + + transform(chunk, controller) { + this.chunks += chunk; + const lines = this.chunks.split("\n"); + this.chunks = lines.pop(); + lines.forEach((line) => controller.enqueue(line)); + } + + flush(controller) { + controller.enqueue(this.chunks); + } +} + async function openPortLineBreak(port, baudRate) { await port.open({ baudRate: baudRate }); const textDecoder = new TextDecoderStream(); |