From 481614350971ac7b400dbcda238d16dabbcf8e9c Mon Sep 17 00:00:00 2001 From: Tomasz Date: Sat, 6 Feb 2021 09:30:58 +0100 Subject: [PATCH] Drawer --- frontend/src/components/Content.tsx | 251 ++++++++++++----------- frontend/static/frontend/content.js | 13 +- frontend/static/frontend/css/start.css | 4 + frontend/templates/frontend/content.html | 1 + 4 files changed, 148 insertions(+), 121 deletions(-) diff --git a/frontend/src/components/Content.tsx b/frontend/src/components/Content.tsx index fae6ac5..6ddb731 100644 --- a/frontend/src/components/Content.tsx +++ b/frontend/src/components/Content.tsx @@ -1,6 +1,6 @@ import React, { Component } from 'react'; -import ReactDOM from 'react-dom'; import clsx from 'clsx'; +import ReactDOM from 'react-dom'; import { createStyles, makeStyles, useTheme, Theme } from '@material-ui/core/styles'; import Drawer from '@material-ui/core/Drawer'; import AppBar from '@material-ui/core/AppBar'; @@ -8,6 +8,7 @@ import Toolbar from '@material-ui/core/Toolbar'; import List from '@material-ui/core/List'; import CssBaseline from '@material-ui/core/CssBaseline'; import Typography from '@material-ui/core/Typography'; +import Divider from '@material-ui/core/Divider'; import IconButton from '@material-ui/core/IconButton'; import MenuIcon from '@material-ui/icons/Menu'; import ChevronLeftIcon from '@material-ui/icons/ChevronLeft'; @@ -15,6 +16,8 @@ import ChevronRightIcon from '@material-ui/icons/ChevronRight'; import ListItem from '@material-ui/core/ListItem'; import ListItemIcon from '@material-ui/core/ListItemIcon'; import ListItemText from '@material-ui/core/ListItemText'; +import InboxIcon from '@material-ui/icons/MoveToInbox'; +import MailIcon from '@material-ui/icons/Mail'; import Filter6Icon from '@material-ui/icons/Filter6'; import Dashboard from '@material-ui/icons/Dashboard'; import EventNote from '@material-ui/icons/EventNote'; @@ -26,163 +29,171 @@ import EmojiEvents from '@material-ui/icons/EmojiEvents'; import Devices from '@material-ui/icons/Devices'; import Business from '@material-ui/icons/Business' import AssignmentInd from '@material-ui/icons/AssignmentInd'; -import InboxIcon from '@material-ui/icons/MoveToInbox'; -import Divider from '@material-ui/core/Divider'; import Forward from '@material-ui/icons/Forward'; import Send from '@material-ui/icons/Send'; import Delete from '@material-ui/icons/Delete'; -class Content extends Component { - drawerWidth = 240; - iconsList = [, , , , , , , , , , ]; - iconsListMessages = [, , , ] +const drawerWidth = 240; - useStyles = makeStyles((theme: Theme) => - createStyles({ - root: { - display: 'flex', +const useStyles = makeStyles((theme: Theme) => + createStyles({ + root: { + display: 'flex', + }, + appBar: { + zIndex: theme.zIndex.drawer + 1, + transition: theme.transitions.create(['width', 'margin'], { + easing: theme.transitions.easing.sharp, + duration: theme.transitions.duration.leavingScreen, + }), + }, + appBarShift: { + marginLeft: drawerWidth, + width: `calc(100% - ${drawerWidth}px)`, + transition: theme.transitions.create(['width', 'margin'], { + easing: theme.transitions.easing.sharp, + duration: theme.transitions.duration.enteringScreen, + }), + }, + menuButton: { + marginRight: 36, + }, + hide: { + display: 'none', + }, + drawer: { + width: drawerWidth, + flexShrink: 0, + whiteSpace: 'nowrap', + }, + drawerOpen: { + width: drawerWidth, + transition: theme.transitions.create('width', { + easing: theme.transitions.easing.sharp, + duration: theme.transitions.duration.enteringScreen, + }), + }, + drawerClose: { + transition: theme.transitions.create('width', { + easing: theme.transitions.easing.sharp, + duration: theme.transitions.duration.leavingScreen, + }), + overflowX: 'hidden', + width: theme.spacing(7) + 1, + [theme.breakpoints.up('sm')]: { + width: theme.spacing(9) + 1, }, - appBar: { - zIndex: theme.zIndex.drawer + 1, - transition: theme.transitions.create(['width', 'margin'], { - easing: theme.transitions.easing.sharp, - duration: theme.transitions.duration.leavingScreen, - }), - }, - appBarShift: { - marginLeft: this.drawerWidth, - width: `calc(100% - ${this.drawerWidth}px)`, - transition: theme.transitions.create(['width', 'margin'], { - easing: theme.transitions.easing.sharp, - duration: theme.transitions.duration.enteringScreen, - }), - }, - menuButton: { - marginRight: 36, - }, - hide: { - display: 'none', - }, - drawer: { - width: this.drawerWidth, - flexShrink: 0, - whiteSpace: 'nowrap', - }, - drawerOpen: { - width: this.drawerWidth, - transition: theme.transitions.create('width', { - easing: theme.transitions.easing.sharp, - duration: theme.transitions.duration.enteringScreen, - }), - }, - drawerClose: { - transition: theme.transitions.create('width', { - easing: theme.transitions.easing.sharp, - duration: theme.transitions.duration.leavingScreen, - }), - overflowX: 'hidden', - width: theme.spacing(7) + 1, - [theme.breakpoints.up('sm')]: { - width: theme.spacing(9) + 1, - }, - }, - toolbar: { - display: 'flex', - alignItems: 'center', - justifyContent: 'flex-end', - padding: theme.spacing(0, 1), - // necessary for content to be below app bar - ...theme.mixins.toolbar, - }, - content: { - flexGrow: 1, - padding: theme.spacing(3), - }, - }), - ); + }, + toolbar: { + display: 'flex', + alignItems: 'center', + justifyContent: 'flex-end', + padding: theme.spacing(0, 1), + // necessary for content to be below app bar + ...theme.mixins.toolbar, + }, + content: { + flexGrow: 1, + padding: theme.spacing(3), + }, + }), +); - classes = this.useStyles(); - theme = useTheme(); +function MiniDrawer() { + const classes = useStyles(); + const theme = useTheme(); + const [open, setOpen] = React.useState(false); - state = { - open: false, - setOpen: false - } - - handleDrawerOpen = () => { - this.setState({setOpen: true}); - }; - - handleDrawerClose = () => { - this.setState({setOpen: false}); - }; - - constructor(props) { - super(props) + const handleDrawerOpen = () => { + setOpen(true); }; - render() { - return ( -
+ const handleDrawerClose = () => { + setOpen(false); + }; + + const iconsList = [, , , , , , , , , , ]; + const iconsListMessages = [, , , ] + + return ( +
- + + Wulkanowy web early access insider preview pre-alpha pre-beta alpha beta release canditate v. 0.0.1 + - -
- - {this.theme.direction === 'rtl' ? : } + }}> +
+ + {theme.direction === 'rtl' ? : }
- {['Start', 'Oceny', 'Plan Lekcji', 'Sprawdziany', 'Zadania Domowe', 'Frekwencja', 'Uczeń na Tle Klasy', 'Uwagi i Osiągnięcia', 'Dostęp Mobilny', 'Szkoła i Nauczyciele', 'Dane Ucznia'].map((text, index) => ( - - {this.iconsList[index]} - - - ))} + + {['Start', 'Oceny', 'Plan Lekcji', 'Sprawdziany', 'Zadania Domowe', 'Frekwencja', 'Uczeń na Tle Klasy', 'Uwagi i Osiągnięcia', 'Dostęp Mobilny', 'Szkoła i Nauczyciele', 'Dane Ucznia'].map((text, index) => ( + + {iconsList[index]} + + + ))} + - {['Odebrane', 'Wysłane', 'Wyślij Wiadomość', 'Usunięte'].map((text, index) => ( - - {this.iconsListMessages[index]} - - - ))} + + {['Odebrane', 'Wysłane', 'Wyślij Wiadomość', 'Usunięte'].map((text, index) => ( + + {iconsListMessages[index]} + + + ))} + +
+ Here is content (in my imagination) +
+ ); +} + +class Content extends Component { + render() { + return ( + ) } -}; +} -export default Content; +export default Content const content = document.getElementById("content"); ReactDOM.render(, content); \ No newline at end of file diff --git a/frontend/static/frontend/content.js b/frontend/static/frontend/content.js index d183867..7ba5ed8 100644 --- a/frontend/static/frontend/content.js +++ b/frontend/static/frontend/content.js @@ -358,6 +358,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./node_modules/@material-ui/core/esm/List/List.js": +/*!*********************************************************!*\ + !*** ./node_modules/@material-ui/core/esm/List/List.js ***! + \*********************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"styles\": function() { return /* binding */ styles; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ \"./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.m.js\");\n/* harmony import */ var _styles_withStyles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../styles/withStyles */ \"./node_modules/@material-ui/core/esm/styles/withStyles.js\");\n/* harmony import */ var _ListContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ListContext */ \"./node_modules/@material-ui/core/esm/List/ListContext.js\");\n\n\n\n\n\n\n\nvar styles = {\n /* Styles applied to the root element. */\n root: {\n listStyle: 'none',\n margin: 0,\n padding: 0,\n position: 'relative'\n },\n\n /* Styles applied to the root element if `disablePadding={false}`. */\n padding: {\n paddingTop: 8,\n paddingBottom: 8\n },\n\n /* Styles applied to the root element if dense. */\n dense: {},\n\n /* Styles applied to the root element if a `subheader` is provided. */\n subheader: {\n paddingTop: 0\n }\n};\nvar List = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.forwardRef(function List(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'ul' : _props$component,\n _props$dense = props.dense,\n dense = _props$dense === void 0 ? false : _props$dense,\n _props$disablePadding = props.disablePadding,\n disablePadding = _props$disablePadding === void 0 ? false : _props$disablePadding,\n subheader = props.subheader,\n other = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__.default)(props, [\"children\", \"classes\", \"className\", \"component\", \"dense\", \"disablePadding\", \"subheader\"]);\n\n var context = react__WEBPACK_IMPORTED_MODULE_2__.useMemo(function () {\n return {\n dense: dense\n };\n }, [dense]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_ListContext__WEBPACK_IMPORTED_MODULE_5__.default.Provider, {\n value: context\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(Component, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({\n className: (0,clsx__WEBPACK_IMPORTED_MODULE_4__.default)(classes.root, className, dense && classes.dense, !disablePadding && classes.padding, subheader && classes.subheader),\n ref: ref\n }, other), subheader, children));\n});\n true ? List.propTypes = {\n /**\n * The content of the component.\n */\n children: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node),\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object.isRequired),\n\n /**\n * @ignore\n */\n className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().elementType),\n\n /**\n * If `true`, compact vertical padding designed for keyboard and mouse input will be used for\n * the list and list items.\n * The prop is available to descendant components as the `dense` context.\n */\n dense: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n\n /**\n * If `true`, vertical padding will be removed from the list.\n */\n disablePadding: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),\n\n /**\n * The content of the subheader, normally `ListSubheader`.\n */\n subheader: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node)\n} : 0;\n/* harmony default export */ __webpack_exports__[\"default\"] = ((0,_styles_withStyles__WEBPACK_IMPORTED_MODULE_6__.default)(styles, {\n name: 'MuiList'\n})(List));\n\n//# sourceURL=webpack://wulkanowy-web/./node_modules/@material-ui/core/esm/List/List.js?"); + +/***/ }), + /***/ "./node_modules/@material-ui/core/esm/List/ListContext.js": /*!****************************************************************!*\ !*** ./node_modules/@material-ui/core/esm/List/ListContext.js ***! @@ -1937,7 +1948,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nvar isProduction = \"developm /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.m.js\");\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @material-ui/core/styles */ \"./node_modules/@material-ui/core/esm/styles/makeStyles.js\");\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @material-ui/core/styles */ \"./node_modules/@material-ui/core/esm/styles/createStyles.js\");\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @material-ui/core/styles */ \"./node_modules/@material-ui/core/esm/styles/useTheme.js\");\n/* harmony import */ var _material_ui_core_Drawer__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @material-ui/core/Drawer */ \"./node_modules/@material-ui/core/esm/Drawer/Drawer.js\");\n/* harmony import */ var _material_ui_core_AppBar__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @material-ui/core/AppBar */ \"./node_modules/@material-ui/core/esm/AppBar/AppBar.js\");\n/* harmony import */ var _material_ui_core_Toolbar__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @material-ui/core/Toolbar */ \"./node_modules/@material-ui/core/esm/Toolbar/Toolbar.js\");\n/* harmony import */ var _material_ui_core_CssBaseline__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @material-ui/core/CssBaseline */ \"./node_modules/@material-ui/core/esm/CssBaseline/CssBaseline.js\");\n/* harmony import */ var _material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @material-ui/core/IconButton */ \"./node_modules/@material-ui/core/esm/IconButton/IconButton.js\");\n/* harmony import */ var _material_ui_icons_Menu__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @material-ui/icons/Menu */ \"./node_modules/@material-ui/icons/Menu.js\");\n/* harmony import */ var _material_ui_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! @material-ui/icons/ChevronLeft */ \"./node_modules/@material-ui/icons/ChevronLeft.js\");\n/* harmony import */ var _material_ui_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @material-ui/icons/ChevronRight */ \"./node_modules/@material-ui/icons/ChevronRight.js\");\n/* harmony import */ var _material_ui_core_ListItem__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! @material-ui/core/ListItem */ \"./node_modules/@material-ui/core/esm/ListItem/ListItem.js\");\n/* harmony import */ var _material_ui_core_ListItemIcon__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! @material-ui/core/ListItemIcon */ \"./node_modules/@material-ui/core/esm/ListItemIcon/ListItemIcon.js\");\n/* harmony import */ var _material_ui_core_ListItemText__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! @material-ui/core/ListItemText */ \"./node_modules/@material-ui/core/esm/ListItemText/ListItemText.js\");\n/* harmony import */ var _material_ui_icons_Filter6__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material-ui/icons/Filter6 */ \"./node_modules/@material-ui/icons/Filter6.js\");\n/* harmony import */ var _material_ui_icons_Dashboard__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material-ui/icons/Dashboard */ \"./node_modules/@material-ui/icons/Dashboard.js\");\n/* harmony import */ var _material_ui_icons_EventNote__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @material-ui/icons/EventNote */ \"./node_modules/@material-ui/icons/EventNote.js\");\n/* harmony import */ var _material_ui_icons_Event__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @material-ui/icons/Event */ \"./node_modules/@material-ui/icons/Event.js\");\n/* harmony import */ var _material_ui_icons_Class__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @material-ui/icons/Class */ \"./node_modules/@material-ui/icons/Class.js\");\n/* harmony import */ var _material_ui_icons_DateRange__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @material-ui/icons/DateRange */ \"./node_modules/@material-ui/icons/DateRange.js\");\n/* harmony import */ var _material_ui_icons_InsertChart__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @material-ui/icons/InsertChart */ \"./node_modules/@material-ui/icons/InsertChart.js\");\n/* harmony import */ var _material_ui_icons_EmojiEvents__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @material-ui/icons/EmojiEvents */ \"./node_modules/@material-ui/icons/EmojiEvents.js\");\n/* harmony import */ var _material_ui_icons_Devices__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @material-ui/icons/Devices */ \"./node_modules/@material-ui/icons/Devices.js\");\n/* harmony import */ var _material_ui_icons_Business__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @material-ui/icons/Business */ \"./node_modules/@material-ui/icons/Business.js\");\n/* harmony import */ var _material_ui_icons_AssignmentInd__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @material-ui/icons/AssignmentInd */ \"./node_modules/@material-ui/icons/AssignmentInd.js\");\n/* harmony import */ var _material_ui_icons_MoveToInbox__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @material-ui/icons/MoveToInbox */ \"./node_modules/@material-ui/icons/MoveToInbox.js\");\n/* harmony import */ var _material_ui_core_Divider__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @material-ui/core/Divider */ \"./node_modules/@material-ui/core/esm/Divider/Divider.js\");\n/* harmony import */ var _material_ui_icons_Forward__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @material-ui/icons/Forward */ \"./node_modules/@material-ui/icons/Forward.js\");\n/* harmony import */ var _material_ui_icons_Send__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @material-ui/icons/Send */ \"./node_modules/@material-ui/icons/Send.js\");\n/* harmony import */ var _material_ui_icons_Delete__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @material-ui/icons/Delete */ \"./node_modules/@material-ui/icons/Delete.js\");\nvar __extends = (undefined && undefined.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Content = /** @class */ (function (_super) {\n __extends(Content, _super);\n function Content(props) {\n var _this = _super.call(this, props) || this;\n _this.drawerWidth = 240;\n _this.iconsList = [react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Dashboard__WEBPACK_IMPORTED_MODULE_3__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Filter6__WEBPACK_IMPORTED_MODULE_4__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_EventNote__WEBPACK_IMPORTED_MODULE_5__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Event__WEBPACK_IMPORTED_MODULE_6__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Class__WEBPACK_IMPORTED_MODULE_7__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_DateRange__WEBPACK_IMPORTED_MODULE_8__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_InsertChart__WEBPACK_IMPORTED_MODULE_9__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_EmojiEvents__WEBPACK_IMPORTED_MODULE_10__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Devices__WEBPACK_IMPORTED_MODULE_11__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Business__WEBPACK_IMPORTED_MODULE_12__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_AssignmentInd__WEBPACK_IMPORTED_MODULE_13__.default, null)];\n _this.iconsListMessages = [react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_MoveToInbox__WEBPACK_IMPORTED_MODULE_14__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Forward__WEBPACK_IMPORTED_MODULE_15__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Send__WEBPACK_IMPORTED_MODULE_16__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Delete__WEBPACK_IMPORTED_MODULE_17__.default, null)];\n _this.useStyles = (0,_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_18__.default)(function (theme) {\n var _a;\n return (0,_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_19__.default)({\n root: {\n display: 'flex',\n },\n appBar: {\n zIndex: theme.zIndex.drawer + 1,\n transition: theme.transitions.create(['width', 'margin'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.leavingScreen,\n }),\n },\n appBarShift: {\n marginLeft: _this.drawerWidth,\n width: \"calc(100% - \" + _this.drawerWidth + \"px)\",\n transition: theme.transitions.create(['width', 'margin'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.enteringScreen,\n }),\n },\n menuButton: {\n marginRight: 36,\n },\n hide: {\n display: 'none',\n },\n drawer: {\n width: _this.drawerWidth,\n flexShrink: 0,\n whiteSpace: 'nowrap',\n },\n drawerOpen: {\n width: _this.drawerWidth,\n transition: theme.transitions.create('width', {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.enteringScreen,\n }),\n },\n drawerClose: (_a = {\n transition: theme.transitions.create('width', {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.leavingScreen,\n }),\n overflowX: 'hidden',\n width: theme.spacing(7) + 1\n },\n _a[theme.breakpoints.up('sm')] = {\n width: theme.spacing(9) + 1,\n },\n _a),\n toolbar: __assign({ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', padding: theme.spacing(0, 1) }, theme.mixins.toolbar),\n content: {\n flexGrow: 1,\n padding: theme.spacing(3),\n },\n });\n });\n _this.classes = _this.useStyles();\n _this.theme = (0,_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_20__.default)();\n _this.state = {\n open: false,\n setOpen: false\n };\n _this.handleDrawerOpen = function () {\n _this.setState({ setOpen: true });\n };\n _this.handleDrawerClose = function () {\n _this.setState({ setOpen: false });\n };\n return _this;\n }\n ;\n Content.prototype.render = function () {\n var _a, _b, _c, _d;\n var _this = this;\n return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: this.classes.root },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_CssBaseline__WEBPACK_IMPORTED_MODULE_21__.default, null),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_AppBar__WEBPACK_IMPORTED_MODULE_22__.default, { position: \"fixed\", className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__.default)(this.classes.appBar, (_a = {},\n _a[this.classes.appBarShift] = open,\n _a)) },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_Toolbar__WEBPACK_IMPORTED_MODULE_23__.default, null,\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_24__.default, { color: \"inherit\", \"aria-label\": \"open drawer\", onClick: this.handleDrawerOpen, edge: \"start\", className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__.default)(this.classes.menuButton, (_b = {},\n _b[this.classes.hide] = open,\n _b)) },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Menu__WEBPACK_IMPORTED_MODULE_25__.default, null)))),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_Drawer__WEBPACK_IMPORTED_MODULE_26__.default, { anchor: \"left\", variant: \"permanent\", className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__.default)(this.classes.drawer, (_c = {},\n _c[this.classes.drawerOpen] = open,\n _c[this.classes.drawerClose] = !open,\n _c)), classes: {\n paper: (0,clsx__WEBPACK_IMPORTED_MODULE_2__.default)((_d = {},\n _d[this.classes.drawerOpen] = open,\n _d[this.classes.drawerClose] = !open,\n _d)),\n } },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: this.classes.toolbar },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_24__.default, { onClick: this.handleDrawerClose }, this.theme.direction === 'rtl' ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_27__.default, null) : react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_28__.default, null))),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_Divider__WEBPACK_IMPORTED_MODULE_29__.default, null),\n ['Start', 'Oceny', 'Plan Lekcji', 'Sprawdziany', 'Zadania Domowe', 'Frekwencja', 'Uczeń na Tle Klasy', 'Uwagi i Osiągnięcia', 'Dostęp Mobilny', 'Szkoła i Nauczyciele', 'Dane Ucznia'].map(function (text, index) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItem__WEBPACK_IMPORTED_MODULE_30__.default, { button: true, key: text },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItemIcon__WEBPACK_IMPORTED_MODULE_31__.default, null, _this.iconsList[index]),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItemText__WEBPACK_IMPORTED_MODULE_32__.default, { primary: text }))); }),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_Divider__WEBPACK_IMPORTED_MODULE_29__.default, null),\n ['Odebrane', 'Wysłane', 'Wyślij Wiadomość', 'Usunięte'].map(function (text, index) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItem__WEBPACK_IMPORTED_MODULE_30__.default, { button: true, key: text },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItemIcon__WEBPACK_IMPORTED_MODULE_31__.default, null, _this.iconsListMessages[index]),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItemText__WEBPACK_IMPORTED_MODULE_32__.default, { primary: text }))); }))));\n };\n return Content;\n}(react__WEBPACK_IMPORTED_MODULE_0__.Component));\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Content);\nvar content = document.getElementById(\"content\");\nreact_dom__WEBPACK_IMPORTED_MODULE_1__.render(react__WEBPACK_IMPORTED_MODULE_0__.createElement(Content, null), content);\n\n\n//# sourceURL=webpack://wulkanowy-web/./src/components/Content.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.m.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material-ui/core/styles */ \"./node_modules/@material-ui/core/esm/styles/makeStyles.js\");\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material-ui/core/styles */ \"./node_modules/@material-ui/core/esm/styles/createStyles.js\");\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @material-ui/core/styles */ \"./node_modules/@material-ui/core/esm/styles/useTheme.js\");\n/* harmony import */ var _material_ui_core_Drawer__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @material-ui/core/Drawer */ \"./node_modules/@material-ui/core/esm/Drawer/Drawer.js\");\n/* harmony import */ var _material_ui_core_AppBar__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @material-ui/core/AppBar */ \"./node_modules/@material-ui/core/esm/AppBar/AppBar.js\");\n/* harmony import */ var _material_ui_core_Toolbar__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @material-ui/core/Toolbar */ \"./node_modules/@material-ui/core/esm/Toolbar/Toolbar.js\");\n/* harmony import */ var _material_ui_core_List__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! @material-ui/core/List */ \"./node_modules/@material-ui/core/esm/List/List.js\");\n/* harmony import */ var _material_ui_core_CssBaseline__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @material-ui/core/CssBaseline */ \"./node_modules/@material-ui/core/esm/CssBaseline/CssBaseline.js\");\n/* harmony import */ var _material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @material-ui/core/Typography */ \"./node_modules/@material-ui/core/esm/Typography/Typography.js\");\n/* harmony import */ var _material_ui_core_Divider__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! @material-ui/core/Divider */ \"./node_modules/@material-ui/core/esm/Divider/Divider.js\");\n/* harmony import */ var _material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @material-ui/core/IconButton */ \"./node_modules/@material-ui/core/esm/IconButton/IconButton.js\");\n/* harmony import */ var _material_ui_icons_Menu__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @material-ui/icons/Menu */ \"./node_modules/@material-ui/icons/Menu.js\");\n/* harmony import */ var _material_ui_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @material-ui/icons/ChevronLeft */ \"./node_modules/@material-ui/icons/ChevronLeft.js\");\n/* harmony import */ var _material_ui_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! @material-ui/icons/ChevronRight */ \"./node_modules/@material-ui/icons/ChevronRight.js\");\n/* harmony import */ var _material_ui_core_ListItem__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! @material-ui/core/ListItem */ \"./node_modules/@material-ui/core/esm/ListItem/ListItem.js\");\n/* harmony import */ var _material_ui_core_ListItemIcon__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! @material-ui/core/ListItemIcon */ \"./node_modules/@material-ui/core/esm/ListItemIcon/ListItemIcon.js\");\n/* harmony import */ var _material_ui_core_ListItemText__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! @material-ui/core/ListItemText */ \"./node_modules/@material-ui/core/esm/ListItemText/ListItemText.js\");\n/* harmony import */ var _material_ui_icons_MoveToInbox__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @material-ui/icons/MoveToInbox */ \"./node_modules/@material-ui/icons/MoveToInbox.js\");\n/* harmony import */ var _material_ui_icons_Filter6__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @material-ui/icons/Filter6 */ \"./node_modules/@material-ui/icons/Filter6.js\");\n/* harmony import */ var _material_ui_icons_Dashboard__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @material-ui/icons/Dashboard */ \"./node_modules/@material-ui/icons/Dashboard.js\");\n/* harmony import */ var _material_ui_icons_EventNote__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @material-ui/icons/EventNote */ \"./node_modules/@material-ui/icons/EventNote.js\");\n/* harmony import */ var _material_ui_icons_Event__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @material-ui/icons/Event */ \"./node_modules/@material-ui/icons/Event.js\");\n/* harmony import */ var _material_ui_icons_Class__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @material-ui/icons/Class */ \"./node_modules/@material-ui/icons/Class.js\");\n/* harmony import */ var _material_ui_icons_DateRange__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @material-ui/icons/DateRange */ \"./node_modules/@material-ui/icons/DateRange.js\");\n/* harmony import */ var _material_ui_icons_InsertChart__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @material-ui/icons/InsertChart */ \"./node_modules/@material-ui/icons/InsertChart.js\");\n/* harmony import */ var _material_ui_icons_EmojiEvents__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @material-ui/icons/EmojiEvents */ \"./node_modules/@material-ui/icons/EmojiEvents.js\");\n/* harmony import */ var _material_ui_icons_Devices__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @material-ui/icons/Devices */ \"./node_modules/@material-ui/icons/Devices.js\");\n/* harmony import */ var _material_ui_icons_Business__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @material-ui/icons/Business */ \"./node_modules/@material-ui/icons/Business.js\");\n/* harmony import */ var _material_ui_icons_AssignmentInd__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @material-ui/icons/AssignmentInd */ \"./node_modules/@material-ui/icons/AssignmentInd.js\");\n/* harmony import */ var _material_ui_icons_Forward__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @material-ui/icons/Forward */ \"./node_modules/@material-ui/icons/Forward.js\");\n/* harmony import */ var _material_ui_icons_Send__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @material-ui/icons/Send */ \"./node_modules/@material-ui/icons/Send.js\");\n/* harmony import */ var _material_ui_icons_Delete__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @material-ui/icons/Delete */ \"./node_modules/@material-ui/icons/Delete.js\");\nvar __extends = (undefined && undefined.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar drawerWidth = 240;\nvar useStyles = (0,_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_3__.default)(function (theme) {\n var _a;\n return (0,_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_4__.default)({\n root: {\n display: 'flex',\n },\n appBar: {\n zIndex: theme.zIndex.drawer + 1,\n transition: theme.transitions.create(['width', 'margin'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.leavingScreen,\n }),\n },\n appBarShift: {\n marginLeft: drawerWidth,\n width: \"calc(100% - \" + drawerWidth + \"px)\",\n transition: theme.transitions.create(['width', 'margin'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.enteringScreen,\n }),\n },\n menuButton: {\n marginRight: 36,\n },\n hide: {\n display: 'none',\n },\n drawer: {\n width: drawerWidth,\n flexShrink: 0,\n whiteSpace: 'nowrap',\n },\n drawerOpen: {\n width: drawerWidth,\n transition: theme.transitions.create('width', {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.enteringScreen,\n }),\n },\n drawerClose: (_a = {\n transition: theme.transitions.create('width', {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.leavingScreen,\n }),\n overflowX: 'hidden',\n width: theme.spacing(7) + 1\n },\n _a[theme.breakpoints.up('sm')] = {\n width: theme.spacing(9) + 1,\n },\n _a),\n toolbar: __assign({ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', padding: theme.spacing(0, 1) }, theme.mixins.toolbar),\n content: {\n flexGrow: 1,\n padding: theme.spacing(3),\n },\n });\n});\nfunction MiniDrawer() {\n var _a, _b, _c, _d;\n var classes = useStyles();\n var theme = (0,_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_5__.default)();\n var _e = react__WEBPACK_IMPORTED_MODULE_0__.useState(false), open = _e[0], setOpen = _e[1];\n var handleDrawerOpen = function () {\n setOpen(true);\n };\n var handleDrawerClose = function () {\n setOpen(false);\n };\n var iconsList = [react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Dashboard__WEBPACK_IMPORTED_MODULE_6__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Filter6__WEBPACK_IMPORTED_MODULE_7__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_EventNote__WEBPACK_IMPORTED_MODULE_8__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Event__WEBPACK_IMPORTED_MODULE_9__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Class__WEBPACK_IMPORTED_MODULE_10__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_DateRange__WEBPACK_IMPORTED_MODULE_11__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_InsertChart__WEBPACK_IMPORTED_MODULE_12__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_EmojiEvents__WEBPACK_IMPORTED_MODULE_13__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Devices__WEBPACK_IMPORTED_MODULE_14__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Business__WEBPACK_IMPORTED_MODULE_15__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_AssignmentInd__WEBPACK_IMPORTED_MODULE_16__.default, null)];\n var iconsListMessages = [react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_MoveToInbox__WEBPACK_IMPORTED_MODULE_17__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Forward__WEBPACK_IMPORTED_MODULE_18__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Send__WEBPACK_IMPORTED_MODULE_19__.default, null), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Delete__WEBPACK_IMPORTED_MODULE_20__.default, null)];\n return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: classes.root },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_CssBaseline__WEBPACK_IMPORTED_MODULE_21__.default, null),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_AppBar__WEBPACK_IMPORTED_MODULE_22__.default, { id: \"bar\", position: \"fixed\", className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__.default)(classes.appBar, (_a = {},\n _a[classes.appBarShift] = open,\n _a)) },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_Toolbar__WEBPACK_IMPORTED_MODULE_23__.default, null,\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_24__.default, { color: \"inherit\", \"aria-label\": \"open drawer\", onClick: handleDrawerOpen, edge: \"start\", className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__.default)(classes.menuButton, (_b = {},\n _b[classes.hide] = open,\n _b)) },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_Menu__WEBPACK_IMPORTED_MODULE_25__.default, null)),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_26__.default, { variant: \"h6\", noWrap: true }, \"Wulkanowy web early access insider preview pre-alpha pre-beta alpha beta release canditate v. 0.0.1\"))),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_Drawer__WEBPACK_IMPORTED_MODULE_27__.default, { anchor: \"left\", variant: \"permanent\", className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__.default)(classes.drawer, (_c = {},\n _c[classes.drawerOpen] = open,\n _c[classes.drawerClose] = !open,\n _c)), classes: {\n paper: (0,clsx__WEBPACK_IMPORTED_MODULE_1__.default)((_d = {},\n _d[classes.drawerOpen] = open,\n _d[classes.drawerClose] = !open,\n _d)),\n } },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: classes.toolbar },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_24__.default, { onClick: handleDrawerClose }, theme.direction === 'rtl' ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_28__.default, null) : react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_29__.default, null))),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_Divider__WEBPACK_IMPORTED_MODULE_30__.default, null),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_List__WEBPACK_IMPORTED_MODULE_31__.default, null, ['Start', 'Oceny', 'Plan Lekcji', 'Sprawdziany', 'Zadania Domowe', 'Frekwencja', 'Uczeń na Tle Klasy', 'Uwagi i Osiągnięcia', 'Dostęp Mobilny', 'Szkoła i Nauczyciele', 'Dane Ucznia'].map(function (text, index) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItem__WEBPACK_IMPORTED_MODULE_32__.default, { button: true, key: text },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItemIcon__WEBPACK_IMPORTED_MODULE_33__.default, null, iconsList[index]),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItemText__WEBPACK_IMPORTED_MODULE_34__.default, { primary: text }))); })),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_Divider__WEBPACK_IMPORTED_MODULE_30__.default, null),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_List__WEBPACK_IMPORTED_MODULE_31__.default, null, ['Odebrane', 'Wysłane', 'Wyślij Wiadomość', 'Usunięte'].map(function (text, index) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItem__WEBPACK_IMPORTED_MODULE_32__.default, { button: true, key: text },\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItemIcon__WEBPACK_IMPORTED_MODULE_33__.default, null, iconsListMessages[index]),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_ListItemText__WEBPACK_IMPORTED_MODULE_34__.default, { primary: text }))); }))),\n react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"main\", { className: classes.content }, \"Here is content (in my imagination)\")));\n}\nvar Content = /** @class */ (function (_super) {\n __extends(Content, _super);\n function Content() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Content.prototype.render = function () {\n return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(MiniDrawer, null));\n };\n return Content;\n}(react__WEBPACK_IMPORTED_MODULE_0__.Component));\n/* harmony default export */ __webpack_exports__[\"default\"] = (Content);\nvar content = document.getElementById(\"content\");\nreact_dom__WEBPACK_IMPORTED_MODULE_2__.render(react__WEBPACK_IMPORTED_MODULE_0__.createElement(Content, null), content);\n\n\n//# sourceURL=webpack://wulkanowy-web/./src/components/Content.tsx?"); /***/ }), diff --git a/frontend/static/frontend/css/start.css b/frontend/static/frontend/css/start.css index 791387a..895bf9e 100644 --- a/frontend/static/frontend/css/start.css +++ b/frontend/static/frontend/css/start.css @@ -76,4 +76,8 @@ body { margin-right: 10px; color: blue; cursor: pointer; +} + +#bar { + background-color: #d32f2f; } \ No newline at end of file diff --git a/frontend/templates/frontend/content.html b/frontend/templates/frontend/content.html index ab473cd..81b1eda 100644 --- a/frontend/templates/frontend/content.html +++ b/frontend/templates/frontend/content.html @@ -5,6 +5,7 @@ + Wulkanowy | Aplikacja ucznia i rodzica