thumbnail image

Binary CodeSoft©
ENGINEERING & SCIENCE

RESEARCH CONSULTING

  • Home
  • Main 
    • Our Team
    • Booking
    • Researching
    • Training
    • شئون إسلامية
    • تفسير الشيخ الشعراوى
    • Engineering
    • Terms & Conditions
    • YouTube
    • Privacy Policy
    • YouTube
    • أدب الخيال العلمى
  • …  
    • Home
    • Main 
      • Our Team
      • Booking
      • Researching
      • Training
      • شئون إسلامية
      • تفسير الشيخ الشعراوى
      • Engineering
      • Terms & Conditions
      • YouTube
      • Privacy Policy
      • YouTube
      • أدب الخيال العلمى
Be a Member

Binary CodeSoft©
ENGINEERING & SCIENCE

RESEARCH CONSULTING

  • Home
  • Main 
    • Our Team
    • Booking
    • Researching
    • Training
    • شئون إسلامية
    • تفسير الشيخ الشعراوى
    • Engineering
    • Terms & Conditions
    • YouTube
    • Privacy Policy
    • YouTube
    • أدب الخيال العلمى
  • …  
    • Home
    • Main 
      • Our Team
      • Booking
      • Researching
      • Training
      • شئون إسلامية
      • تفسير الشيخ الشعراوى
      • Engineering
      • Terms & Conditions
      • YouTube
      • Privacy Policy
      • YouTube
      • أدب الخيال العلمى
