rbs@u2-js

INSERT INTO `cp_filejs` (`id`,`app`,`path`,`modul`,`file_name`,`content`) VALUES ('296','3','u7/collector','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 4559

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/u7/collector/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-edit.js

js/profile.js

js/view-user-profile.js