inline-scan/lib/ScanningInline.js

Scan inline

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));

var _Scanner = _interopRequireDefault(require("@material-ui/icons/Scanner"));

var _Backup = _interopRequireDefault(require("@material-ui/icons/Backup"));

var _Button = _interopRequireDefault(require("@material-ui/core/Button"));

var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));

var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));

var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));

var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));

var _ScannerOutlined = _interopRequireDefault(require("@material-ui/icons/ScannerOutlined"));

var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }

function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }

function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }

function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var JSPM = window.JSPM;

var ScanningInline = /*#__PURE__*/function (_React$Component) {
  _inherits(ScanningInline, _React$Component);

  var _super = _createSuper(ScanningInline);

  function ScanningInline(props) {
    var _this2;

    _classCallCheck(this, ScanningInline);

    _this2 = _super.call(this, props);

    _defineProperty(_assertThisInitialized(_this2), "setScannerDevices", function (scannersList) {
      _this2.setState({
        scannerDevices: scannersList,
        numOfScannerDevices: scannersList.length,
        scannerName: scannersList[0]
      });
    });

    _defineProperty(_assertThisInitialized(_this2), "setData", function (event) {
      _this2.state[event.target.name] = event.target.checked ? event.target.checked : event.target.value;
    });

    _defineProperty(_assertThisInitialized(_this2), "doOuterJob", function () {
      if (_this2.state.outerFunction != null) {
        _this2.state.outerFunction(_this2.state.outputImageBlob);

        _this2.setState({
          open: false
        });
      }
    });

    _defineProperty(_assertThisInitialized(_this2), "createScanJob", function () {
      var csj = new JSPM.ClientScanJob();
      csj.scannerName = _this2.state.scannerName;
      csj.pixelMode = JSPM.PixelMode[_this2.state.pixelMode];
      csj.resolution = parseInt(_this2.state.resolution);
      csj.imageFormat = JSPM.ScannerImageFormatOutput[_this2.state.imageFormat];

      var _this = _assertThisInitialized(_this2);

      csj.onUpdate = function (data, last) {
        if (!(data instanceof Blob)) {
          console.info(data);
          return;
        }

        var data_type = "image/jpg";
        if (_this2.state.imageFormat == "PNG") data_type = "image/png"; //dışarıya haber vermek için kullanılır.

        _this2.state.outputImageBlob = new Blob([data], {
          type: data_type
        }); //ekranda göstermek için

        var img = URL.createObjectURL(new Blob([data], {
          type: data_type
        }));
        _this2.state.outputImage = img;

        _this2.setState({
          scanningState: 0
        });
      };

      csj.onError = function (data, is_critical) {
        _this.state.error = data;

        _this.setState({
          scanningState: 2
        });
      };

      return csj;
    });

    _defineProperty(_assertThisInitialized(_this2), "doScanning", function () {
      _this2.setState({
        inScanning: true
      });

      var csj = _this2.createScanJob();

      if (csj) {
        _this2.state.error = "";

        _this2.setState({
          scanningState: 1
        });

        csj.sendToClient().then(function (data) {
          return console.info(data);
        });
      }

      _this2.setState({
        inScanning: false
      });
    });

    _defineProperty(_assertThisInitialized(_this2), "getScanners", function () {
      JSPM.JSPrintManager.Caller = _assertThisInitialized(_this2); // JSPM.JSPrintManager.stop();
      // JSPM.JSPrintManager.start();

      JSPM.JSPrintManager.getScanners().then(function (scannersList) {
        console.log(scannersList);
        JSPM.JSPrintManager.Caller.setScannerDevices(scannersList);
      })["catch"](function (error) {
        console.log(error);
      });
    });

    _defineProperty(_assertThisInitialized(_this2), "closeDialog", function () {
      _this2.setState({
        open: false
      });
    });

    _defineProperty(_assertThisInitialized(_this2), "handleDialogClickOpen", function () {
      _this2.setState({
        open: true
      });

      _this2.getScanners();
    });

    _defineProperty(_assertThisInitialized(_this2), "handleDialogClose", function () {
      _this2.setState({
        open: false
      });
    });

    _this2.state = {
      numOfScannerDevices: -1,
      scannerDevices: [],
      scannerName: "",
      resolution: 200,
      pixelMode: "Color",
      imageFormat: "JPG",
      scanningState: 0,
      // 0 = finished, 1 = scanning, 2 = error
      error: "",
      outputImage: "",
      outputImageBlob: "",
      outerFunction: _this2.props.outerFunction,
      inScanning: false,
      open: false
    };
    _this2.locale = props.locale ? props.locale : tr;
    _this2.strings = {
      TARA: "Tara"
    };

    if (props.locale === "tr") {
      _this2.strings = {
        TARA: "Tara"
      };
    }

    return _this2;
  }

  _createClass(ScanningInline, [{
    key: "componentDidMount",
    value: function componentDidMount() {}
  }, {
    key: "render",
    value: function render() {
      var scanContent;

      if (this.state.numOfScannerDevices == -1) {
        scanContent = /*#__PURE__*/_react["default"].createElement("div", null, this.state.scanningState ? /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], null) : /*#__PURE__*/_react["default"].createElement(_Button["default"], {
          onClick: this.getScanners
        }, "Bul"));
      } else if (this.state.numOfScannerDevices == 0) {
        scanContent = /*#__PURE__*/_react["default"].createElement("div", {
          className: "row"
        }, /*#__PURE__*/_react["default"].createElement("div", {
          className: "col-md-12"
        }, /*#__PURE__*/_react["default"].createElement("div", {
          className: "text-center"
        }, /*#__PURE__*/_react["default"].createElement("div", {
          className: "alert alert-danger"
        }, "Scanner bulunamad\u0131!"))));
      } else {
        var scanningStateContent;

        if (this.state.scanningState == 1) {
          scanningStateContent = /*#__PURE__*/_react["default"].createElement("div", {
            className: "row"
          }, /*#__PURE__*/_react["default"].createElement("div", {
            className: "col-md-12"
          }, /*#__PURE__*/_react["default"].createElement("div", {
            className: "text-center"
          }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], null))));
        } else if (this.state.scanningState == 2) {
          scanningStateContent = /*#__PURE__*/_react["default"].createElement("div", {
            className: "row"
          }, /*#__PURE__*/_react["default"].createElement("div", {
            className: "col-md-12"
          }, /*#__PURE__*/_react["default"].createElement("div", {
            className: "text-center"
          }, /*#__PURE__*/_react["default"].createElement("div", {
            className: "alert alert-danger"
          }, /*#__PURE__*/_react["default"].createElement("strong", null, "Hata:"), " ", this.state.error))));
        } else if (this.state.scanningState == 0 && this.state.outputImage != "") {
          var imgScale = {
            width: Math.round(96.0 / this.state.resolution * 100.0) + "%",
            height: "auto"
          };
          scanningStateContent = /*#__PURE__*/_react["default"].createElement("div", {
            className: "row"
          }, /*#__PURE__*/_react["default"].createElement("div", {
            className: "col-md-12"
          }, /*#__PURE__*/_react["default"].createElement("div", {
            className: "alert alert-secondary text-center"
          }, /*#__PURE__*/_react["default"].createElement("img", {
            src: this.state.outputImage,
            id: "scanningImageResult",
            style: imgScale
          }))));
        }

        scanContent = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          container: true,
          spacing: 2
        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 12
        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          container: true,
          justify: "left",
          spacing: 2
        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 3
        }, /*#__PURE__*/_react["default"].createElement("label", null, "Taray\u0131c\u0131:")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 9
        }, /*#__PURE__*/_react["default"].createElement("select", {
          name: "scannerName",
          className: "form-control form-control-sm",
          onChange: this.setData.bind(this)
        }, this.state.scannerDevices.map(function (i) {
          var opt = /*#__PURE__*/_react["default"].createElement("option", {
            key: i,
            value: i
          }, i);

          return opt;
        }))))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 12
        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          container: true,
          justify: "left",
          spacing: 2
        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 3
        }, /*#__PURE__*/_react["default"].createElement("label", null, "\xC7\xF6z\xFCn\xFCrl\xFCk (DPI):")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 9
        }, /*#__PURE__*/_react["default"].createElement("input", {
          type: "text",
          className: "form-control form-control-sm",
          name: "resolution",
          onChange: this.setData.bind(this),
          placeholder: "200"
        })))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 12
        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          container: true,
          justify: "left",
          spacing: 2
        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 3
        }, /*#__PURE__*/_react["default"].createElement("label", null, "Renk:")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 9
        }, /*#__PURE__*/_react["default"].createElement("select", {
          className: "form-control form-control-sm",
          name: "pixelMode",
          onChange: this.setData.bind(this)
        }, /*#__PURE__*/_react["default"].createElement("option", null, "Color"), /*#__PURE__*/_react["default"].createElement("option", null, "Grayscale"))))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 12
        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          container: true,
          justify: "left",
          spacing: 2
        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 3
        }, /*#__PURE__*/_react["default"].createElement("label", null, "Dosya Format:")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 9
        }, /*#__PURE__*/_react["default"].createElement("select", {
          className: "form-control form-control-sm",
          name: "imageFormat",
          onChange: this.setData.bind(this)
        }, /*#__PURE__*/_react["default"].createElement("option", null, "JPG"), /*#__PURE__*/_react["default"].createElement("option", null, "PNG"))))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 12
        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          container: true,
          spacing: 2
        }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          justify: "center",
          xs: 12
        }, this.state.inScanning ? /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], null) : /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
          onClick: this.doScanning.bind(this)
        }, /*#__PURE__*/_react["default"].createElement(_Scanner["default"], null)), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
          onClick: this.doOuterJob.bind(this)
        }, /*#__PURE__*/_react["default"].createElement(_Backup["default"], null)))))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
          item: true,
          xs: 12
        }, scanningStateContent));
      }

      var dialogTitleHtml = "";
      var buttonHtml;

      if (this.props.icon) {
        buttonHtml = /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
          title: this.strings["TARA"],
          "aria-label": "Tara"
        }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
          name: "btnOpenDialog",
          "aria-label": "tara",
          component: "span",
          onClick: this.handleDialogClickOpen
        }, /*#__PURE__*/_react["default"].createElement(_ScannerOutlined["default"], null)));
      } else {
        var buttonHtml = /*#__PURE__*/_react["default"].createElement(_Button["default"], {
          name: "btnOpenDialog",
          variant: "contained",
          onClick: this.handleDialogClickOpen
        }, /*#__PURE__*/_react["default"].createElement(_ScannerOutlined["default"], null));
      }

      var closeButtonHtml = "";
      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, buttonHtml, /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
        fullScreen: true,
        fullWidth: true,
        open: this.state.open,
        onClose: this.handleDialogClose,
        "aria-labelledby": "form-dialog-title"
      }, dialogTitleHtml, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, scanContent), closeButtonHtml));
    }
  }]);

  return ScanningInline;
}(_react["default"].Component);

var _default = ScanningInline;
exports["default"] = _default;