Be a Member
  • EGYPES 2026 -First Form

    ✨🔧 Asset Nameplate QR Generator 📱✨

  • EGYPES 2026 -Second Form

    📱 Multi Sections Texts QR Code Generator 🔳✨🌈

  • EGYPES 2026 -Third Form

    🔍 Asset Failure Analysis Report 📊⚠️📉

  • Copy Source codes from below

  • Heading Text

    🧰 Multi-Section QR Generator

    PM number: 12345

    Frequency: 6 Months

    Responsibility: Mechanical

    Reason Of work: Safety

    Condition: Item offline

    Job Planner: 678

    Has Child: No

    Parent PM: 2717

    Location Tag: EU-IIIA-UST3

    Asset Number: 1469

    Area: Area1

    Platform: Platform1

    10 Stop Engine and perform safety precautions

    20 Check cylinder compression

    30 Change oil and filters

    40 Clean air filter and check turbocharger

    50 Check fuel system

    60 Check starting system

    70 Check cooling system

    80 Start-up and tune engine

    ➕ Add Section

    🚀 Generate QRs

    document.getElementById("addSection").addEventListener("click", () => {

    const container = document.getElementById("sections");

    const div = document.createElement("div");

    div.className = "section";

    div.innerHTML = `

    `;

    container.appendChild(div);

    });

    document.getElementById("generate").addEventListener("click", () => {

    const sections = document.querySelectorAll(".section");

    const qrDiv = document.getElementById("qrs");

    qrDiv.innerHTML = "";

    sections.forEach(sec => {

    const title = sec.querySelector("input").value.trim() || "Untitled Section";

    const body = sec.querySelector("textarea").value.trim();

    if (!body) return;

    // Format text with dashed headers

    const text =

    `------------------------------

    ${title}

    ------------------------------

    ${body}

    ------------------------------`;

    const block = document.createElement("div");

    block.className = "qr-block";

    const label = document.createElement("p");

    label.textContent = title;

    const qrContainer = document.createElement("div");

    block.appendChild(label);

    block.appendChild(qrContainer);

    qrDiv.appendChild(block);

    new QRCode(qrContainer, {

    text: text,

    width: 280,

    height: 280,

    colorDark: "#000000",

    colorLight: "#ffffff",

    correctLevel: QRCode.CorrectLevel.L

    });

    });

    });

    Contact me

    Asset Failure Analysis Report

    Loading asset data...

    Summary

    Asset Number: -

    Owner: -

    PM Type: -

    Last Inspection: -

    Current Condition: -

    Failure Count (last 6 months): 0

    Failure Trends

    Failure Notes / Comments

    No failure notes available.

    // Example data from QR input or backend (replace this with real data)

    const assetData = {

    assetNumber: "A-12345",

    owner: "John Doe",

    pmType: "Type A",

    lastInspection: "2025-08-01",

    condition: "Needs Repair", // Good, Warning, Critical

    failureCountLast6Months: 3,

    failureTrendData: {

    labels: ["Mar", "Apr", "May", "Jun", "Jul", "Aug"],

    failures: [0, 1, 0, 2, 0, 0]

    },

    failureNotes: [

    "Leak detected near valve on 2025-07-15.",

    "Pressure fluctuations observed during inspection on 2025-06-10.",

    "Sensor replacement required as of 2025-04-25."

    ]

    };

    // Update DOM with asset data

    document.getElementById('assetSummary').textContent = `Asset ${assetData.assetNumber} owned by ${assetData.owner}`;

    document.getElementById('assetNumber').textContent = assetData.assetNumber;

    document.getElementById('owner').textContent = assetData.owner;

    document.getElementById('pmType').textContent = assetData.pmType;

    document.getElementById('lastInspection').textContent = assetData.lastInspection;

    document.getElementById('failureCount').textContent = assetData.failureCountLast6Months;

    // Set condition badge color and text

    const conditionBadge = document.getElementById('conditionBadge');

    conditionBadge.textContent = assetData.condition;

    conditionBadge.className = 'badge'; // reset classes

    if(assetData.condition.toLowerCase() === 'good') conditionBadge.classList.add('good');

    else if(assetData.condition.toLowerCase() === 'needs repair' || assetData.condition.toLowerCase() === 'warning') conditionBadge.classList.add('warning');

    else if(assetData.condition.toLowerCase() === 'critical') conditionBadge.classList.add('critical');

    // Populate failure notes

    const notesContainer = document.getElementById('failureNotes');

    notesContainer.innerHTML = '';

    if(assetData.failureNotes.length === 0) {

    notesContainer.innerHTML = '

    No failure notes available.

    ';

    } else {

    assetData.failureNotes.forEach(note => {

    const p = document.createElement('p');

    p.classList.add('note');

    p.textContent = note;

    notesContainer.appendChild(p);

    });

    }

    // Chart.js - Failure trend bar chart

    const ctx = document.getElementById('failureChart').getContext('2d');

    new Chart(ctx, {

    type: 'bar',

    data: {

    labels: assetData.failureTrendData.labels,

    datasets: [{

    label: 'Failures',

    data: assetData.failureTrendData.failures,

    backgroundColor: '#004080'

    }]

    },

    options: {

    scales: {

    y: {

    beginAtZero: true,

    precision: 0,

    stepSize: 1

    }

    },

    plugins: {

    legend: { display: false },

    tooltip: { enabled: true }

    }

    }

    });

    Contact me

    Asset Nameplate QR Generator

    SER. NO.

    ENGINE MODEL

    AR NO.

    ROTATION

    CORE AR

    ALT

    FLS (INTERCEPT)

    PERF SPEC

    FTS (SLOPE)

    FUEL TIMING

    BARE ENGINE HI IDLE

    INJECTOR

    POWER

    TURBO

    SERVICE TOOL

    Generate QR

    📋 Copy QR Image

    Open Nameplate

    class= style=>const formUrl = "https://khoshouey.github.io/asset-qr-form/asset-nameplate-form.html";

    let qrcodeInstance = null;

    function generateQR() {

    const dataObj = {

    "SER. NO.": document.getElementById("serNo").value.trim(),

    "ENGINE MODEL": document.getElementById("engineModel").value.trim(),

    "AR NO.": document.getElementById("arNo").value.trim(),

    "ROTATION": document.getElementById("rotation").value.trim(),

    "CORE AR": document.getElementById("coreAr").value.trim(),

    "ALT": document.getElementById("alt").value.trim(),

    "FLS (INTERCEPT)": document.getElementById("fls").value.trim(),

    "PERF SPEC": document.getElementById("perfSpec").value.trim(),

    "FTS (SLOPE)": document.getElementById("fts").value.trim(),

    "FUEL TIMING": document.getElementById("fuelTiming").value.trim(),

    "BARE ENGINE HI IDLE": document.getElementById("hiIdle").value.trim(),

    "INJECTOR": document.getElementById("injector").value.trim(),

    "POWER": document.getElementById("power").value.trim(),

    "TURBO": document.getElementById("turbo").value.trim(),

    "SERVICE TOOL": document.getElementById("serviceTool").value.trim()

    };

    const jsonString = JSON.stringify(dataObj);

    const encodedData = encodeURIComponent(jsonString);

    const qrLink = `${formUrl}?data=${encodedData}`;

    // Generate QR code

    document.getElementById("qrcode").innerHTML = "";

    qrcodeInstance = new QRCode(document.getElementById("qrcode"), {

    text: qrLink,

    width: 180,

    height: 180

    });

    // Update link

    const linkEl = document.getElementById("qrLink");

    linkEl.href = qrLink;

    }

    function copyQR() {

    const canvas = document.querySelector("#qrcode canvas");

    if (canvas) {

    canvas.toBlob(blob => {

    const item = new ClipboardItem({ "image/png": blob });

    navigator.clipboard.write([item]);

    alert("✅ QR image copied to clipboard");

    });

    } else {

    alert("❌ Generate the QR first");

    }

    }

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit

    Contact me
Section image

About Us

Our Mission

Our Team

We're Hiring!

Resources

Tutorials

Brand Logo

Contact Us

002-01018-00-2225

Admin@binarycodesoft.com

Binary CodeSoft© 2024

Terms & Conditions
Privacy Policy
Powered By
    الصفحة الرئيسية
    المتجر
    اتصل بنا
    جهة الاتصال
Cookie Use
We use cookies to ensure a smooth browsing experience. By continuing we assume you accept the use of cookies.
Learn More