templates/components/js/scandit_js.html.twig line 1

Open in your IDE?
  1. <script async src="https://ga.jspm.io/npm:es-module-shims@1.7.3/dist/es-module-shims.js"></script>
  2. <script type="importmap">
  3.     {
  4.         "imports": {
  5.             "scandit-web-datacapture-core": "https://cdn.jsdelivr.net/npm/scandit-web-datacapture-core@6.23.2/build/js/index.js",
  6.             "scandit-web-datacapture-barcode": "https://cdn.jsdelivr.net/npm/scandit-web-datacapture-barcode@6.23.2/build/js/index.js"
  7.         }
  8.     }
  9. </script>
  10. <script type="module">
  11.     import * as SDCCore from "scandit-web-datacapture-core";
  12.     import * as SDCBarcode from "scandit-web-datacapture-barcode";
  14.     // In attesa della chiave corretta
  15.     await SDCCore.configure({
  16.         licenseKey: "{{ SCANDIT_LICENSE_KEY }}",
  17.         libraryLocation: new URL("https://cdn.jsdelivr.net/npm/scandit-web-datacapture-barcode@6.23.2/build/engine/").toString(),
  18.         moduleLoaders: [SDCBarcode.barcodeCaptureLoader()]
  19.     });
  21.     const view = new SDCCore.DataCaptureView();
  22.     //view.addControl();
  23.     view.connectToElement(document.getElementById("data-capture-view"));
  25.     const context = await SDCCore.DataCaptureContext.create();
  26.     await view.setContext(context);
  27.     
  28.     const settings = new SDCBarcode.BarcodeCaptureSettings();
  29.     settings.enableSymbologies([
  30.         SDCBarcode.Symbology.Code128,
  31.         SDCBarcode.Symbology.Code39,
  32.         SDCBarcode.Symbology.EAN8,
  33.         SDCBarcode.Symbology.UPCE,
  34.         SDCBarcode.Symbology.EAN13UPCA
  35.     ]);
  36.     
  37.     const size = new SDCCore.SizeWithUnit(
  38.         new SDCCore.NumberWithUnit(0.25, SDCCore.MeasureUnit.Fraction),
  39.         new SDCCore.NumberWithUnit(0.02, SDCCore.MeasureUnit.Fraction)
  40.     )
  41.     settings.locationSelection = SDCCore.RectangularLocationSelection.withSize(size);
  43.     view.pointOfInterest = new SDCCore.PointWithUnit(
  44.         new SDCCore.NumberWithUnit(0.5, SDCCore.MeasureUnit.Fraction),
  45.         new SDCCore.NumberWithUnit(0.5, SDCCore.MeasureUnit.Fraction)
  46.     );
  47.     view.scanAreaMargins = new SDCCore.MarginsWithUnit(
  48.         new SDCCore.NumberWithUnit(-1, SDCCore.MeasureUnit.Fraction),
  49.         new SDCCore.NumberWithUnit(-1, SDCCore.MeasureUnit.Fraction),
  50.         new SDCCore.NumberWithUnit(-1, SDCCore.MeasureUnit.Fraction),
  51.         new SDCCore.NumberWithUnit(-1, SDCCore.MeasureUnit.Fraction)
  52.     );
  54.     const barcodeCapture = await SDCBarcode.BarcodeCapture.forContext(context, settings);
  55.     const listener = {
  56.         didScan: (barcodeCapture, session) => {
  57.             const recognizedBarcodes = session.newlyRecognizedBarcodes;
  58.             {% if action == 'intervention' %}
  59.                 manageBarcode(recognizedBarcodes[0]['_data']);
  60.             {% elseif action == 'download' or action == 'send' %}
  61.                 checkCode(recognizedBarcodes[0]['_data']);
  62.             {% endif %}
  63.             barcodeCapture.setEnabled(false);
  64.             scanditUpdateScan(0);
  65.         }
  66.     };
  67.     barcodeCapture.addListener(listener);
  69.     const cameraSettings = SDCBarcode.BarcodeCapture.recommendedCameraSettings;
  70.     const camera = SDCCore.Camera.default;
  71.     if(camera){
  72.         await camera.applySettings(cameraSettings);
  73.     }
  75.     await context.setFrameSource(camera);
  76.     await camera.switchToDesiredState(SDCCore.FrameSourceState.On);
  78.     const overlay = await SDCBarcode.BarcodeCaptureOverlay.withBarcodeCaptureForViewWithStyle(barcodeCapture, view,  SDCBarcode.BarcodeCaptureOverlayStyle.Frame);
  79.     await overlay.setShouldShowScanAreaGuides(true);
  81.     const viewfinder = new SDCCore.RectangularViewfinder(
  82.         SDCCore.RectangularViewfinderStyle.Square,
  83.         SDCCore.RectangularViewfinderLineStyle.Light
  84.     );
  85.     await overlay.setViewfinder(viewfinder);
  87.     setInterval(activeScandit, 1000);
  89.     function activeScandit(){
  90.         if(document.getElementById('scandit_reader_active').value == 0)
  91.             barcodeCapture.setEnabled(false);
  92.         else
  93.             barcodeCapture.setEnabled(true);
  94.     }
  95. </script>
  96. <script>    
  97.     function scanditUpdateScan(val){
  98.         document.getElementById('scandit_reader_active').value = val;
  99.         var a = document.getElementById('scandit_button_scan');
  100.         var span = document.getElementById('scandit_span_status');
  101.         if(val == 1){
  102.             a.href = "javascript: scanditUpdateScan(0)";
  103.             a.className = 'button button-3d button-mini button-red m_t_none';
  104.             a.innerHTML = 'Disattiva scansione';
  105.             span.innerHTML = 'Attiva';
  106.         }
  107.         else{
  108.             a.href = "javascript: scanditUpdateScan(1)";
  109.             a.className = 'button button-3d button-mini button-green m_t_none';
  110.             a.innerHTML = 'Attiva scansione';
  111.             span.innerHTML = 'Disattiva';
  112.         }
  113.     }
  114. </script>