autodisol/components/HistoryLog.js

"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 _Hidden = _interopRequireDefault(require("@material-ui/core/Hidden"));

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

var _Table = _interopRequireDefault(require("@material-ui/core/Table"));

var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));

var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));

var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));

var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));

var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));

var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));

var _moment = _interopRequireDefault(require("moment"));

var _swit = _interopRequireDefault(require("sharyn/util/swit"));

var _Card = _interopRequireDefault(require("./Card"));

var _i18n = require("../i18n");

var _propTypes = _interopRequireDefault(require("prop-types"));

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var configLanguage = (0, _i18n.getLanguage)();
var translations = {
  date: {
    fr: 'Date',
    en: 'Date',
    es: 'Fecha'
  },
  user: {
    fr: 'Utilisateur',
    en: 'User',
    es: 'Usuario'
  },
  company: {
    fr: 'Entreprise',
    en: 'Company',
    es: 'Empresa'
  },
  description: {
    fr: 'Description',
    en: 'Description',
    es: 'Descripción'
  },
  'no information': {
    fr: 'Aucune information',
    en: 'No information',
    es: 'Ninguna información'
  },
  'quote updated': {
    fr: 'Demande mise à jour',
    en: 'Quote updated',
    es: 'Tasación actualizada'
  },
  'quote affected': {
    fr: "Demande affect\xE9e \xE0 %s",
    en: "Quote affected to %s",
    es: "Tasaci\xF3n afectada para %s"
  },
  'quote created': {
    fr: 'Création de la demande de cotation',
    en: 'Creation of the quotation request',
    es: 'Creación de la solicitud de tasación'
  },
  'price assigned': {
    fr: 'Engagement donné',
    en: 'Price given',
    es: 'Precio dado'
  },
  'quote taken': {
    fr: 'Le coteur a pris la cote',
    en: 'Quoter has taken the quote',
    es: 'El tasador ha tomado la tasación'
  }
};

var HistoryAction = function HistoryAction(_ref) {
  var action = _ref.action,
      language = _ref.language,
      quoterGroupName = _ref.quoterGroupName;
  var key = (0, _swit["default"])(action, [['quoter_quote', 'quote taken'], ['update_quote', 'quote updated'], ['quotation_quote', 'quote affected'], ['create_quote', 'quote created'], ['pricing_quote', 'price assigned']], 'no information');
  return (0, _i18n.getTranslation)(translations, language, key, quoterGroupName);
};

var HistoryLogJSX = function HistoryLogJSX(_ref2) {
  var _storyLanguage;

  var css = _ref2.classes,
      className = _ref2.className,
      style = _ref2.style,
      storyLanguage = _ref2.storyLanguage,
      results = _ref2.results,
      isLoading = _ref2.isLoading;
  var language = (_storyLanguage = storyLanguage) !== null && _storyLanguage !== void 0 ? _storyLanguage : configLanguage;
  return _react["default"].createElement(_Grid["default"], _extends({
    spacing: 16,
    container: true
  }, {
    className: className,
    style: style
  }), _react["default"].createElement(_Hidden["default"], {
    smDown: true
  }, _react["default"].createElement(_Table["default"], {
    padding: "dense"
  }, _react["default"].createElement(_TableHead["default"], null, _react["default"].createElement(_TableRow["default"], null, _react["default"].createElement(_TableCell["default"], null, (0, _i18n.getTranslation)(translations, language, 'date')), _react["default"].createElement(_TableCell["default"], null, (0, _i18n.getTranslation)(translations, language, 'user'), "(", (0, _i18n.getTranslation)(translations, language, 'company'), ")"), _react["default"].createElement(_TableCell["default"], null, (0, _i18n.getTranslation)(translations, language, 'description')))), _react["default"].createElement(_TableBody["default"], null, isLoading ? _react["default"].createElement(_TableRow["default"], null, _react["default"].createElement(_TableCell["default"], {
    colSpan: 3
  }, _react["default"].createElement("div", {
    className: css.loadingPagination
  }, _react["default"].createElement(_CircularProgress["default"], {
    thickness: 4,
    size: 30
  })))) : results && results.map(function (historyLog) {
    var _historyLog$quoterGro;

    return _react["default"].createElement(_TableRow["default"], {
      key: historyLog.id
    }, _react["default"].createElement(_TableCell["default"], null, _react["default"].createElement(_Typography["default"], {
      variant: "body2"
    }, function () {
      var date = (0, _moment["default"])(historyLog.loggedAt).format('LLLL');
      return "".concat(date[0].toUpperCase()).concat(date.substring(1));
    }())), _react["default"].createElement(_TableCell["default"], null, _react["default"].createElement(_Typography["default"], {
      variant: "body2"
    }, historyLog.user.fullname, " (", historyLog.user.currentGroup, ")")), _react["default"].createElement(_TableCell["default"], null, _react["default"].createElement(HistoryAction, _extends({
      action: historyLog.action,
      quoterGroupName: (_historyLog$quoterGro = historyLog.quoterGroup) === null || _historyLog$quoterGro === void 0 ? void 0 : _historyLog$quoterGro.name
    }, {
      language: language
    }))));
  })))), _react["default"].createElement(_Hidden["default"], {
    mdUp: true
  }, _react["default"].createElement("div", {
    style: {
      margin: '20px 0',
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      justifyContent: 'center',
      width: '100%'
    }
  }, isLoading ? _react["default"].createElement(_CircularProgress["default"], {
    thickness: 4,
    size: 30
  }) : results && results.map(function (historyLog) {
    var _historyLog$quoterGro2;

    return _react["default"].createElement(_Card["default"], {
      key: historyLog.id,
      style: {
        marginTop: '0.5rem',
        width: '100%'
      }
    }, _react["default"].createElement("div", null, _react["default"].createElement(_Typography["default"], {
      variant: "body2"
    }, function () {
      var date = (0, _moment["default"])(historyLog.loggedAt).format('LLLL');
      return "".concat(date[0].toUpperCase()).concat(date.substring(1));
    }()), _react["default"].createElement(_Typography["default"], {
      variant: "body2"
    }, historyLog.user.fullname, " (", historyLog.user.currentGroup, ")"), _react["default"].createElement(_Typography["default"], {
      variant: "body1"
    }, _react["default"].createElement(HistoryAction, _extends({
      action: historyLog.action,
      quoterGroupName: (_historyLog$quoterGro2 = historyLog.quoterGroup) === null || _historyLog$quoterGro2 === void 0 ? void 0 : _historyLog$quoterGro2.name
    }, {
      language: language
    })))));
  }))));
};

HistoryLogJSX.propTypes = {
  classes: _propTypes["default"].object.isRequired,
  className: _propTypes["default"].string,
  style: _propTypes["default"].object,
  storyLanguage: _propTypes["default"].string,
  results: _propTypes["default"].arrayOf(_propTypes["default"].object.isRequired),
  isLoading: _propTypes["default"].bool
};
var HistoryLog = (0, _withStyles["default"])({
  loadingPagination: {
    width: '100%',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    height: 60
  }
})(HistoryLogJSX);
var _default = HistoryLog;
exports["default"] = _default;