rbs@u2-js

INSERT INTO `cp_filejs` (`id`,`app`,`path`,`modul`,`file_name`,`content`) VALUES ('212','1','u2/creator','scanner','js/qr.js-','import {\r\n onScanFailure,\r\n onScanSuccess\r\n} from \\\'./qr-scanner.js\\\'\r\nimport {\r\n handleLink,\r\n handleUnlink\r\n} from \\\'./api/scanner.js\\\'\r\nimport app from \\\"./app.js\\\"\r\nimport store from \\\"./store.js\\\"\r\n\r\nvar $ = Dom7;\r\n\r\nvar html5QrCode;\r\nlet defaultConfig = {\r\n qrbox: {\r\n width: 250,\r\n height: 250\r\n },\r\n fps: 60,\r\n showTorchButtonIfSupported: true,\r\n showZoomSliderIfSupported: true,\r\n // aspectRatio: 1.7777778\r\n}\r\n\r\nconst renderResult = (result) => {\r\n const user = store.getters.user.value\r\n\r\n if (!result || result.status === \\\'error\\\') {\r\n return `

${result?.message || \\\'Oops, looks like you scanned an invalid QR code\\\'}

`\r\n }\r\n\r\n if (result.available) {\r\n return (\r\n `

Congrats! This QR code is up for grabs

\r\n `\r\n )\r\n }\r\n\r\n if (!result.available) {\r\n return (\r\n `\r\n

Sorry, this QR code is already linked

\r\n ${result.data && result.data.linked_to == user?.id ? (\r\n ``\r\n ) : \\\' \\\'}\r\n `\r\n )\r\n }\r\n}\r\n\r\n// Function to create and open the modal with default content\r\nexport function openModal() {\r\n const myModal = app.dialog.create({\r\n title: \\\'Scan QR Code\\\',\r\n content: `\r\n \r\n `,\r\n buttons: [{\r\n text: \\\'Close\\\',\r\n onClick: function () {\r\n try {\r\n if (html5QrCode) {\r\n html5QrCode.stop()\r\n }\r\n\r\n store.dispatch(\\\'setScannedData\\\', null)\r\n } catch (error) {\r\n console.error(\\\'Error stopping qr code\\\', error)\r\n }\r\n }\r\n }]\r\n })\r\n\r\n // Open the modal\r\n myModal.open()\r\n}\r\n\r\n// on link profile\r\n$(document).on(\\\'click\\\', \\\'#link-profile\\\', async function () {\r\n const result = store.getters.scannedData.value\r\n\r\n if (result) {\r\n const response = await handleLink(result)\r\n if (response.status === \\\'error\\\') {\r\n store.dispatch(\\\'setScannedData\\\', {\r\n status: \\\'error\\\',\r\n message: response.text,\r\n available: false\r\n })\r\n }\r\n\r\n app.dialog.close()\r\n app.dialog.alert(response.message)\r\n\r\n // reset the scanned data\r\n store.dispatch(\\\'setScannedData\\\', null)\r\n }\r\n})\r\n\r\n// unlink profile\r\n$(document).on(\\\'click\\\', \\\'#unlink-profile\\\', async function () {\r\n const result = store.getters.scannedData.value\r\n // close the modal\r\n app.dialog.close()\r\n\r\n if (result) {\r\n const response = await handleUnlink(result)\r\n if (response.type === \\\'success\\\') {\r\n app.dialog.alert(response.text)\r\n }\r\n\r\n // reset the scanned data\r\n store.dispatch(\\\'setScannedData\\\', null)\r\n }\r\n})\r\n\r\nexport function openQRModal() {\r\n openModal()\r\n\r\n html5QrCode = new Html5Qrcode(\\\"reader\\\")\r\n\r\n html5QrCode?.start({\r\n facingMode: \\\"environment\\\"\r\n },\r\n defaultConfig,\r\n onScanSuccess,\r\n onScanFailure\r\n )\r\n}\r\n\r\n$(document).on(\\\'click\\\', \\\'.open-qr-modal\\\', function () {\r\n openQRModal()\r\n})\r\n\r\nstore.getters.scannedData.onUpdated((data) => {\r\n if (html5QrCode) {\r\n html5QrCode.stop()\r\n }\r\n\r\n if (data) {\r\n document.getElementById(\\\'custom-modal-content\\\').innerHTML = renderResult(data)\r\n }\r\n})');

Save File Also

Copy This

modul

file_name function_name content 3799

import {
    onScanFailure,
    onScanSuccess
} from \'./qr-scanner.js\'
import {
    handleLink,
    handleUnlink
} from \'./api/scanner.js\'
import app from \"./app.js\"
import store from \"./store.js\"

var $ = Dom7;

var html5QrCode;
let defaultConfig = {
    qrbox: {
        width: 250,
        height: 250
    },
    fps: 60,
    showTorchButtonIfSupported: true,
    showZoomSliderIfSupported: true,
    // aspectRatio: 1.7777778
}

const renderResult = (result) => {
    const user = store.getters.user.value

if (!result || result.status === \'error\') {
        return `<h2 class=\"text-center\">${result?.message || \'Oops, looks like you scanned an invalid QR code\'}</h2>`
    }

if (result.available) {
        return (
            `<h2 class=\"text-center\">Congrats! This QR code is up for grabs</h2>
        <button id=\"link-profile\">
          Link Profile
        </button>`
        )
    }

if (!result.available) {
        return (
            `
        <h2 class=\"text-center\">Sorry, this QR code is already linked</h2>
        ${result.data && result.data.linked_to == user?.id ? (
        `<button id=\"unlink-profile\"
          onClick={handleUnlink}
        >
          Unlink Profile
        </button>`
      ) : \'  \'}
      `
        )
    }
}

// Function to create and open the modal with default content
export function openModal() {
    const myModal = app.dialog.create({
        title: \'Scan QR Code\',
        content: `
      <div id=\"custom-modal-content\">
        <div id=\"reader\" width=\"600px\"></div>
      </div>
    `,
        buttons: [{
            text: \'Close\',
            onClick: function () {
                try {
                    if (html5QrCode) {
                        html5QrCode.stop()
                    }

store.dispatch(\'setScannedData\', null)
                } catch (error) {
                    console.error(\'Error stopping qr code\', error)
                }
            }
        }]
    })

// Open the modal
    myModal.open()
}

// on link profile
$(document).on(\'click\', \'#link-profile\', async function () {
    const result = store.getters.scannedData.value

if (result) {
        const response = await handleLink(result)
        if (response.status === \'error\') {
            store.dispatch(\'setScannedData\', {
                status: \'error\',
                message: response.text,
                available: false
            })
        }

app.dialog.close()
        app.dialog.alert(response.message)

// reset the scanned data
        store.dispatch(\'setScannedData\', null)
    }
})

// unlink profile
$(document).on(\'click\', \'#unlink-profile\', async function () {
    const result = store.getters.scannedData.value
    // close the modal
    app.dialog.close()

if (result) {
        const response = await handleUnlink(result)
        if (response.type === \'success\') {
            app.dialog.alert(response.text)
        }

// reset the scanned data
        store.dispatch(\'setScannedData\', null)
    }
})

export function openQRModal() {
    openModal()

html5QrCode = new Html5Qrcode(\"reader\")

html5QrCode?.start({
            facingMode: \"environment\"
        },
        defaultConfig,
        onScanSuccess,
        onScanFailure
    )
}

$(document).on(\'click\', \'.open-qr-modal\', function () {
    openQRModal()
})

store.getters.scannedData.onUpdated((data) => {
    if (html5QrCode) {
        html5QrCode.stop()
    }

if (data) {
        document.getElementById(\'custom-modal-content\').innerHTML = renderResult(data)
    }
})

Warning: file_get_contents(/home/u340524018/domains/agniaga.com/public_html/sub/u2/creator/js/qr.js-): Failed to open stream: No such file or directory in /home/u340524018/domains/agniaga.com/public_html/sub/u2/cp/inc.filejs.php on line 190
file content 0

import {
    onScanFailure,
    onScanSuccess
} from \'./qr-scanner.js\'
import {
    handleLink,
    handleUnlink
} from \'./api/scanner.js\'
import app from \"./app.js\"
import store from \"./store.js\"

var $ = Dom7;

var html5QrCode;
let defaultConfig = {
    qrbox: {
        width: 250,
        height: 250
    },
    fps: 60,
    showTorchButtonIfSupported: true,
    showZoomSliderIfSupported: true,
    // aspectRatio: 1.7777778
}

const renderResult = (result) => {
    const user = store.getters.user.value

    if (!result || result.status === \'error\') {
        return `<h2 class=\"text-center\">${result?.message || \'Oops, looks like you scanned an invalid QR code\'}</h2>`
    }

    if (result.available) {
        return (
            `<h2 class=\"text-center\">Congrats! This QR code is up for grabs</h2>
        <button id=\"link-profile\">
          Link Profile
        </button>`
        )
    }

    if (!result.available) {
        return (
            `
        <h2 class=\"text-center\">Sorry, this QR code is already linked</h2>
        ${result.data && result.data.linked_to == user?.id ? (
        `<button id=\"unlink-profile\"
          onClick={handleUnlink}
        >
          Unlink Profile
        </button>`
      ) : \'  \'}
      `
        )
    }
}

// Function to create and open the modal with default content
export function openModal() {
    const myModal = app.dialog.create({
        title: \'Scan QR Code\',
        content: `
      <div id=\"custom-modal-content\">
        <div id=\"reader\" width=\"600px\"></div>
      </div>
    `,
        buttons: [{
            text: \'Close\',
            onClick: function () {
                try {
                    if (html5QrCode) {
                        html5QrCode.stop()
                    }

                    store.dispatch(\'setScannedData\', null)
                } catch (error) {
                    console.error(\'Error stopping qr code\', error)
                }
            }
        }]
    })

    // Open the modal
    myModal.open()
}

// on link profile
$(document).on(\'click\', \'#link-profile\', async function () {
    const result = store.getters.scannedData.value

    if (result) {
        const response = await handleLink(result)
        if (response.status === \'error\') {
            store.dispatch(\'setScannedData\', {
                status: \'error\',
                message: response.text,
                available: false
            })
        }

        app.dialog.close()
        app.dialog.alert(response.message)

        // reset the scanned data
        store.dispatch(\'setScannedData\', null)
    }
})

// unlink profile
$(document).on(\'click\', \'#unlink-profile\', async function () {
    const result = store.getters.scannedData.value
    // close the modal
    app.dialog.close()

    if (result) {
        const response = await handleUnlink(result)
        if (response.type === \'success\') {
            app.dialog.alert(response.text)
        }

        // reset the scanned data
        store.dispatch(\'setScannedData\', null)
    }
})

export function openQRModal() {
    openModal()

    html5QrCode = new Html5Qrcode(\"reader\")

    html5QrCode?.start({
            facingMode: \"environment\"
        },
        defaultConfig,
        onScanSuccess,
        onScanFailure
    )
}

$(document).on(\'click\', \'.open-qr-modal\', function () {
    openQRModal()
})

store.getters.scannedData.onUpdated((data) => {
    if (html5QrCode) {
        html5QrCode.stop()
    }

    if (data) {
        document.getElementById(\'custom-modal-content\').innerHTML = renderResult(data)
    }
})

Add JS Function Name

profile
js/view-user-profile.js-

js/view-user-profile.js--

js/view-user-profile.js---

js/view-user-profile.js----

js/profile.js-

js/profile-edit.js-

js/profile-edit.js

js/profile.js

js/view-user-profile.js