@rnga/orders
Version:
## Get schema from @prisma-cms 1. yarn get-api-schema -e http://localhost:4000 2. yarn build-api-fragments
280 lines (216 loc) • 8.44 kB
JavaScript
;
exports.__esModule = true;
exports.PublicLayout = undefined;
var _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; };
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
var _materialUi = require("material-ui");
var _main = require("./main");
var _main2 = _interopRequireDefault(_main);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
// import Layout from "../index";
var styles = {
root: {
maxWidth: 1260,
margin: "0 auto",
"& #office-auth-form .form-group": {
marginBottom: 5
},
"& .office-auth-login-wrapper": {
marginBottom: 20
}
}
};
var PublicLayout = exports.PublicLayout = function (_Main) {
_inherits(PublicLayout, _Main);
function PublicLayout(props) {
_classCallCheck(this, PublicLayout);
var _this = _possibleConstructorReturn(this, _Main.call(this, props));
_this.state = _extends({}, _this.state, {
tabIndex: "orders"
});
return _this;
}
PublicLayout.prototype.renderInstruction = function renderInstruction() {
return null;
};
PublicLayout.prototype.setTabIndex = function setTabIndex(tabIndex) {
return;
var uri = this.context.uri;
var history = this.props.router.history;
var url = void 0;
url = uri.clone().query({
tabIndex: tabIndex && tabIndex !== "0" ? tabIndex : undefined
}).resource();
if (!url) {
return null;
}
if (!url) {
return null;
}
history.push(url);
};
PublicLayout.prototype.render = function render() {
var _this2 = this;
var _props = this.props,
currentUser = _props.user,
uri = _props.uri;
var tabIndex = this.state.tabIndex;
var _props2 = this.props,
classes = _props2.classes,
children = _props2.children;
var content = null;
// const {
// tabIndex = "0",
// } = uri.query(true);
var _ref = currentUser || {},
currentUserId = _ref.id,
username = _ref.username,
fullname = _ref.fullname,
email = _ref.email;
var tabsTitles = [_react2.default.createElement(
"div",
{
key: "0",
className: "multi-tabs-title-content-wrapper"
},
_react2.default.createElement("div", { className: "section-title-bgr" }),
_react2.default.createElement(
"div",
{ className: "multi-tabs-title-content" },
currentUser ? email || fullname || username : "Вход в личный кабинет"
)
), _react2.default.createElement(
"div",
{
key: "orders",
className: "multi-tabs-title-content-wrapper"
},
_react2.default.createElement("div", { className: "section-title-bgr" }),
_react2.default.createElement(
"div",
{ className: "multi-tabs-title-content" },
"\u0422\u0435\u043A\u0443\u0449\u0438\u0435 \u0437\u0430\u043A\u0430\u0437\u044B"
)
), _react2.default.createElement(
"div",
{
key: "orders_archive",
className: "multi-tabs-title-content-wrapper"
},
_react2.default.createElement("div", { className: "section-title-bgr" }),
_react2.default.createElement(
"div",
{ className: "multi-tabs-title-content" },
"\u0410\u0440\u0445\u0438\u0432 \u0437\u0430\u043A\u0430\u0437\u043E\u0432"
)
), _react2.default.createElement(
"div",
{
className: "multi-tabs-title-content-wrapper",
key: "instructions"
},
_react2.default.createElement("div", { className: "section-title-bgr" }),
_react2.default.createElement(
"div",
{ className: "multi-tabs-title-content" },
"\u0418\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F"
)
)];
var tabs = tabsTitles.map(function (tab) {
var key = tab.key;
return _react2.default.createElement(
"div",
{
key: key,
className: ["multi_tabs multi-tabs-title", key === tabIndex ? "active" : undefined].join(" "),
onClick: function onClick(event) {
event.preventDefault();
event.stopPropagation();
// this.setState({
// tabIndex: index,
// })
_this2.setTabIndex(key);
}
},
tab
);
});
var tabContent = void 0;
switch (tabIndex) {
/**
* Orders
*/
case "orders":
tabContent = children;
break;
/**
* Архив заказов
*/
case "orders_archive":
tabContent = "Архив пока не создан";
break;
case "instructions":
tabContent = this.renderInstruction();
break;
default:
}
var styles = void 0;
styles = _react2.default.createElement("style", {
dangerouslySetInnerHTML: {
__html: "\n @import url(\"/assets/css/bootstrap.min.css\");\n @import url(\"/assets/css/style.css\");\n @import url(\"/assets/css/colors/green.css\");\n @import url(\"/assets/css/owl.carousel.css\");\n @import url(\"/assets/css/owl.transitions.css\");\n @import url(\"/assets/css/animate.min.css\");\n @import url(\"/assets/fonts/fonts.css\");\n @import url(\"/assets/css/rn_style.css\");\n @import url(\"https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800\");\n @import url(\"/assets/css/font-awesome.min.css\");\n @import url(\"https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css\");\n "
}
});
content = _react2.default.createElement(
_react.Fragment,
null,
_react2.default.createElement("link", {
rel: "stylesheet",
type: "text/css",
href: "/assets/auth_query_form/style.css"
}),
styles,
_react2.default.createElement(
"div",
{
className: [classes.root, "multi-tabs-wrapper order-profile-tabs"].join(" ")
},
_react2.default.createElement(
"div",
{ className: "multi-tabs-title-wrapper" },
tabs
),
_react2.default.createElement(
"div",
{ className: "multi-tabs-content-wrapper" },
_react2.default.createElement(
"div",
{ className: "multi-tabs-content active" },
_react2.default.createElement(
"div",
{ className: "content-simple-wrapper" },
_react2.default.createElement(
"div",
{ className: "page-content-wrapper-with-bgr without-art" },
_react2.default.createElement("div", { className: "page-content-wrapper-bgr" }),
_react2.default.createElement(
"div",
{ className: "page-content-content" },
tabContent
)
)
)
)
)
)
);
return _Main.prototype.render.call(this, content);
};
return PublicLayout;
}(_main2.default);
exports.default = (0, _materialUi.withStyles)(styles)(function (props) {
return _react2.default.createElement(PublicLayout, props);
});